[
  {
    "path": ".editorconfig",
    "content": "# EditorConfig helps developers define and maintain consistent\n# coding styles between different editors and IDEs\n# editorconfig.org\n\nroot = true\n\n\n[*]\nend_of_line = lf\ncharset = utf-8\ntrim_trailing_whitespace = true\ninsert_final_newline = true\nindent_style = space\nindent_size = 2\n\n[*.hbs]\ninsert_final_newline = false\n\n[*.{diff,md}]\ntrim_trailing_whitespace = false\n"
  },
  {
    "path": ".ember-cli",
    "content": "{\n  /**\n    Ember CLI sends analytics information by default. The data is completely\n    anonymous, but there are times when you might want to disable this behavior.\n\n    Setting `disableAnalytics` to true will prevent any data from being sent.\n  */\n  \"disableAnalytics\": false\n}\n"
  },
  {
    "path": ".eslintrc.js",
    "content": "module.exports = {\n  root: true,\n  parserOptions: {\n    ecmaVersion: 2017,\n    sourceType: 'module'\n  },\n  plugins: [\n    'ember'\n  ],\n  extends: [\n    'eslint:recommended',\n    'plugin:ember/recommended'\n  ],\n  env: {\n    browser: true\n  },\n  globals: {\n    d3: true,\n    Rx: true\n  },\n  rules: {\n    'ember/no-on-calls-in-components': 'off',\n    'ember/closure-actions': 'off'\n  },\n  overrides: [\n    // node files\n    {\n      files: [\n        'index.js',\n        'testem.js',\n        'ember-cli-build.js',\n        'config/**/*.js',\n        'tests/dummy/config/**/*.js'\n      ],\n      excludedFiles: [\n        'app/**',\n        'addon/**',\n        'tests/dummy/app/**'\n      ],\n      parserOptions: {\n        sourceType: 'script',\n        ecmaVersion: 2015\n      },\n      env: {\n        browser: false,\n        node: true\n      },\n      plugins: ['node'],\n      rules: Object.assign({}, require('eslint-plugin-node').configs.recommended.rules, {\n        // add your custom rules and overrides for node files here\n      })\n    },\n\n    // test files\n    {\n      files: ['tests/**/*.js'],\n      excludedFiles: ['tests/dummy/**/*.js'],\n      env: {\n        embertest: true\n      },\n      rules: {\n        'ember/avoid-leaking-state-in-ember-objects': 'off'\n      }\n    },\n    {\n      files: ['protractor.conf.js', 'tests/perf/**/*.js'],\n      env: {\n        mocha: true,\n        node: true\n      },\n      globals: {\n        '$': true,\n        browser: true\n      },\n      rules: {\n        'ember/no-global-jquery': 'off'\n      }\n    }\n  ]\n};\n"
  },
  {
    "path": ".gitignore",
    "content": "# See https://help.github.com/ignore-files/ for more about ignoring files.\n\n# compiled output\n/dist\n/tmp\n\n# dependencies\n/node_modules\n/bower_components\n\n# misc\n/.sass-cache\n/connect.lock\n/coverage/*\n/libpeerconnection.log\nnpm-debug.log*\nyarn-error.log\ntestem.log\n\n# ember-try\n.node_modules.ember-try/\nbower.json.ember-try\npackage.json.ember-try\n"
  },
  {
    "path": ".npmignore",
    "content": "/bower_components\n/config/ember-try.js\n/dist\n/tests\n/tmp\n**/.gitkeep\n.bowerrc\n.editorconfig\n.ember-cli\n.eslintrc.js\n.gitignore\n.watchmanconfig\n.travis.yml\nbower.json\nember-cli-build.js\ntestem.js\n\n# ember-try\n.node_modules.ember-try/\nbower.json.ember-try\npackage.json.ember-try\n"
  },
  {
    "path": ".travis.yml",
    "content": "---\nlanguage: node_js\nnode_js:\n  # we recommend testing addons with the same minimum supported node version as Ember CLI\n  # so that your addon works for all apps\n  - \"6\"\n\nsudo: false\ndist: trusty\n\naddons:\n  chrome: stable\n\ncache:\n  yarn: true\n  directories:\n    - $HOME/.npm\n\nenv:\n  global:\n    # See https://git.io/vdao3 for details.\n    - JOBS=1\n  matrix:\n    # we recommend new addons test the current and previous LTS\n    # as well as latest stable release (bonus points to beta/canary)\n    - EMBER_TRY_SCENARIO=ember-lts-2.12\n    - EMBER_TRY_SCENARIO=ember-lts-2.16\n    - EMBER_TRY_SCENARIO=ember-release\n    - EMBER_TRY_SCENARIO=ember-beta\n    - EMBER_TRY_SCENARIO=ember-canary\n    - EMBER_TRY_SCENARIO=ember-default\n\nmatrix:\n  fast_finish: true\n  allow_failures:\n    - env: EMBER_TRY_SCENARIO=ember-canary\n\ninstall:\n  - yarn install\n\nscript:\n  - yarn run lint:js\n  # Usually, it's ok to finish the test scenario without reverting\n  #  to the addon's original dependency state, skipping \"cleanup\".\n  - node_modules/.bin/ember try:one $EMBER_TRY_SCENARIO --skip-cleanup\n"
  },
  {
    "path": ".watchmanconfig",
    "content": "{\n  \"ignore_dirs\": [\"tmp\", \"dist\"]\n}\n"
  },
  {
    "path": "CHANGELOG.md",
    "content": "# Changelog\n\n### 1.0.0-beta.30\n\n- FIX memory leak in nf-area caused by overriding `_unregister`\n- FIX null reference error in nf-area caused when data is empty\n\n### 1.0.0-beta.29\n\n- UPDATE Readd tracking capabilities to nf-bars\n\n### 1.0.0-beta.28\n\n- REMOVE all SASS files and dependencies from styles\n- BREAKING style complexity has been reduced\n- BREAKING add additional path to nf-area to create tracing line at top\n\n### 1.0.0-beta.27\n\n- UPDATE Readd `hoverData` output to tracked components.\n\n### 1.0.0-beta.26\n\n- FIX Ensure tracked data updates when firstVisibleData or lastVisibleData has updated in certain tracking modes\n\n### 1.0.0-beta.25\n\n- FIX issue where firstVisibleData and lastVisibleData would error if no data is present\n\n### 1.0.0-beta.24\n\n- FIX trackingData no longer throws errors when underlying data is not present\n\n### 1.0.0-beta.23\n\n- FIX `snap-last` and `snap-first` type trackingModes will now initialize properly and render\n\n### 1.0.0-beta.22\n\n- FIX fix regression in `nf-line` tracking behavior\n- FIX `nf-bars` should actually render bars again (doh)\n- FIX `nf-brush-selection` will no longer throw errors to console while brushing\n\n### 1.0.0-beta.21\n\n- UPDATE components with tracking capabilities (`nf-line`, `nf-area` and `nf-bars`) updated to support additional data passed with trackingData, rendered values are `renderX` and `renderY`, where actual values are still at `x` and `y`. This was to account for new stacked area functionality.\n- UPDATE `nf-bars` now will render a tracking dot if `showTrackingDot` is set to `true`\n- BREAKING `nf-line`, `nf-area` and `nf-bars` will no longer emit values, actions or events for `hoverChange` and `hoverEnd`. `didTrack` still functions, though.\n\n### 1.0.0-beta.20\n\n- UPDATE `nf-graph` component now has `didAutoUpdateMinX`, `didAutoUpdateMinY`, `didAutoUpdateMaxX`, `didAutoUpdateMaxX` that will trigger when the corresponding values are updated automatically by a mode of `\"push-tick\"`, `\"auto\"` or `\"tick\"`.\n- UPDATE `nf-graph` component now has actions `autoScaleXAction` and `autoScaleYAction` that will send when \n the auto update events (mentioned above) trigger.\n\n### 1.0.0-beta.19\n\n- FIX issue where `nf-area` having null data would throw an unhandled error.\n\n### 1.0.0-beta.18\n\n- FIX axes components will once again use the passed templates for pre-Glimmer Ember.\n\n### 1.0.0-beta.17\n\n- ADD `nf-tracker` component. This is a component for templatable tracking dots\n- UPDATE `nf-line` and `nf-area` to use `nf-tracker` for tracking dot generation\n- UPDATE improved performance on hover/tracking\n- UPDATE add `aggregate` to `nf-area-stack` component to sum y values of areas for stacking purposes. Defaults to `false` currently, but should be used with `true` from this point on, as it will default to `true` in future versions.\n- UPDATE switch templates to attribute syntax\n- UPDATE switch most computed properties to new computed property syntax\n- FIX nf-graph should work with Glimmer now (thanks @jamesarosen)\n- BREAKING graph components such as `nf-line` and `nf-area` will no longer sort your data for you. This is done for performance reasons.\n\n### 1.0.0-beta.16\n\n- FIX [#64](https://github.com/Netflix/ember-nf-graph/issues/64) put `tickFactory` back where it belongs on the axes components\n- FIX [#59](https://github.com/Netflix/ember-nf-graph/pull/59) fixed an issue where nf-bars scales had the wrong domain values. \n\n### 1.0.0-beta.15\n\n- FIX Moved ember-new-computed to deps not devDeps\n\n### 1.0.0-beta.14\n\n- FIX [#63](https://github.com/Netflix/ember-nf-graph/pull/63) Uses new computed property syntax w/ polyfill for host apps running older ember\n\n### 1.0.0-beta.13\n\n- FIX [#56](https://github.com/Netflix/ember-nf-graph/pull/56) Added rxjs to host app bower blueprint\n- FIX rxjs dependency added to `index.js`\n- UPDATE removed dependency on `ember-cli-rx`\n\n### 1.0.0-beta.12\n\n- FIX performance issue with axes caused by graphics registering after render\n- FIX issue where `nf-area-stack` would not stack some `nf-area` components\n\n### 1.0.0-beta.11\n\n- Update Ember-CLI to `0.2.3` and Ember to `~1.11.3`\n- FIX [#53](//github.com/Netflix/ember-nf-graph/issues/53) remove event hooks and registrations that were causing recalculations and re-renders.\n\n### 1.0.0-beta.10\n\n- FIX [#44](//github.com/Netflix/ember-nf-graph/issues/44) remove nf-scroll-area, which was leftover from splitting out nf-table\n- FIX [#41](//github.com/Netflix/ember-nf-graph/issues/41) fix assertion error that was caused in certain tracking modes\n- FIX [#16](//github.com/Netflix/ember-nf-graph/issues/16) patched addClass so Ember will actually update classes on SVG elements using classNameBindings\n- UPDATE [#38](//github.com/Netflix/ember-nf-graph/issues/38) Test on multiple Ember versions\n\n### 1.0.0-beta.9\n\n- FIX [#16](//github.com/Netflix/ember-nf-graph/issues/16) SVG classes not swapping when selection changed\n- FIX lock to rx-ember 0.2.5-1\n- FIX [#24](//github.com/Netflix/ember-nf-graph/issues/24) SVG lines no longer complain when nf-vertical-line or nf-horizontal-line have null values\n  or return a pixel value less than zero\n\n### 1.0.0-beta.8\n\n- [CRITICAL BUGFIX] Moved babel to `dependencies` so our addon is actually transpiled in host apps #34\n\n### 1.0.0-beta.7\n\n- Do not use.\n\n### 1.0.0-beta.6\n\n- UPDATE [#4](//github.com/Netflix/ember-nf-graph/issues/4) add block params to axis components.\n- FIX [#29](//github.com/netflix/ember-nf-graph/issues/29) remove sad panda rename warning.\n\n### 1.0.0-beta.5\n\n- UPDATE name to ember-nf-graph\n- FIX [#28](//github.com/netflix/ember-nf-graph/issues/28) Remove a few additional prototype functions. But also I had to \n  remove the addon that removed the prototype functions. (prototype functions are back for now).\n\n### 1.0.0-beta.4\n\n- DEPRECATE [#11](//github.com/netflix/ember-nf-graph/issues/11) Add warning message that name will be changing from ember-nf-graph \n  to ember-nf-graph for next version\n- FIX [#8](//github.com/netflix/ember-nf-graph/issues/8): Removed prototype functions (e.g. `function() {}.property()`).\n- UPDATE [#3](//github.com/netflix/ember-nf-graph/issues/3): [Examples are now live](//netflix.github.io/ember-nf-graph-examples/dist) special thanks to [@jeff3dx](//github.com/jeff3dx) \n  for all of his hard work!\n- FIX [#25](//github.com/netflix/ember-nf-graph/issues/25): removed tabs in favor of spaces\n- UPDATE rx-ember to 0.2.4, clean up bower.json\n- FIX [#17](//github.com/netflix/ember-nf-graph/pull/17): stop publishing tmp and dist to npm\n- FIX [#21](//github.com/netflix/ember-nf-graph/issues/21): remove leftover console.debug statement\n\n### 1.0.0-beta.3\n\n- FIX [#9](//github.com/netflix/ember-nf-graph/issues/9): Blueprints now properly named\n\n### 1.0.0-beta.2\n- FIX Update license\n- FIX updated documentation and removed document cruft\n- UPDATE: added a changelog :P\n- META: made meta joke in changelog with appropriate emoticon\n\n### 1.0.0-beta.1\n\n- UPDATE: just releasing to public\n"
  },
  {
    "path": "LICENSE.md",
    "content": "\n                                 Apache License\n                           Version 2.0, January 2004\n                        http://www.apache.org/licenses/\n\n   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION\n\n   1. Definitions.\n\n      \"License\" shall mean the terms and conditions for use, reproduction,\n      and distribution as defined by Sections 1 through 9 of this document.\n\n      \"Licensor\" shall mean the copyright owner or entity authorized by\n      the copyright owner that is granting the License.\n\n      \"Legal Entity\" shall mean the union of the acting entity and all\n      other entities that control, are controlled by, or are under common\n      control with that entity. For the purposes of this definition,\n      \"control\" means (i) the power, direct or indirect, to cause the\n      direction or management of such entity, whether by contract or\n      otherwise, or (ii) ownership of fifty percent (50%) or more of the\n      outstanding shares, or (iii) beneficial ownership of such entity.\n\n      \"You\" (or \"Your\") shall mean an individual or Legal Entity\n      exercising permissions granted by this License.\n\n      \"Source\" form shall mean the preferred form for making modifications,\n      including but not limited to software source code, documentation\n      source, and configuration files.\n\n      \"Object\" form shall mean any form resulting from mechanical\n      transformation or translation of a Source form, including but\n      not limited to compiled object code, generated documentation,\n      and conversions to other media types.\n\n      \"Work\" shall mean the work of authorship, whether in Source or\n      Object form, made available under the License, as indicated by a\n      copyright notice that is included in or attached to the work\n      (an example is provided in the Appendix below).\n\n      \"Derivative Works\" shall mean any work, whether in Source or Object\n      form, that is based on (or derived from) the Work and for which the\n      editorial revisions, annotations, elaborations, or other modifications\n      represent, as a whole, an original work of authorship. For the purposes\n      of this License, Derivative Works shall not include works that remain\n      separable from, or merely link (or bind by name) to the interfaces of,\n      the Work and Derivative Works thereof.\n\n      \"Contribution\" shall mean any work of authorship, including\n      the original version of the Work and any modifications or additions\n      to that Work or Derivative Works thereof, that is intentionally\n      submitted to Licensor for inclusion in the Work by the copyright owner\n      or by an individual or Legal Entity authorized to submit on behalf of\n      the copyright owner. For the purposes of this definition, \"submitted\"\n      means any form of electronic, verbal, or written communication sent\n      to the Licensor or its representatives, including but not limited to\n      communication on electronic mailing lists, source code control systems,\n      and issue tracking systems that are managed by, or on behalf of, the\n      Licensor for the purpose of discussing and improving the Work, but\n      excluding communication that is conspicuously marked or otherwise\n      designated in writing by the copyright owner as \"Not a Contribution.\"\n\n      \"Contributor\" shall mean Licensor and any individual or Legal Entity\n      on behalf of whom a Contribution has been received by Licensor and\n      subsequently incorporated within the Work.\n\n   2. Grant of Copyright License. Subject to the terms and conditions of\n      this License, each Contributor hereby grants to You a perpetual,\n      worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n      copyright license to reproduce, prepare Derivative Works of,\n      publicly display, publicly perform, sublicense, and distribute the\n      Work and such Derivative Works in Source or Object form.\n\n   3. Grant of Patent License. Subject to the terms and conditions of\n      this License, each Contributor hereby grants to You a perpetual,\n      worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n      (except as stated in this section) patent license to make, have made,\n      use, offer to sell, sell, import, and otherwise transfer the Work,\n      where such license applies only to those patent claims licensable\n      by such Contributor that are necessarily infringed by their\n      Contribution(s) alone or by combination of their Contribution(s)\n      with the Work to which such Contribution(s) was submitted. If You\n      institute patent litigation against any entity (including a\n      cross-claim or counterclaim in a lawsuit) alleging that the Work\n      or a Contribution incorporated within the Work constitutes direct\n      or contributory patent infringement, then any patent licenses\n      granted to You under this License for that Work shall terminate\n      as of the date such litigation is filed.\n\n   4. Redistribution. You may reproduce and distribute copies of the\n      Work or Derivative Works thereof in any medium, with or without\n      modifications, and in Source or Object form, provided that You\n      meet the following conditions:\n\n      (a) You must give any other recipients of the Work or\n          Derivative Works a copy of this License; and\n\n      (b) You must cause any modified files to carry prominent notices\n          stating that You changed the files; and\n\n      (c) You must retain, in the Source form of any Derivative Works\n          that You distribute, all copyright, patent, trademark, and\n          attribution notices from the Source form of the Work,\n          excluding those notices that do not pertain to any part of\n          the Derivative Works; and\n\n      (d) If the Work includes a \"NOTICE\" text file as part of its\n          distribution, then any Derivative Works that You distribute must\n          include a readable copy of the attribution notices contained\n          within such NOTICE file, excluding those notices that do not\n          pertain to any part of the Derivative Works, in at least one\n          of the following places: within a NOTICE text file distributed\n          as part of the Derivative Works; within the Source form or\n          documentation, if provided along with the Derivative Works; or,\n          within a display generated by the Derivative Works, if and\n          wherever such third-party notices normally appear. The contents\n          of the NOTICE file are for informational purposes only and\n          do not modify the License. You may add Your own attribution\n          notices within Derivative Works that You distribute, alongside\n          or as an addendum to the NOTICE text from the Work, provided\n          that such additional attribution notices cannot be construed\n          as modifying the License.\n\n      You may add Your own copyright statement to Your modifications and\n      may provide additional or different license terms and conditions\n      for use, reproduction, or distribution of Your modifications, or\n      for any such Derivative Works as a whole, provided Your use,\n      reproduction, and distribution of the Work otherwise complies with\n      the conditions stated in this License.\n\n   5. Submission of Contributions. Unless You explicitly state otherwise,\n      any Contribution intentionally submitted for inclusion in the Work\n      by You to the Licensor shall be under the terms and conditions of\n      this License, without any additional terms or conditions.\n      Notwithstanding the above, nothing herein shall supersede or modify\n      the terms of any separate license agreement you may have executed\n      with Licensor regarding such Contributions.\n\n   6. Trademarks. This License does not grant permission to use the trade\n      names, trademarks, service marks, or product names of the Licensor,\n      except as required for reasonable and customary use in describing the\n      origin of the Work and reproducing the content of the NOTICE file.\n\n   7. Disclaimer of Warranty. Unless required by applicable law or\n      agreed to in writing, Licensor provides the Work (and each\n      Contributor provides its Contributions) on an \"AS IS\" BASIS,\n      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\n      implied, including, without limitation, any warranties or conditions\n      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A\n      PARTICULAR PURPOSE. You are solely responsible for determining the\n      appropriateness of using or redistributing the Work and assume any\n      risks associated with Your exercise of permissions under this License.\n\n   8. Limitation of Liability. In no event and under no legal theory,\n      whether in tort (including negligence), contract, or otherwise,\n      unless required by applicable law (such as deliberate and grossly\n      negligent acts) or agreed to in writing, shall any Contributor be\n      liable to You for damages, including any direct, indirect, special,\n      incidental, or consequential damages of any character arising as a\n      result of this License or out of the use or inability to use the\n      Work (including but not limited to damages for loss of goodwill,\n      work stoppage, computer failure or malfunction, or any and all\n      other commercial damages or losses), even if such Contributor\n      has been advised of the possibility of such damages.\n\n   9. Accepting Warranty or Additional Liability. While redistributing\n      the Work or Derivative Works thereof, You may choose to offer,\n      and charge a fee for, acceptance of support, warranty, indemnity,\n      or other liability obligations and/or rights consistent with this\n      License. However, in accepting such obligations, You may act only\n      on Your own behalf and on Your sole responsibility, not on behalf\n      of any other Contributor, and only if You agree to indemnify,\n      defend, and hold each Contributor harmless for any liability\n      incurred by, or claims asserted against, such Contributor by reason\n      of your accepting any such warranty or additional liability.\n\n   END OF TERMS AND CONDITIONS\n\n   APPENDIX: How to apply the Apache License to your work.\n\n      To apply the Apache License to your work, attach the following\n      boilerplate notice, with the fields enclosed by brackets \"[]\"\n      replaced with your own identifying information. (Don't include\n      the brackets!)  The text should be enclosed in the appropriate\n      comment syntax for the file format. We also recommend that a\n      file or class name and description of purpose be included on the\n      same \"printed page\" as the copyright notice for easier\n      identification within third-party archives.\n\n   Copyright 2015 Netflix, Inc.\n\n   Licensed under the Apache License, Version 2.0 (the \"License\");\n   you may not use this file except in compliance with the License.\n   You may obtain a copy of the License at\n\n       http://www.apache.org/licenses/LICENSE-2.0\n\n   Unless required by applicable law or agreed to in writing, software\n   distributed under the License is distributed on an \"AS IS\" BASIS,\n   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n   See the License for the specific language governing permissions and\n   limitations under the License."
  },
  {
    "path": "OSSMETADATA",
    "content": "osslifecycle=active\n"
  },
  {
    "path": "README.md",
    "content": "[![Build Status](https://travis-ci.org/Netflix/ember-nf-graph.svg?branch=master)](https://travis-ci.org/Netflix/ember-nf-graph)\n[![npm version](https://badge.fury.io/js/ember-nf-graph.svg)](http://badge.fury.io/js/ember-nf-graph)\n\n# ember-nf-graph\n\nA Component-based DSL for creating graphs in your Ember app. The goal of the library is to\ncreate a set of components that allows application or component authors to build graphs in a\ncompositional way. This includes components for templated axes, graph lines, areas, stacked areas, bar graphs, and much more. Check the [documentation](//netflix.github.io/ember-nf-graph/docs) for more information.\n\n- [Documentation](//netflix.github.io/ember-nf-graph/docs)\n- [Examples](//netflix.github.io/ember-nf-graph-examples/dist)\n\n\n\nA basic graph example is as follows:\n\n```js\nexport default Ember.Route.extend({\n  model() {\n    return {\n      myLineData: [\n        { x: 0, y: 12 },\n        { x: 1, y: 32 },\n        { x: 2, y: 42 },\n        // ...\n      ],\n      myAreaData: [\n        { x: 0, y: 43 },\n        { x: 1, y: 54 },\n        { x: 2, y: 13 },\n        // ...\n      ]\n    };\n  }\n});\n```\n\n```hbs\n{{#nf-graph width=500 height=300 as |nf|}}\n  {{#nf.graph as |graph|}}\n    <!-- add a line -->\n    {{graph.line data=model.myLineData}}\n\n    <!-- add an area -->\n    {{graph.area data=model.myAreaData}}\n\n    <!-- mix in any SVG element you want -->\n    <circle cx=\"40\" cy=\"40\" r=\"10\"></circle>\n  {{/nf.graph}}\n\n\t<!-- axis ticks are templateable as well -->\n  {{#nf.y-axis as |tick|}}\n    <text>{{tick.value}}</text>\n  {{/nf.y-axis}}\n\n\n  {{#nf.x-axis as |tick|}}\n    <text>{{tick.value}}</text>\n  {{/nf.x-axis}}\n{{/nf-graph}}\n```\n\n\n## Installation\n\nThis set of Ember components requires [Ember-CLI](http://ember-cli.com) 0.2.0 or higher and\n[Ember](http://emberjs.com) 1.10.0 or higher.\n\nTo install, simply run `ember install ember-nf-graph`, or `npm install -D ember-nf-graph`\n\n## Documentation\n\n- Online at: [netflix.github.io/ember-nf-graph/docs](//netflix.github.io/ember-nf-graph/docs) (generated by [YUIDocs](http://yui.github.io/yuidoc/))\n- In package: Documentation for these components is included in the package, and can be found under `node_modules/ember-nf-graph/docs/index.html` just open in any browser.\n\n----\n\n## Contributing\n\n* `git clone` this repository\n* `npm install`\n\n### Running\n\n* `ember server`\n* Visit your app at http://localhost:4200.\n\n### Running Tests\n\n* `ember test`\n* `ember test --server`\n\n### Building\n\n* `ember build`\n\nFor more information on using ember-cli, visit [http://www.ember-cli.com/](http://www.ember-cli.com/).\n\n### Generating Documentation\n\nThis project uses YUIDoc to generate documentation. Once YUIDoc is installed run:\n\n```sh\nyuidoc -c yuidoc.json\n```\n\nThe documentation is located in `docs/`.\n\n\n\n"
  },
  {
    "path": "addon/.gitkeep",
    "content": ""
  },
  {
    "path": "addon/components/.gitignore",
    "content": "node_modules"
  },
  {
    "path": "addon/components/nf-area-stack.js",
    "content": "import { schedule } from '@ember/runloop';\nimport { A } from '@ember/array';\nimport { warn } from '@ember/debug';\nimport Component from '@ember/component';\nimport { computed } from '@ember/object';\nimport layout from 'ember-nf-graph/templates/components/nf-area-stack';\n\n/**\n  A component for grouping and stacking `nf-area` components in an `nf-graph`.\n\n  This component looks at the order of the `nf-area` components underneath it\n  and uses the ydata of the next sibling `nf-area` component to determine the bottom\n  of each `nf-area` components path to be drawn.\n\n  ### Example\n\n      {{#nf-graph width=300 height=100}}\n        {{#nf-graph-content}}\n          {{#nf-area-stack}}\n            {{nf-area data=myData xprop=\"time\" yprop=\"high\"}}\n            {{nf-area data=myData xprop=\"time\" yprop=\"med\"}}\n            {{nf-area data=myData xprop=\"time\" yprop=\"low\"}}\n          {{/nf-area-stack}}\n        {{/nf-graph-content}}\n      {{/nf-graph}}\n\n  @namespace components\n  @class nf-area-stack\n*/\nexport default Component.extend({\n  layout,\n  tagName: 'g',\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    Whether or not to add the values together to create the stacked area\n    @property aggregate\n    @type {boolean}\n    @default false\n  */\n  aggregate: computed({\n    get() {\n      warn('nf-area-stack.aggregate must be set. Currently defaulting to `false` but will default to `true` in the future.');\n      return this._aggregate = false;\n    },\n    set(key, value) {\n      return this._aggregate = value;\n    }\n  }),\n\n  /**\n    The collection of `nf-area` components under this stack.\n    @property areas\n    @type Array\n    @readonly\n  */\n  areas: computed(function(){\n    return A();\n  }),\n\n  /**\n    Registers an area component with this stack. Also links areas to one\n    another by setting `nextArea` on each area component.\n    @method registerArea\n    @param area {Ember.Component} The area component to register.\n  */\n  registerArea: function(area) {\n    let areas = this.get('areas');\n    let prev = areas[areas.length - 1];\n\n    schedule('afterRender', () => {\n      if(prev) {\n        prev.set('nextArea', area);\n        area.set('prevArea', prev);\n      }\n\n      areas.pushObject(area);\n    });\n  },\n\n  /**\n    Unregisters an area component from this stack. Also updates next\n    and previous links.\n    @method unregisterArea\n    @param area {Ember.Component} the area to unregister\n  */\n  unregisterArea: function(area) {\n    let prev = area.get('prevArea');\n    let next = area.get('nextArea');\n\n    schedule('afterRender', () => {\n      if(next) {\n        next.set('prevArea', prev);\n      }\n\n      if(prev) {\n        prev.set('nextArea', next);\n      }\n\n      this.get('areas').removeObject(area);\n    });\n  },\n});\n"
  },
  {
    "path": "addon/components/nf-area.js",
    "content": "import { computed } from '@ember/object';\nimport { on } from '@ember/object/evented';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-area';\nimport Selectable from 'ember-nf-graph/mixins/graph-selectable-graphic';\nimport RegisteredGraphic from 'ember-nf-graph/mixins/graph-registered-graphic';\nimport DataGraphic from 'ember-nf-graph/mixins/graph-data-graphic';\nimport AreaUtils from 'ember-nf-graph/mixins/graph-area-utils';\nimport GraphicWithTrackingDot from 'ember-nf-graph/mixins/graph-graphic-with-tracking-dot';\nimport RequireScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\nimport LineUtils from 'ember-nf-graph/mixins/graph-line-utils';\n\n/**\n  Adds an area graph to an `nf-graph` component.\n\n  Optionally, if it's located within an `nf-area-stack` component, it will work with\n  sibling `nf-area` components to create a stacked graph.\n  @namespace components\n  @class nf-area\n  @extends Ember.Component\n  @uses mixins.graph-area-utils\n  @uses mixins.graph-selectable-graphic\n  @uses mixins.graph-registered-graphic\n  @uses mixins.graph-data-graphic\n  @uses mixins.graph-graphic-with-tracking-dot\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Component.extend(RegisteredGraphic, DataGraphic, Selectable, AreaUtils, GraphicWithTrackingDot, RequireScaleSource, LineUtils, {\n  layout,\n  tagName: 'g',\n\n  classNameBindings: [':nf-area', 'selected', 'selectable'],\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The type of d3 interpolator to use to create the area\n    @property interpolator\n    @type String\n    @default 'linear'\n  */\n  interpolator: 'linear',\n\n  /**\n    The previous area in the stack, if this area is part of an `nf-area-stack`\n    @property prevArea\n    @type components.nf-area\n    @default null\n  */\n  prevArea: null,\n\n  /**\n    The next area in the stack, if this area is part of an `nf-area-stack`\n    @property nextArea\n    @type components.nf-area\n    @default null\n  */\n  nextArea: null,\n\n  stack: null,\n\n  init() {\n    this._super(...arguments);\n    let stack = this.get('stack');\n    if(stack) {\n      stack.registerArea(this);\n      this.set('stack', stack);\n    }\n  },\n\n  /**\n    Override from `graph-data-graphic` mixin\n    @method getActualTrackData\n  */\n  getActualTrackData(renderX, renderY, data) {\n    return {\n      x: this.get('xPropFn')(data),\n      y: this.get('yPropFn')(data)\n    };\n  },\n\n  _unregisterArea: on('willDestroyElement', function(){\n    let stack = this.get('stack');\n    if(stack) {\n      stack.unregisterArea(this);\n    }\n  }),\n\n  /**\n    The computed set of next y values to use for the \"bottom\" of the graphed area.\n    If the area is part of a stack, this will be the \"top\" of the next area in the stack,\n    otherwise it will return an array of values at the \"bottom\" of the graph domain.\n    @property nextYData\n    @type Array\n    @readonly\n  */\n  nextYData: computed('data.length', 'nextArea.data.[]', function(){\n    let data = this.get('data');\n    if(!Array.isArray(data)) {\n      return [];\n    }\n    let nextData = this.get('nextArea.mappedData');\n    return data.map((d, i) => (nextData && nextData[i] && nextData[i][1]) || Number.MIN_VALUE);\n  }),\n\n  /**\n    The current rendered data \"zipped\" together with the nextYData.\n    @property mappedData\n    @type Array\n    @readonly\n  */\n  mappedData: computed('data.[]', 'xPropFn', 'yPropFn', 'nextYData.[]', 'stack.aggregate', function() {\n    let { data, xPropFn, yPropFn, nextYData } = this.getProperties('data', 'xPropFn', 'yPropFn', 'nextYData');\n    let aggregate = this.get('stack.aggregate');\n    if(Array.isArray(data)) {\n      return data.map((d, i) => {\n        let x = xPropFn(d);\n        let y = yPropFn(d);\n        let result = aggregate ? [x, y + nextYData[i], nextYData[i]] : [x, y, nextYData[i]];\n        result.data = d;\n        return result;\n      });\n    } else {\n      return [];\n    }\n  }),\n\n  areaFn: computed('xScale', 'yScale', 'interpolator', function(){\n    let { xScale, yScale, interpolator } = this.getProperties('xScale', 'yScale', 'interpolator');\n    return this.createAreaFn(xScale, yScale, interpolator);\n  }),\n\n  lineFn: computed('xScale', 'yScale', 'interpolator', function(){\n    let { xScale, yScale, interpolator } = this.getProperties('xScale', 'yScale', 'interpolator');\n    return this.createLineFn(xScale, yScale, interpolator);\n  }),\n\n  d: computed('renderedData', 'areaFn', function(){\n    let renderedData = this.get('renderedData');\n    return this.get('areaFn')(renderedData);\n  }),\n\n  dLine: computed('renderedData', 'lineFn', function(){\n    let renderedData = this.get('renderedData');\n    return this.get('lineFn')(renderedData);\n  }),\n\n  click: function(){\n    if(this.get('selectable')) {\n      this.toggleProperty('selected');\n    }\n  }\n  });\n"
  },
  {
    "path": "addon/components/nf-bars-group.js",
    "content": "import { schedule } from '@ember/runloop';\nimport { A } from '@ember/array';\nimport { computed } from '@ember/object';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-bars-group';\nimport RequiresScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\n\nexport default Component.extend(RequiresScaleSource, {\n  layout,\n  tagName: 'g',\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  groupPadding: 0.1,\n\n  groupOuterPadding: 0,\n\n  // either b-arses or fat, stupid hobbitses\n  barses: computed(function(){\n    return A();\n  }),\n\n  registerBars: function(bars) {\n    schedule('afterRender', () => {\n      let barses = this.get('barses');\n      barses.pushObject(bars);\n      bars.set('group', this);\n      bars.set('groupIndex', barses.length - 1);\n    });\n  },\n\n  unregisterBars: function(bars) {\n    if(bars) {\n      schedule('afterRender', () => {\n        bars.set('group', undefined);\n        bars.set('groupIndex', undefined);\n        this.get('barses').removeObject(bars);\n      });\n    }\n  },\n\n  groupWidth: computed('xScale', function(){\n    let xScale = this.get('xScale');\n    return xScale && xScale.rangeBand ? xScale.rangeBand() : NaN;\n  }),\n\n  barsDomain: computed('barses.[]', function(){\n    let len = this.get('barses.length') || 0;\n    return d3.range(len);\n  }),\n\n  barScale: computed(\n    'groupWidth',\n    'barsDomain.[]',\n    'groupPadding',\n    'groupOuterPadding',\n    function(){\n      let barsDomain = this.get('barsDomain');\n      let groupWidth = this.get('groupWidth');\n      let groupPadding = this.get('groupPadding');\n      let groupOuterPadding = this.get('groupOuterPadding');\n      return d3.scale.ordinal()\n        .domain(barsDomain)\n        .rangeBands([0, groupWidth], groupPadding, groupOuterPadding);\n    }\n  ),\n\n  barsWidth: function() {\n    let scale = this.get('barScale');\n    return scale && scale.rangeBand ? scale.rangeBand() : NaN;\n  },\n});\n"
  },
  {
    "path": "addon/components/nf-bars.js",
    "content": "import { isArray, A } from '@ember/array';\nimport { oneWay } from '@ember/object/computed';\nimport { computed } from '@ember/object';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-bars';\nimport DataGraphic from 'ember-nf-graph/mixins/graph-data-graphic';\nimport RegisteredGraphic from 'ember-nf-graph/mixins/graph-registered-graphic';\nimport parsePropExpr from 'ember-nf-graph/utils/parse-property-expression';\nimport RequireScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\nimport GraphicWithTrackingDot from 'ember-nf-graph/mixins/graph-graphic-with-tracking-dot';\nimport { normalizeScale } from 'ember-nf-graph/utils/nf/scale-utils';\nimport { getRectPath } from 'ember-nf-graph/utils/nf/svg-dom';\n\n/**\n  Adds a bar graph to an `nf-graph` component.\n\n  **Requires the graph has `xScaleType === 'ordinal'`***\n\n  ** `showTrackingDot` defaults to `false` in this component **\n\n  @namespace components\n  @class nf-bars\n  @extends Ember.Component\n  @uses mixins.graph-registered-graphic\n  @uses mixins.graph-data-graphic\n  @uses mixins.graph-requires-scale-source\n  @uses mixins.graph-graphic-with-tracking-dot\n*/\nexport default Component.extend(RegisteredGraphic, DataGraphic, RequireScaleSource, GraphicWithTrackingDot, {\n  layout,\n  tagName: 'g',\n\n  classNames: ['nf-bars'],\n\n  _showTrackingDot: false,\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The name of the property on each data item containing the className for the bar rectangle\n    @property classprop\n    @type String\n    @default 'className'\n  */\n  classprop: 'className',\n\n  /**\n    Gets the function to get the classname from each data item.\n    @property getBarClass\n    @readonly\n    @private\n  */\n  getBarClass: computed('classprop', function() {\n    let classprop = this.get('classprop');\n    return classprop ? parsePropExpr(classprop) : null;\n  }),\n\n  /**\n    The nf-bars-group this belongs to, if any.\n    @property group\n    @type components.nf-bars-group\n    @default null\n  */\n  group: null,\n\n  /**\n    The index of this component within the group, if any.\n    @property groupIndex\n    @type Number\n    @default null\n  */\n  groupIndex: null,\n\n  /**\n    The graph content height\n    @property graphHeight\n    @type Number\n    @readonly\n  */\n  graphHeight: oneWay('graph.graphHeight'),\n\n  /**\n    A scale provided by nf-bars-group to offset the bar rectangle output\n    @property barScale\n    @type d3.scale\n    @readonly\n  */\n  barScale: oneWay('group.barScale'),\n\n  /**\n    The width of each bar.\n    @property barWidth\n    @type Number\n    @readonly\n  */\n  barWidth: computed('xScale', 'barScale', function(){\n    let barScale = this.get('barScale');\n    if(barScale) {\n      return barScale.rangeBand();\n    }\n    let xScale = this.get('xScale');\n    return xScale && xScale.rangeBand ? xScale.rangeBand() : 0;\n  }),\n\n  groupOffsetX: computed('barScale', 'groupIndex', function(){\n    let barScale = this.get('barScale');\n    let groupIndex = this.get('groupIndex');\n    return normalizeScale(barScale, groupIndex);\n  }),\n\n  /**\n    The bar models used to render the bars.\n    @property bars\n    @readonly\n  */\n  bars: computed(\n    'xScale',\n    'yScale',\n    'renderedData.[]',\n    'graphHeight',\n    'getBarClass',\n    'barWidth',\n    'groupOffsetX',\n    function(){\n      let { renderedData, xScale, yScale, barWidth, graphHeight, getBarClass, groupOffsetX } =\n        this.getProperties('renderedData', 'xScale', 'yScale', 'graphHeight', 'getBarClass', 'groupOffsetX', 'barWidth');\n\n      let getRectPath = this._getRectPath;\n\n      if(!xScale || !yScale || !isArray(renderedData)) {\n        return null;\n      }\n\n      let w = barWidth;\n\n      return A(renderedData.map(function(data) {\n        let className = 'nf-bars-bar' + (getBarClass ? ' ' + getBarClass(data.data) : '');\n        let x = normalizeScale(xScale, data[0]) + groupOffsetX;\n        let y = normalizeScale(yScale, data[1]);\n        let h = graphHeight - y;\n        let path = getRectPath(x, y, w, h);\n\n        return { path, className, data };\n      }));\n    }\n  ),\n\n  _getRectPath: getRectPath,\n\n  /**\n    The name of the action to fire when a bar is clicked.\n    @property barClick\n    @type String\n    @default null\n  */\n  barClick: null,\n\n  init() {\n    this._super(...arguments);\n    let group = this.get('group');\n    if(group && group.registerBars) {\n      group.registerBars(this);\n    }\n  },\n\n  actions: {\n    nfBarClickBar: function(dataPoint) {\n      if(this.get('barClick')) {\n        this.sendAction('barClick', {\n          data: dataPoint.data,\n          x: dataPoint[0],\n          y: dataPoint[1],\n          source: this,\n          graph: this.get('graph'),\n        });\n      }\n    }\n  }\n\n});\n"
  },
  {
    "path": "addon/components/nf-brush-selection.js",
    "content": "import { alias } from '@ember/object/computed';\nimport { scheduleOnce } from '@ember/runloop';\nimport { on } from '@ember/object/evented';\nimport { get, observer, computed } from '@ember/object';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-brush-selection';\nimport RequiresScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\n\nexport default Component.extend(RequiresScaleSource, {\n  layout,\n  tagName: 'g',\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  left: undefined,\n\n  right: undefined,\n\n  formatter: null,\n\n  textPadding: 3,\n\n  autoWireUp: true,\n\n  _autoBrushHandler: function(e) {\n    this.set('left', get(e, 'left.x'));\n    this.set('right', get(e, 'right.x'));\n  },\n\n  _autoBrushEndHandler: function() {\n    this.set('left', undefined);\n    this.set('right', undefined);\n  },\n\n  _wireToGraph: function(){\n    let graph = this.get('graph');\n    let auto = this.get('autoWireUp');\n\n    if(auto) {\n      graph.on('didBrushStart', this, this._autoBrushHandler);\n      graph.on('didBrush', this, this._autoBrushHandler);\n      graph.on('didBrushEnd', this, this._autoBrushEndHandler);\n    } else {\n      graph.off('didBrushStart', this, this._autoBrushHandler);\n      graph.off('didBrush', this, this._autoBrushHandler);\n      graph.off('didBrushEnd', this, this._autoBrushEndHandler);\n    }\n  },\n\n  _autoWireUpChanged: on('didInsertElement', observer('autoWireUp', function(){\n    scheduleOnce('afterRender', this, this._wireToGraph);\n  })),\n\n  _updateLeftText: function(){\n    let root = d3.select(this.element);\n    let g = root.select('.nf-brush-selection-left-display');\n    let text = g.select('.nf-brush-selection-left-text');\n    let bg = g.select('.nf-brush-selection-left-text-bg');\n\n    let display = this.get('leftDisplay');\n\n    if(!display) {\n      g.attr('hidden', true);\n    } else {\n      g.attr('hidden', null);\n    }\n\n    text.text(display);\n\n    let textPadding = this.get('textPadding');\n    let leftX = this.get('leftX');\n    let graphHeight = this.get('graphHeight');\n    let bbox = text[0][0].getBBox();\n\n    let doublePad = textPadding * 2;\n    let width = bbox.width + doublePad;\n    let height = bbox.height + doublePad;\n    let x = Math.max(0, leftX - width);\n    let y = graphHeight - height;\n\n    g.attr('transform', `translate(${x} ${y})`);\n\n    text.attr('x', textPadding).\n      attr('y', textPadding);\n\n    bg.attr('width', width).\n      attr('height', height);\n  },\n\n  _onLeftChange: on(\n    'didInsertElement',\n    observer('left', 'graphHeight', 'textPadding', function(){\n      scheduleOnce('afterRender', this, this._updateLeftText);\n    })\n  ),\n\n  _updateRightText: function(){\n    let root = d3.select(this.element);\n    let g = root.select('.nf-brush-selection-right-display');\n    let text = g.select('.nf-brush-selection-right-text');\n    let bg = g.select('.nf-brush-selection-right-text-bg');\n\n    let display = this.get('rightDisplay');\n\n    if(!display) {\n      g.attr('hidden', true);\n    } else {\n      g.attr('hidden', null);\n    }\n\n    text.text(display);\n\n    let textPadding = this.get('textPadding');\n    let rightX = this.get('rightX');\n    let graphHeight = this.get('graphHeight');\n    let graphWidth = this.get('graphWidth');\n    let bbox = text[0][0].getBBox();\n\n    let doublePad = textPadding * 2;\n    let width = bbox.width + doublePad;\n    let height = bbox.height + doublePad;\n    let x = Math.min(graphWidth - width, rightX);\n    let y = graphHeight - height;\n\n    g.attr('transform', `translate(${x} ${y})`);\n\n    text.attr('x', textPadding).\n      attr('y', textPadding);\n\n    bg.attr('width', width).\n      attr('height', height);\n  },\n\n  _onRightChange: on(\n    'didInsertElement',\n    observer('right', 'graphHeight', 'graphWidth', 'textPadding', function(){\n      scheduleOnce('afterRender', this, this._updateRightText);\n    })\n  ),\n\n  leftDisplay: computed('left', 'formatter', function(){\n    let formatter = this.get('formatter');\n    let left = this.get('left');\n    return formatter ? formatter(left) : left;\n  }),\n\n  rightDisplay: computed('right', 'formatter', function(){\n    let formatter = this.get('formatter');\n    let right = this.get('right');\n    return formatter ? formatter(right) : right;\n  }),\n\n  isVisible: computed('left', 'right', function(){\n    let left = +this.get('left');\n    let right = +this.get('right');\n    return left === left && right === right;\n  }),\n\n  leftX: computed('xScale', 'left', function() {\n    let left = this.get('left') || 0;\n    let scale = this.get('xScale');\n    return scale ? scale(left) : 0;\n  }),\n\n  rightX: computed('xScale', 'right', function() {\n    let right = this.get('right') || 0;\n    let scale = this.get('xScale');\n    return scale ? scale(right) : 0;\n  }),\n\n  graphWidth: alias('graph.graphWidth'),\n\n  graphHeight: alias('graph.graphHeight'),\n\n  rightWidth: computed('rightX', 'graphWidth', function() {\n    return Math.max(this.get('graphWidth') - this.get('rightX'), 0);\n  }),\n});\n"
  },
  {
    "path": "addon/components/nf-component.js",
    "content": "import Component from '@ember/component';\nimport { assert } from '@ember/debug';\nimport { isPresent } from '@ember/utils';\nimport layout from '../templates/components/nf-component';\n\n/**\n  Renders a custom component with the given component name.\n\n  ## Example\n\n  The following example will render a custom svg image component at (0, 50):\n\n        {{#graph.component 'my-custom-svg-image' as |image|}}\n          {{component image src=\"images/star.svg\"}}\n        {{/graph.component}}\n\n  @namespace components\n  @class nf-component\n  @extends Ember.Component\n*/\nconst NfComponent = Component.extend({\n  layout,\n  tagName: '',\n\n  /**\n    The name of the component to be rendered.\n    @property componentName\n    @type String\n    @default ''\n  */\n  componentName: '',\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n  */\n  graph: null,\n\n  /**\n    The scale source\n    @property scaleSource\n    @type d3.nf-graph\n    @default graph\n  */\n scaleSource: null,\n\n init(){\n   this._super(...arguments);\n   assert('[ember-nf-graph] A component name must be passed into nf-component.', isPresent(this.get('componentName')));\n }\n});\n\nNfComponent.reopenClass({\n  positionalParams: ['componentName']\n});\n\nexport default NfComponent;\n"
  },
  {
    "path": "addon/components/nf-crosshairs.js",
    "content": "import { schedule } from '@ember/runloop';\nimport { alias } from '@ember/object/computed';\nimport Component from '@ember/component';\nimport { on } from '@ember/object/evented';\nimport { observer } from '@ember/object';\nimport layout from 'ember-nf-graph/templates/components/nf-crosshairs';\n\n/**\n  A component that adds \"crosshairs\" to an `nf-graph` that follows the mouse\n  while it's hovering over the graph content.\n  @namespace components\n  @class nf-crosshair\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n*/\nexport default Component.extend({\n  layout,\n  tagName: 'g',\n\n  classNames: ['nf-crosshairs'],\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The height of the crosshair in pixels\n    @property height\n    @type Number\n    @readonly\n  */\n  height: alias('graph.graphHeight'),\n\n  /**\n    The width of the crosshair in pixels\n    @property width\n    @type Number\n    @readonly\n  */\n  width: alias('graph.graphWidth'),\n\n  /**\n    The x position of the crosshairs\n    @property x\n    @type Number\n    @default 0\n  */\n  x: 0,\n\n  /**\n    The y position of the crosshairs\n    @property y\n    @type Number\n    @default 0\n  */\n  y: 0,\n\n  /**\n    Whether to show the vertical line in the corsshairs\n    @property vertical\n    @type Boolean\n    @default true\n  */\n  vertical: true,\n\n  /**\n    Whether to show the horizontal line in the corsshairs\n    @property horizontal\n    @type Boolean\n    @default true\n  */\n  horizontal: true,\n\n  /**\n    The visibility of the component\n    @property isVisible\n    @type Boolean\n    @default false\n  */\n  isVisible: false,\n\n  didContentHoverChange: function(e) {\n    this.set('isVisible', true);\n    this.set('x', e.get('mouseX'));\n    this.set('y', e.get('mouseY'));\n  },\n\n  didContentHoverEnd: function() {\n    this.set('isVisible', false);\n  },\n\n  _setupBindings: on('didInsertElement', observer('graph.content', function() {\n    let content = this.get('graph.content');\n    if(content) {\n      schedule('afterRender', () => {\n        content.on('didHoverChange', this, this.didContentHoverChange);\n        content.on('didHoverEnd', this, this.didContentHoverEnd);\n      });\n    }\n  })),\n});\n"
  },
  {
    "path": "addon/components/nf-dot.js",
    "content": "import { computed } from '@ember/object';\nimport { notEmpty, and } from '@ember/object/computed';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-dot';\nimport RequireScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\n\n/**\n  Plots a circle at a given x and y domain value on an `nf-graph`.\n\n  @namespace components\n  @class nf-dot\n  @extends Ember.Component\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Component.extend(RequireScaleSource, {\n  layout,\n  tagName: 'circle',\n\n  attributeBindings: ['r', 'cy', 'cx'],\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The x domain value at which to plot the circle\n    @property x\n    @type Number\n    @default null\n  */\n  x: null,\n\n  /**\n    The y domain value at which to plot the circle\n    @property x\n    @type Number\n    @default null\n  */\n  y: null,\n\n  /**\n    The radius of the circle plotted\n    @property r\n    @type Number\n    @default 2.5\n  */\n  r: 2.5,\n\n  hasX: notEmpty('x'),\n\n  hasY: notEmpty('y'),\n\n  /**\n    The computed center x coordinate of the circle\n    @property cx\n    @type Number\n    @private\n    @readonly\n  */\n  cx: computed('x', 'xScale', 'hasX', function(){\n    let x = this.get('x');\n    let xScale = this.get('xScale');\n    let hasX = this.get('hasX');\n    return hasX && xScale ? xScale(x) : -1;\n  }),\n\n  /**\n    The computed center y coordinate of the circle\n    @property cy\n    @type Number\n    @private\n    @readonly\n  */\n  cy: computed('y', 'yScale', 'hasY', function() {\n    let y = this.get('y');\n    let yScale = this.get('yScale');\n    let hasY = this.get('hasY');\n    return hasY && yScale ? yScale(y) : -1;\n  }),\n\n  /**\n    Toggles the visibility of the dot. If x or y are\n    not numbers, will return false.\n    @property isVisible\n    @private\n    @readonly\n  */\n  isVisible: and('hasX', 'hasY'),\n});\n"
  },
  {
    "path": "addon/components/nf-graph-content.js",
    "content": "import { schedule } from '@ember/runloop';\nimport { A } from '@ember/array';\nimport { alias } from '@ember/object/computed';\nimport { computed } from '@ember/object';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-graph-content';\nimport GraphMouseEvent from 'ember-nf-graph/utils/nf/graph-mouse-event';\n\n/**\n  Container component for graphics to display in `nf-graph`. Represents\n  the area where the graphics, such as lines will display.\n\n  Exists for layout purposes.\n  @namespace components\n  @class nf-graph-content\n*/\nexport default Component.extend({\n  layout,\n  tagName: 'g',\n\n  classNames: ['nf-graph-content'],\n\n  attributeBindings: ['transform', 'clip-path'],\n\n  'clip-path': computed('graph.contentClipPathId', function(){\n    let clipPathId = this.get('graph.contentClipPathId');\n    return  `url('#${clipPathId}')`;\n  }),\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The SVG transform for positioning the graph content\n    @property transform\n    @type String\n    @readonly\n  */\n  transform: computed('x', 'y', function(){\n    let x = this.get('x');\n    let y = this.get('y');\n    return `translate(${x} ${y})`;\n  }),\n\n  /**\n    The x position of the graph content\n    @property x\n    @type Number\n    @readonly\n  */\n  x: alias('graph.graphX'),\n\n  /**\n    The calculated y position of the graph content\n    @property y\n    @type Number\n    @readonly\n  */\n  y: alias('graph.graphY'),\n\n  /**\n    The calculated width of the graph content\n    @property width\n    @type Number\n    @readonly\n  */\n  width: alias('graph.graphWidth'),\n\n  /**\n    The calculated height of the graph content.\n    @property height\n    @type Number\n    @readonly\n  */\n  height: alias('graph.graphHeight'),\n\n\n  /**\n    An array containing models to render the grid lanes\n    @property gridLanes\n    @type Array\n    @readonly\n  */\n  gridLanes: computed('graph.yAxis.ticks', 'width', 'height', function () {\n    let ticks = this.get('graph.yAxis.ticks');\n    let width = this.get('width');\n    let height = this.get('height');\n\n    if(!ticks || ticks.length === 0) {\n      return A();\n    }\n\n    let sorted = ticks.slice().sort(function(a, b) {\n      return a.y - b.y;\n    });\n\n    if(sorted[0].y !== 0) {\n      sorted.unshift({ y: 0 });\n    }\n\n    let lanes = sorted.reduce(function(lanes, tick, i) {\n      let y = tick.y;\n      let next = sorted[i+1] || { y: height };\n      let h = Math.max(next.y - tick.y, 0);\n      lanes.push({\n        x: 0,\n        y: y,\n        width: width,\n        height: h\n      });\n      return lanes;\n    }, []);\n\n    return A(lanes);\n  }),\n\n  /**\n    The name of the hoverChange action to fire\n    @property hoverChange\n    @type String\n    @default null\n  */\n  hoverChange: null,\n\n  mouseMove: function(e) {\n    let context = GraphMouseEvent.create({\n      originalEvent: e,\n      source: this,\n      graphContentElement: this.element,\n    });\n\n    this.trigger('didHoverChange', context);\n\n    if(this.get('hoverChange')) {\n      this.sendAction('hoverChange', context);\n    }\n  },\n\n  /**\n    The name of the hoverEnd action to fire\n    @property hoverEnd\n    @type String\n    @default null\n  */\n  hoverEnd: null,\n\n  mouseLeave: function(e) {\n    let context = GraphMouseEvent.create({\n      originalEvent: e,\n      source: this,\n      graphContentElement: this.element\n    });\n    this.trigger('didHoverEnd', context);\n\n    if(this.get('hoverEnd')) {\n      this.sendAction('hoverEnd', context);\n    }\n  },\n\n  /**\n    An array containing models to render fret lines\n    @property frets\n    @type Array\n    @readonly\n  */\n  frets: alias('graph.xAxis.ticks'),\n\n  init(){\n    this._super(...arguments);\n\n    schedule('afterRender', () => {\n      this.set('graph.content', this);\n    });\n  },\n});\n"
  },
  {
    "path": "addon/components/nf-graph-yieldables.js",
    "content": "import Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-graph-yieldables';\n\nexport default Component.extend({\n  layout,\n  tagName: '',\n\n  /**\n    The parent graph for the components.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The scale source for the components\n    @property scaleSource\n    @default null\n    */\n  scaleSource: null,\n});\n"
  },
  {
    "path": "addon/components/nf-graph.js",
    "content": "import { bool, notEmpty } from '@ember/object/computed';\nimport $ from 'jquery';\nimport { on } from '@ember/object/evented';\nimport { warn } from '@ember/debug';\nimport { A } from '@ember/array';\nimport { scheduleOnce, schedule, run } from '@ember/runloop';\nimport Component from '@ember/component';\nimport { isPresent } from '@ember/utils';\nimport { computed, observer } from '@ember/object';\nimport layout from 'ember-nf-graph/templates/components/nf-graph';\nimport GraphPosition from 'ember-nf-graph/utils/nf/graph-position';\nimport { getMousePoint } from 'ember-nf-graph/utils/nf/svg-dom';\nimport { toArray } from 'ember-nf-graph/utils/nf/array-helpers';\n\nconst Observable = Rx.Observable;\n\nconst computedBool = bool;\n\nlet minProperty = function(axis, defaultTickCount){\n  let _DataExtent_ = axis + 'DataExtent';\n  let _MinMode_ = axis + 'MinMode';\n  let _Axis_tickCount_ = axis + 'Axis.tickCount';\n  let _ScaleFactory_ = axis + 'ScaleFactory';\n  let __Min_ = '_' + axis + 'Min';\n  let _prop_ = axis + 'Min';\n  let _autoScaleEvent_ = 'didAutoUpdateMin' + axis.toUpperCase();\n\n  return computed(\n    _MinMode_,\n    _DataExtent_,\n    _Axis_tickCount_,\n    _ScaleFactory_,\n    'graphHeight',\n    'graphWidth',\n    {\n      get() {\n        let mode = this.get(_MinMode_);\n        let ext;\n\n        let change = val => {\n          this.set(_prop_, val);\n          this.trigger(_autoScaleEvent_);\n        };\n\n        if(mode === 'auto') {\n          change(this.get(_DataExtent_)[0] || 0);\n        }\n\n        else if(mode === 'push') {\n          ext = this.get(_DataExtent_)[0];\n          if(!isNaN(ext) && ext < this[__Min_]) {\n            change(ext);\n          }\n        }\n\n        else if(mode === 'push-tick') {\n          let extent = this.get(_DataExtent_);\n          ext = extent[0];\n\n          if(!isNaN(ext) && ext < this[__Min_]) {\n            let tickCount = this.get(_Axis_tickCount_) || defaultTickCount;\n            let newDomain = this.get(_ScaleFactory_)().domain(extent).nice(tickCount).domain();\n            change(newDomain[0]);\n          }\n        }\n\n        return this[__Min_];\n      },\n      set(key, value) {\n        if (isPresent(value) && !isNaN(value)) {\n          this[__Min_] = value;\n        }\n        return this[__Min_];\n      }\n    }\n  );\n};\n\nlet maxProperty = function(axis, defaultTickCount) {\n  let _DataExtent_ = axis + 'DataExtent';\n  let _Axis_tickCount_ = axis + 'Axis.tickCount';\n  let _ScaleFactory_ = axis + 'ScaleFactory';\n  let _MaxMode_ = axis + 'MaxMode';\n  let __Max_ = '_' + axis + 'Max';\n  let _prop_ = axis + 'Max';\n  let _autoScaleEvent_ = 'didAutoUpdateMax' + axis.toUpperCase();\n\n  return computed(\n    _MaxMode_,\n    _DataExtent_,\n    _ScaleFactory_,\n    _Axis_tickCount_,\n    'graphHeight',\n    'graphWidth',\n    {\n      get() {\n        let mode = this.get(_MaxMode_);\n        let ext;\n\n        let change = val => {\n          this.set(_prop_, val);\n          this.trigger(_autoScaleEvent_);\n        };\n\n        if(mode === 'auto') {\n          change(this.get(_DataExtent_)[1] || 1);\n        }\n\n        else if(mode === 'push') {\n          ext = this.get(_DataExtent_)[1];\n          if(!isNaN(ext) && this[__Max_] < ext) {\n            change(ext);\n          }\n        }\n\n        else if(mode === 'push-tick') {\n          let extent = this.get(_DataExtent_);\n          ext = extent[1];\n\n          if(!isNaN(ext) && this[__Max_] < ext) {\n            let tickCount = this.get(_Axis_tickCount_) || defaultTickCount;\n            let newDomain = this.get(_ScaleFactory_)().domain(extent).nice(tickCount).domain();\n            change(newDomain[1]);\n          }\n        }\n\n        return this[__Max_];\n      },\n      set(key, value) {\n        if (isPresent(value) && !isNaN(value)) {\n          this[__Max_] = value;\n        }\n        return this[__Max_];\n      }\n    }\n  );\n};\n\n/**\n  A container component for building complex Cartesian graphs.\n\n  ## Minimal example\n\n       {{#nf-graph width=100 height=50}}\n         {{#nf-graph-content}}\n           {{nf-line data=lineData xprop=\"foo\" yprop=\"bar\"}}\n         {{/nf-graph-content}}\n       {{/nf-graph}}\n\n  The above will create a simple 100x50 graph, with no axes, and a single line\n  plotting the data it finds on each object in the array `lineData` at properties\n  `foo` and `bar` for x and y values respectively.\n\n  ## More advanced example\n\n       {{#nf-graph width=500 height=300}}\n         {{#nf-x-axis height=\"50\" as |tick|}}\n           <text>{{tick.value}}</text>\n         {{/nf-x-axis}}\n\n         {{#nf-y-axis width=\"120\" as |tick|}}\n           <text>{{tick.value}}</text>\n         {{/nf-y-axis}}\n\n         {{#nf-graph-content}}\n           {{nf-line data=lineData xprop=\"foo\" yprop=\"bar\"}}\n         {{/nf-graph-content}}\n       {{/nf-graph}}\n\n  The above example will create a 500x300 graph with both axes visible. The graph will not\n  render either axis unless its component is present.\n\n\n  @namespace components\n  @class nf-graph\n  @extends Ember.Component\n*/\nexport default Component.extend({\n  layout,\n  tagName: 'div',\n\n  /**\n    The exponent to use for xScaleType \"pow\" or \"power\".\n    @property xPowerExponent\n    @type Number\n    @default 3\n  */\n  xPowerExponent: 3,\n\n  /**\n    The exponent to use for yScaleType \"pow\" or \"power\".\n    @property yPowerExponent\n    @type Number\n    @default 3\n  */\n  yPowerExponent: 3,\n\n  /**\n    The min value to use for xScaleType \"log\" if xMin <= 0\n    @property xLogMin\n    @type Number\n    @default 0.1\n  */\n  xLogMin: 0.1,\n\n  /**\n    The min value to use for yScaleType \"log\" if yMin <= 0\n    @property yLogMin\n    @type Number\n    @default 0.1\n  */\n  yLogMin: 0.1,\n\n  /**\n    @property hasRendered\n    @private\n  */\n  hasRendered: false,\n\n  /**\n    Gets or sets the whether or not multiple selectable graphics may be\n    selected simultaneously.\n    @property selectMultiple\n    @type Boolean\n    @default false\n  */\n  selectMultiple: false,\n\n  /**\n    The width of the graph in pixels.\n    @property width\n    @type Number\n    @default 300\n  */\n  width: 300,\n\n  /**\n    The height of the graph in pixels.\n    @property height\n    @type Number\n    @default 100\n  */\n  height: 100,\n\n  /**\n    The padding at the top of the graph\n    @property paddingTop\n    @type Number\n    @default 0\n  */\n  paddingTop: 0,\n\n  /**\n    The padding at the left of the graph\n    @property paddingLeft\n    @type Number\n    @default 0\n  */\n  paddingLeft: 0,\n\n  /**\n    The padding at the right of the graph\n    @property paddingRight\n    @type Number\n    @default 0\n  */\n  paddingRight: 0,\n\n  /**\n    The padding at the bottom of the graph\n    @property paddingBottom\n    @type Number\n    @default 0\n  */\n  paddingBottom: 0,\n\n  /**\n    Determines whether to display \"lanes\" in the background of\n    the graph.\n    @property showLanes\n    @type Boolean\n    @default false\n  */\n  showLanes: false,\n\n  /**\n    Determines whether to display \"frets\" in the background of\n    the graph.\n    @property showFrets\n    @type Boolean\n    @default false\n  */\n  showFrets: false,\n\n  /**\n    The type of scale to use for x values.\n\n    Possible Values:\n    - `'linear'` - a standard linear scale\n    - `'log'` - a logarithmic scale\n    - `'power'` - a power-based scale (exponent = 3)\n    - `'ordinal'` - an ordinal scale, used for ordinal data. required for bar graphs.\n\n    @property xScaleType\n    @type String\n    @default 'linear'\n  */\n  xScaleType: 'linear',\n\n  /**\n    The type of scale to use for y values.\n\n    Possible Values:\n    - `'linear'` - a standard linear scale\n    - `'log'` - a logarithmic scale\n    - `'power'` - a power-based scale (exponent = 3)\n    - `'ordinal'` - an ordinal scale, used for ordinal data. required for bar graphs.\n\n    @property yScaleType\n    @type String\n    @default 'linear'\n  */\n  yScaleType: 'linear',\n\n  /**\n    The padding between value steps when `xScaleType` is `'ordinal'`\n    @property xOrdinalPadding\n    @type Number\n    @default 0.1\n  */\n  xOrdinalPadding: 0.1,\n\n  /**\n    The padding at the ends of the domain data when `xScaleType` is `'ordinal'`\n    @property xOrdinalOuterPadding\n    @type Number\n    @default 0.1\n  */\n  xOrdinalOuterPadding: 0.1,\n\n  /**\n    The padding between value steps when `xScaleType` is `'ordinal'`\n    @property yOrdinalPadding\n    @type Number\n    @default 0.1\n  */\n  yOrdinalPadding: 0.1,\n\n  /**\n    The padding at the ends of the domain data when `yScaleType` is `'ordinal'`\n    @property yOrdinalOuterPadding\n    @type Number\n    @default 0.1\n  */\n  yOrdinalOuterPadding: 0.1,\n\n  /**\n    the `nf-y-axis` component is registered here if there is one present\n    @property yAxis\n    @readonly\n    @default null\n  */\n  yAxis: null,\n\n  /**\n    The `nf-x-axis` component is registered here if there is one present\n    @property xAxis\n    @readonly\n    @default null\n  */\n  xAxis: null,\n\n  /**\n    Backing field for `xMin`\n    @property _xMin\n    @private\n  */\n  _xMin: null,\n\n  /**\n    Backing field for `xMax`\n    @property _xMax\n    @private\n  */\n  _xMax: null,\n\n  /**\n    Backing field for `yMin`\n    @property _yMin\n    @private\n  */\n  _yMin: null,\n\n  /**\n    Backing field for `yMax`\n    @property _yMax\n    @private\n  */\n  _yMax: null,\n\n  /**\n    Gets or sets the minimum x domain value to display on the graph.\n    Behavior depends on `xMinMode`.\n    @property xMin\n  */\n  xMin: minProperty('x', 8),\n\n  /**\n    Gets or sets the maximum x domain value to display on the graph.\n    Behavior depends on `xMaxMode`.\n    @property xMax\n  */\n  xMax: maxProperty('x', 8),\n\n  /**\n    Gets or sets the minimum y domain value to display on the graph.\n    Behavior depends on `yMinMode`.\n    @property yMin\n  */\n  yMin: minProperty('y', 5),\n\n  /**\n    Gets or sets the maximum y domain value to display on the graph.\n    Behavior depends on `yMaxMode`.\n    @property yMax\n  */\n  yMax: maxProperty('y', 5),\n\n\n  /**\n    Sets the behavior of `xMin` for the graph.\n\n    ### Possible values:\n\n    - 'auto': (default) xMin is always equal to the minimum domain value contained in the graphed data. Cannot be set.\n    - 'fixed': xMin can be set to an exact value and will not change based on graphed data.\n    - 'push': xMin can be set to a specific value, but will update if the minimum x value contained in the graph is less than\n      what xMin is currently set to.\n    - 'push-tick': xMin can be set to a specific value, but will update to next \"nice\" tick if the minimum x value contained in\n      the graph is less than that xMin is set to.\n\n    @property xMinMode\n    @type String\n    @default 'auto'\n  */\n  xMinMode: 'auto',\n\n  /**\n    Sets the behavior of `xMax` for the graph.\n\n    ### Possible values:\n\n    - 'auto': (default) xMax is always equal to the maximum domain value contained in the graphed data. Cannot be set.\n    - 'fixed': xMax can be set to an exact value and will not change based on graphed data.\n    - 'push': xMax can be set to a specific value, but will update if the maximum x value contained in the graph is greater than\n      what xMax is currently set to.\n    - 'push-tick': xMax can be set to a specific value, but will update to next \"nice\" tick if the maximum x value contained in\n      the graph is greater than that xMax is set to.\n\n    @property xMaxMode\n    @type String\n    @default 'auto'\n  */\n  xMaxMode: 'auto',\n\n  /**\n    Sets the behavior of `yMin` for the graph.\n\n    ### Possible values:\n\n    - 'auto': (default) yMin is always equal to the minimum domain value contained in the graphed data. Cannot be set.\n    - 'fixed': yMin can be set to an exact value and will not change based on graphed data.\n    - 'push': yMin can be set to a specific value, but will update if the minimum y value contained in the graph is less than\n      what yMin is currently set to.\n    - 'push-tick': yMin can be set to a specific value, but will update to next \"nice\" tick if the minimum y value contained in\n      the graph is less than that yMin is set to.\n\n    @property yMinMode\n    @type String\n    @default 'auto'\n  */\n  yMinMode: 'auto',\n\n  /**\n    Sets the behavior of `yMax` for the graph.\n\n    ### Possible values:\n\n    - 'auto': (default) yMax is always equal to the maximum domain value contained in the graphed data. Cannot be set.\n    - 'fixed': yMax can be set to an exact value and will not change based on graphed data.\n    - 'push': yMax can be set to a specific value, but will update if the maximum y value contained in the graph is greater than\n      what yMax is currently set to.\n    - 'push-tick': yMax can be set to a specific value, but will update to next \"nice\" tick if the maximum y value contained in\n      the graph is greater than that yMax is set to.\n\n    @property yMaxMode\n    @type String\n    @default 'auto'\n  */\n  yMaxMode: 'auto',\n\n  /**\n    The data extents for all data in the registered `graphics`.\n\n    @property dataExtents\n    @type {Object}\n    @default {\n      xMin: Number.MAX_VALUE,\n      xMax: Number.MIN_VALUE,\n      yMin: Number.MAX_VALUE,\n      yMax: Number.MIN_VALUE\n    }\n  */\n  dataExtents: computed('graphics.@each.data', function(){\n    let graphics = this.get('graphics');\n    return graphics.reduce((c, x) => c.concat(x.get('mappedData')), []).reduce((extents, [x, y]) => {\n      extents.xMin = extents.xMin < x ? extents.xMin : x;\n      extents.xMax = extents.xMax > x ? extents.xMax : x;\n      extents.yMin = extents.yMin < y ? extents.yMin : y;\n      extents.yMax = extents.yMax > y ? extents.yMax : y;\n      return extents;\n    }, {\n      xMin: Number.MAX_VALUE,\n      xMax: Number.MIN_VALUE,\n      yMin: Number.MAX_VALUE,\n      yMax: Number.MIN_VALUE\n    });\n  }),\n\n  /**\n    The action to trigger when the graph automatically updates the xScale\n    due to an \"auto\" \"push\" or \"push-tick\" domainMode.\n\n    sends the graph component instance value as the argument.\n\n    @property autoScaleXAction\n    @type {string}\n    @default null\n  */\n  autoScaleXAction: null,\n\n  _sendAutoUpdateXAction() {\n    this.sendAction('autoScaleXAction', this);\n  },\n\n  _sendAutoUpdateYAction() {\n    this.sendAction('autoScaleYAction', this);\n  },\n\n  /**\n    Event handler that is fired for the `didAutoUpdateMaxX` event\n    @method didAutoUpdateMaxX\n  */\n  didAutoUpdateMaxX() {\n    scheduleOnce('afterRender', this, this._sendAutoUpdateXAction);\n  },\n\n  /**\n    Event handler that is fired for the `didAutoUpdateMinX` event\n    @method didAutoUpdateMinX\n  */\n  didAutoUpdateMinX() {\n    scheduleOnce('afterRender', this, this._sendAutoUpdateXAction);\n  },\n\n  /**\n    Event handler that is fired for the `didAutoUpdateMaxY` event\n    @method didAutoUpdateMaxY\n  */\n  didAutoUpdateMaxY() {\n    scheduleOnce('afterRender', this, this._sendAutoUpdateYAction);\n  },\n\n  /**\n    Event handler that is fired for the `didAutoUpdateMinY` event\n    @method didAutoUpdateMinY\n  */\n  didAutoUpdateMinY() {\n    scheduleOnce('afterRender', this, this._sendAutoUpdateYAction);\n  },\n\n  /**\n    The action to trigger when the graph automatically updates the yScale\n    due to an \"auto\" \"push\" or \"push-tick\" domainMode.\n\n    Sends the graph component instance as the argument.\n\n    @property autoScaleYAction\n    @type {string}\n    @default null\n  */\n  autoScaleYAction: null,\n\n  /**\n    Gets the highest and lowest x values of the graphed data in a two element array.\n    @property xDataExtent\n    @type Array\n    @readonly\n  */\n  xDataExtent: computed('dataExtents', function(){\n    let { xMin, xMax } = this.get('dataExtents');\n    return [xMin, xMax];\n  }),\n\n  /**\n    Gets the highest and lowest y values of the graphed data in a two element array.\n    @property yDataExtent\n    @type Array\n    @readonly\n  */\n  yDataExtent: computed('dataExtents', function(){\n    let { yMin, yMax } = this.get('dataExtents');\n    return [yMin, yMax];\n  }),\n\n  /**\n    @property xUniqueData\n    @type Array\n    @readonly\n  */\n  xUniqueData: computed('graphics.@each.mappedData', function(){\n    let graphics = this.get('graphics');\n    let uniq = graphics.reduce((uniq, graphic) => {\n      return graphic.get('mappedData').reduce((uniq, d) => {\n        if(!uniq.some(x => x === d[0])) {\n          uniq.push(d[0]);\n        }\n        return uniq;\n      }, uniq);\n    }, []);\n    return A(uniq);\n  }),\n\n\n  /**\n    @property yUniqueData\n    @type Array\n    @readonly\n  */\n  yUniqueData: computed('graphics.@each.mappedData', function(){\n    let graphics = this.get('graphics');\n    let uniq = graphics.reduce((uniq, graphic) => {\n      return graphic.get('mappedData').reduce((uniq, d) => {\n        if(!uniq.some(y => y === d[1])) {\n          uniq.push(d[1]);\n        }\n        return uniq;\n      }, uniq);\n    }, []);\n    return A(uniq);\n  }),\n\n  /**\n    Gets the DOM id for the content clipPath element.\n    @property contentClipPathId\n    @type String\n    @readonly\n    @private\n  */\n  contentClipPathId: computed('elementId', function(){\n    return this.get('elementId') + '-content-mask';\n  }),\n\n  /**\n    Registry of contained graphic elements such as `nf-line` or `nf-area` components.\n    This registry is used to pool data for scaling purposes.\n    @property graphics\n    @type Array\n    @readonly\n   */\n  graphics: computed(function(){\n    return A();\n  }),\n\n  /**\n    An array of \"selectable\" graphics that have been selected within this graph.\n    @property selected\n    @type Array\n    @readonly\n  */\n  selected: computed(function() {\n    return this.get('selectMultiple') ? A() : null;\n  }),\n\n  /**\n    Computed property to show yAxis. Returns `true` if a yAxis is present.\n    @property showYAxis\n    @type Boolean\n    @default false\n   */\n  showYAxis: computedBool('yAxis'),\n\n  /**\n    Computed property to show xAxis. Returns `true` if an xAxis is present.\n    @property showXAxis\n    @type Boolean\n    @default false\n   */\n  showXAxis: computedBool('xAxis'),\n\n  /**\n    Gets a function to create the xScale\n    @property xScaleFactory\n    @readonly\n   */\n  // xScaleFactory: scaleFactoryProperty('x'),\n  xScaleFactory: computed(function() {\n    return this._scaleFactoryFor('x');\n  }),\n  _scheduleXScaleFactory: observer('xScaleType', 'xPowerExponent', function() {\n    schedule('afterRender', () => {\n      this.set('xScaleFactory', this._scaleFactoryFor('x'));\n    });\n  }),\n\n  /**\n    Gets a function to create the yScale\n    @property yScaleFactory\n    @readonly\n   */\n  // yScaleFactory: scaleFactoryProperty('y'),\n  yScaleFactory: computed(function() {\n    return this._scaleFactoryFor('y');\n  }),\n  _scheduleYScaleFactory: observer('yScaleType', 'yPowerExponent', function() {\n    schedule('afterRender', () => {\n      this.set('yScaleFactory', this._scaleFactoryFor('y'));\n    });\n  }),\n\n  _scaleFactoryFor(axis) {\n    let type = this.get(`${axis}ScaleType`);\n    let powExp = this.get(`${axis}PowerExponent`);\n\n    type = typeof type === 'string' ? type.toLowerCase() : '';\n\n    if(type === 'linear') {\n      return d3.scale.linear;\n    }\n\n    else if(type === 'ordinal') {\n      return function(){\n        let scale = d3.scale.ordinal();\n        // ordinal scales don't have an invert function, so we need to add one\n        scale.invert = function(rv) {\n          let [min, max] = d3.extent(scale.range());\n          let domain = scale.domain();\n          let i = Math.round((domain.length - 1) * (rv - min) / (max - min));\n          return domain[i];\n        };\n        return scale;\n      };\n    }\n\n    else if(type === 'power' || type === 'pow') {\n      return function(){\n        return d3.scale.pow().exponent(powExp);\n      };\n    }\n\n    else if(type === 'log') {\n      return d3.scale.log;\n    }\n\n    else {\n      warn('unknown scale type: ' + type);\n      return d3.scale.linear;\n    }\n  },\n\n  /**\n    Gets the domain of x values.\n    @property xDomain\n    @type Array\n    @readonly\n   */\n  xDomain: computed(function() {\n    return this._domainFor('x');\n  }),\n  _scheduleXDomain: observer(\n    'xUniqueData.[]',\n    'xMin',\n    'xMax',\n    'xScaleType',\n    'xLogMin',\n    function() {\n      schedule('afterRender', () => {\n        this.set('xDomain', this._domainFor('x'));\n      });\n    }\n  ),\n\n  /**\n    Gets the domain of y values.\n    @property yDomain\n    @type Array\n    @readonly\n   */\n  yDomain: computed(function() {\n    return this._domainFor('y');\n  }),\n\n  /*\n    NOTE: Although this can be done in a CP, we must compute\n    this value only `afterRender` to avoid double render deprecations.\n   */\n  _scheduleYDomain: observer(\n    'yUniqueData.[]',\n    'yMin',\n    'yMax',\n    'yScaleType',\n    'yLogMin',\n    function() {\n      schedule('afterRender', () => {\n        this.set('yDomain', this._domainFor('y'));\n      });\n    }\n  ),\n\n  _domainFor(axis) {\n    let data = this.get(`${axis}UniqueData`);\n    let min = this.get(`${axis}Min`);\n    let max = this.get(`${axis}Max`);\n    let scaleType = this.get(`${axis}ScaleType`);\n    let logMin = this.get(`${axis}LogMin`);\n    let domain = null;\n\n    if(scaleType === 'ordinal') {\n      domain = data;\n    } else {\n      let extent = [min, max];\n\n      if(scaleType === 'log') {\n        if (extent[0] <= 0) {\n          extent[0] = logMin;\n        }\n        if (extent[1] <= 0) {\n          extent[1] = logMin;\n        }\n      }\n\n      domain = extent;\n    }\n\n    return domain;\n  },\n\n  /**\n    Gets the current xScale used to draw the graph.\n    @property xScale\n    @type Function\n    @readonly\n   */\n  xScale: computed(function() {\n    return this._scaleFor('x');\n  }),\n\n  /*\n    NOTE: Although this can be done in a CP, we must compute\n    this value only `afterRender` to avoid double render deprecations.\n   */\n  _scheduleXScale: observer(\n    'xScaleFactory',\n    'xRange',\n    'xDomain',\n    'xScaleType',\n    'xOrdinalPadding',\n    'xOrdinalOuterPadding',\n    function() {\n      schedule('afterRender', () => {\n        this.set('xScale', this._scaleFor('x'));\n      });\n    }\n  ),\n\n  /**\n    Gets the current yScale used to draw the graph.\n    @property yScale\n    @type Function\n    @readonly\n   */\n  yScale: computed(function() {\n    return this._scaleFor('y');\n  }),\n\n  /*\n    NOTE: Although this can be done in a CP, we must compute\n    this value only `afterRender` to avoid double render deprecations.\n   */\n  _scheduleYScale: observer(\n    'yScaleFactory',\n    'yRange',\n    'yDomain',\n    'yScaleType',\n    'yOrdinalPadding',\n    'yOrdinalOuterPadding',\n    function() {\n      schedule('afterRender', () => {\n        this.set('yScale', this._scaleFor('y'));\n      });\n    }\n  ),\n\n  _scaleFor(axis) {\n    let scaleFactory = this.get(`${axis}ScaleFactory`);\n    let range = this.get(`${axis}Range`);\n    let domain = this.get(`${axis}Domain`);\n    let scaleType = this.get(`${axis}ScaleType`);\n    let ordinalPadding = this.get(`${axis}OrdinalPadding`);\n    let ordinalOuterPadding = this.get(`${axis}OrdinalOuterPadding`);\n\n    let scale = scaleFactory();\n\n    if(scaleType === 'ordinal') {\n      scale = scale.domain(domain).rangeBands(range, ordinalPadding, ordinalOuterPadding);\n    } else {\n      scale = scale.domain(domain).range(range).clamp(true);\n    }\n\n    return scale;\n  },\n\n  /**\n    Registers a graphic such as `nf-line` or `nf-area` components with the graph.\n    @method registerGraphic\n    @param graphic {Ember.Component} The component object to register\n   */\n  registerGraphic: function (graphic) {\n    schedule('afterRender', () => {\n      let graphics = this.get('graphics');\n      graphic.on('hasData', this, this.updateExtents);\n      graphics.pushObject(graphic);\n    });\n  },\n\n  /**\n    Unregisters a graphic such as an `nf-line` or `nf-area` from the graph.\n    @method unregisterGraphic\n    @param graphic {Ember.Component} The component to unregister\n   */\n  unregisterGraphic: function(graphic) {\n    schedule('afterRender', () => {\n      let graphics = this.get('graphics');\n      graphic.off('hasData', this, this.updateExtents);\n      graphics.removeObject(graphic);\n    });\n  },\n\n  updateExtents() {\n    this.get('xDataExtent');\n    this.get('yDataExtent');\n  },\n\n  /**\n    The y range of the graph in pixels. The min and max pixel values\n    in an array form.\n    @property yRange\n    @type Array\n    @readonly\n   */\n  yRange: computed('graphHeight', function(){\n    return [this.get('graphHeight'), 0];\n  }),\n\n  /**\n    The x range of the graph in pixels. The min and max pixel values\n    in an array form.\n    @property xRange\n    @type Array\n    @readonly\n   */\n  xRange: computed('graphWidth', function(){\n    return [0, this.get('graphWidth')];\n  }),\n\n  /**\n    Returns `true` if the graph has data to render. Data is conveyed\n    to the graph by registered graphics.\n    @property hasData\n    @type Boolean\n    @default false\n    @readonly\n   */\n  hasData: notEmpty('graphics'),\n\n  /**\n    The x coordinate position of the graph content\n    @property graphX\n    @type Number\n    @readonly\n   */\n  graphX: computed('paddingLeft', 'yAxis.{orient,width}', function() {\n    let paddingLeft = this.get('paddingLeft');\n    let yAxisWidth = this.get('yAxis.width') || 0;\n    let yAxisOrient = this.get('yAxis.orient');\n    if(yAxisOrient === 'right') {\n      return paddingLeft;\n    }\n    return paddingLeft + yAxisWidth;\n  }),\n\n  /**\n    The y coordinate position of the graph content\n    @property graphY\n    @type Number\n    @readonly\n   */\n  graphY: computed('paddingTop', 'xAxis.{orient,height}', function(){\n    let paddingTop = this.get('paddingTop');\n    let xAxisOrient = this.get('xAxis.orient');\n    if(xAxisOrient === 'top') {\n      let xAxisHeight = this.get('xAxis.height') || 0;\n      return xAxisHeight + paddingTop;\n    }\n    return paddingTop;\n  }),\n\n  /**\n    The width, in pixels, of the graph content\n    @property graphWidth\n    @type Number\n    @readonly\n   */\n  graphWidth: computed('width', 'paddingRight', 'paddingLeft', 'yAxis.width', function() {\n    let paddingRight = this.get('paddingRight') || 0;\n    let paddingLeft = this.get('paddingLeft') || 0;\n    let yAxisWidth = this.get('yAxis.width') || 0;\n    let width = this.get('width') || 0;\n    return Math.max(0, width - paddingRight - paddingLeft - yAxisWidth);\n  }),\n\n  /**\n    The height, in pixels, of the graph content\n    @property graphHeight\n    @type Number\n    @readonly\n   */\n  graphHeight: computed('height', 'paddingTop', 'paddingBottom', 'xAxis.height', function(){\n    let paddingTop = this.get('paddingTop') || 0;\n    let paddingBottom = this.get('paddingBottom') || 0;\n    let xAxisHeight = this.get('xAxis.height') || 0;\n    let height = this.get('height') || 0;\n    return Math.max(0, height - paddingTop - paddingBottom - xAxisHeight);\n  }),\n\n  /**\n    An SVG transform to position the graph content\n    @property graphTransform\n    @type String\n    @readonly\n   */\n  graphTransform: computed('graphX', 'graphY', function(){\n    let graphX = this.get('graphX');\n    let graphY = this.get('graphY');\n    return `translate(${graphX} ${graphY})`;\n  }),\n\n  /**\n    Sets `hasRendered` to `true` on `willInsertElement`.\n    @method _notifyHasRendered\n    @private\n  */\n  _notifyHasRendered: on('willInsertElement', function () {\n    schedule('afterRender', () => {\n      this.set('hasRendered', true);\n    });\n  }),\n\n  /**\n    Gets the mouse position relative to the container\n    @method mousePoint\n    @param container {SVGElement} the SVG element that contains the mouse event\n    @param e {Object} the DOM mouse event\n    @return {Array} an array of `[xMouseCoord, yMouseCoord]`\n   */\n  mousePoint: function (container, e) {\n    let svg = container.ownerSVGElement || container;\n    if (svg.createSVGPoint) {\n      let point = svg.createSVGPoint();\n      point.x = e.clientX;\n      point.y = e.clientY;\n      point = point.matrixTransform(container.getScreenCTM().inverse());\n      return [ point.x, point.y ];\n    }\n    let rect = container.getBoundingClientRect();\n    return [ e.clientX - rect.left - container.clientLeft, e.clientY - rect.top - container.clientTop ];\n  },\n\n  /**\n    Selects the graphic passed. If `selectMultiple` is false, it will deselect the currently\n    selected graphic if it's different from the one passed.\n    @method selectGraphic\n    @param graphic {Ember.Component} the graph component to select within the graph.\n  */\n  selectGraphic: function(graphic) {\n    if(!graphic.get('selected')) {\n      graphic.set('selected', true);\n    }\n    if(this.selectMultiple) {\n      this.get('selected').pushObject(graphic);\n    } else {\n      let current = this.get('selected');\n      if(current && current !== graphic) {\n        current.set('selected', false);\n      }\n      this.set('selected', graphic);\n    }\n  },\n\n  /**\n    deselects the graphic passed.\n    @method deselectGraphic\n    @param graphic {Ember.Component} the graph child component to deselect.\n  */\n  deselectGraphic: function(graphic) {\n    graphic.set('selected', false);\n    if(this.selectMultiple) {\n      this.get('selected').removeObject(graphic);\n    } else {\n      let current = this.get('selected');\n      if(current && current === graphic) {\n        this.set('selected', null);\n      }\n    }\n  },\n\n  /**\n    The amount of leeway, in pixels, to give before triggering a brush start.\n    @property brushThreshold\n    @type {Number}\n    @default 7\n  */\n  brushThreshold: 7,\n\n  /**\n    The name of the action to trigger when brushing starts\n    @property brushStartAction\n    @type {String}\n    @default null\n  */\n  brushStartAction: null,\n\n  /**\n    The name of the action to trigger when brushing emits a new value\n    @property brushAction\n    @type {String}\n    @default null\n  */\n  brushAction: null,\n\n  /**\n    The name of the action to trigger when brushing ends\n    @property brushEndAction\n    @type {String}\n    @default null\n  */\n  brushEndAction: null,\n\n  _setupBrushAction: on('didInsertElement', function(){\n    let content = this.$('.nf-graph-content');\n\n    let mouseMoves = Observable.fromEvent(content, 'mousemove');\n    let mouseDowns = Observable.fromEvent(content, 'mousedown');\n    let mouseUps = Observable.fromEvent($(document), 'mouseup');\n    let mouseLeaves = Observable.fromEvent(content, 'mouseleave');\n\n    this._brushDisposable = Observable.merge(mouseDowns, mouseMoves, mouseLeaves).\n      // get a streams of mouse events that start on mouse down and end on mouse up\n      window(mouseDowns, function() { return mouseUps; })\n      // filter out all of them if there are no brush actions registered\n      // map the mouse event streams into brush event streams\n      .map(x => this._toBrushEventStreams(x)).\n      // flatten to a stream of action names and event objects\n      flatMap(x => this._toComponentEventStream(x)).\n      // HACK: this is fairly cosmetic, so skip errors.\n      retry().\n      // subscribe and send the brush actions via Ember\n      subscribe(x => {\n        run(this, () => this._triggerComponentEvent(x));\n      });\n  }),\n\n  _toBrushEventStreams: function(mouseEvents) {\n    // get the starting mouse event\n    return mouseEvents.take(1).\n      // calculate it's mouse point and info\n      map( this._getStartInfo ).\n      // combine the start with the each subsequent mouse event\n      combineLatest(mouseEvents.skip(1), toArray).\n      // filter out everything until the brushThreshold is crossed\n      filter(x => this._byBrushThreshold(x)).\n      // create the brush event object\n      map(x => this._toBrushEvent(x));\n  },\n\n  _triggerComponentEvent: function(d) {\n    this.trigger(d[0], d[1]);\n  },\n\n  _toComponentEventStream: function(events) {\n    return Observable.merge(\n      events.take(1).map(function(e) {\n        return ['didBrushStart', e];\n      }), events.map(function(e) {\n        return ['didBrush', e];\n      }), events.last().map(function(e) {\n        return ['didBrushEnd', e];\n      })\n    );\n  },\n\n  didBrush: function(e) {\n    if(this.get('brushAction')) {\n      this.sendAction('brushAction', e);\n    }\n  },\n\n  didBrushStart: function(e) {\n    document.body.style.setProperty('-webkit-user-select', 'none');\n    document.body.style.setProperty('-moz-user-select', 'none');\n    document.body.style.setProperty('user-select', 'none');\n    if(this.get('brushStartAction')) {\n      this.sendAction('brushStartAction', e);\n    }\n  },\n\n  didBrushEnd: function(e) {\n    document.body.style.removeProperty('-webkit-user-select');\n    document.body.style.removeProperty('-moz-user-select');\n    document.body.style.removeProperty('user-select');\n    if(this.get('brushEndAction')) {\n      this.sendAction('brushEndAction', e);\n    }\n  },\n\n  _toBrushEvent: function(d) {\n    let start = d[0];\n    let currentEvent =  d[1];\n    let currentPoint = getMousePoint(currentEvent.currentTarget, d[1]);\n\n    let startPosition = GraphPosition.create({\n      originalEvent: start.originalEvent,\n      graph: this,\n      graphX: start.mousePoint.x,\n      graphY: start.mousePoint.y\n    });\n\n    let currentPosition = GraphPosition.create({\n      originalEvent: currentEvent,\n      graph: this,\n      graphX: currentPoint.x,\n      graphY: currentPoint.y\n    });\n\n    let left = startPosition;\n    let right = currentPosition;\n\n    if(start.originalEvent.clientX > currentEvent.clientX) {\n      left = currentPosition;\n      right = startPosition;\n    }\n\n    return {\n      start: startPosition,\n      current: currentPosition,\n      left: left,\n      right: right\n    };\n  },\n\n  _byBrushThreshold: function(d) {\n    let startEvent = d[0].originalEvent;\n    let currentEvent = d[1];\n    return Math.abs(currentEvent.clientX - startEvent.clientX) > this.get('brushThreshold');\n  },\n\n  _getStartInfo: function(e) {\n    return {\n      originalEvent: e,\n      mousePoint: getMousePoint(e.currentTarget, e)\n    };\n  },\n\n  willDestroyElement: function(){\n    this._super(...arguments);\n\n    if(this._brushDisposable) {\n      this._brushDisposable.dispose();\n    }\n  },\n});\n"
  },
  {
    "path": "addon/components/nf-group.js",
    "content": "import Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-group';\nimport RequireScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\nimport SelectableGraphic from 'ember-nf-graph/mixins/graph-selectable-graphic';\n\n/**\n  A grouping tag that provides zooming and offset functionality to it's children.\n\n  ## Example\n\n  The following example will show a line of `someData` with a 2x zoom, offset by 30px in both x and y\n  directions:\n\n        {{#nf-gg scaleZoomX=\"2\" scaleZoomY=\"2\" scaleOffsetX=\"30\" scaleOffsetY=\"30\"}}\n          {{nf-line data=someData}}\n        {{/nf-gg}}\n\n  @namespace components\n  @class nf-gg\n  @extends Ember.Component\n  @uses mixins.graph-require-scale-source\n  @uses mixins.graph-selecteble-graphic\n*/\nexport default Component.extend(RequireScaleSource, SelectableGraphic, {\n  layout,\n  tagName: 'g',\n\n  classNameBindings: [':nf-group', 'selectable', 'selected'],\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  click: function() {\n    if(this.get('selectable')) {\n      this.toggleProperty('selected');\n    }\n  }\n});\n"
  },
  {
    "path": "addon/components/nf-horizontal-line.js",
    "content": "import { alias } from '@ember/object/computed';\nimport { computed } from '@ember/object';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-horizontal-line';\nimport RequireScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\n\n/**\n  Draws a horizontal line on the graph at a given y domain value\n  @namespace components\n  @class nf-horizontal-line\n  @extends Ember.Component\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Component.extend(RequireScaleSource, {\n  layout,\n  tagName: 'line',\n\n  attributeBindings: ['lineY:y1', 'lineY:y2', 'x1', 'x2'],\n\n  classNames: ['nf-horizontal-line'],\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The y domain value at which to draw the horizontal line\n    @property y\n    @type Number\n    @default null\n  */\n  y: null,\n\n  /**\n    The computed y coordinate of the line to draw\n    @property lineY\n    @type Number\n    @private\n    @readonly\n  */\n  lineY: computed('y', 'yScale', function(){\n    let y = this.get('y');\n    let yScale = this.get('yScale');\n    let py = yScale ? yScale(y) : -1;\n    return py && py > 0 ? py : 0;\n  }),\n\n  /**\n    The left x coordinate of the line\n    @property x1\n    @type Number\n    @default 0\n    @private\n  */\n  x1: 0,\n\n  /**\n    The right x coordinate of the line\n    @property x2\n    @type Number\n    @private\n    @readonly\n  */\n  x2: alias('graph.graphWidth'),\n});\n"
  },
  {
    "path": "addon/components/nf-line.js",
    "content": "import { on } from '@ember/object/evented';\nimport { computed } from '@ember/object';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-line';\nimport DataGraphic from 'ember-nf-graph/mixins/graph-data-graphic';\nimport LineUtils from 'ember-nf-graph/mixins/graph-line-utils';\nimport SelectableGraphic from 'ember-nf-graph/mixins/graph-selectable-graphic';\nimport RegisteredGraphic from 'ember-nf-graph/mixins/graph-registered-graphic';\nimport GraphicWithTrackingDot from 'ember-nf-graph/mixins/graph-graphic-with-tracking-dot';\nimport RequireScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\n\n/**\n  A line graphic for `nf-graph`. Displays a line for the data it's passed.\n  @namespace components\n  @class nf-line\n  @extends Ember.Component\n  @uses mixins.graph-line-utils\n  @uses mixins.graph-selectable-graphic\n  @uses mixins.graph-registered-graphic\n  @uses mixins.graph-data-graphic\n  @uses mixins.graph-graphic-with-tracking-dot\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Component.extend(DataGraphic, SelectableGraphic, LineUtils, RegisteredGraphic, GraphicWithTrackingDot, RequireScaleSource, {\n  layout,\n  tagName: 'g',\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The type of D3 interpolator to use to create the line.\n    @property interpolator\n    @type String\n    @default 'linear'\n  */\n  interpolator: 'linear',\n\n  classNameBindings: ['selected', 'selectable'],\n\n  classNames: ['nf-line'],\n\n  /**\n    The d3 line function to create the line path.\n    @method lineFn\n    @param data {Array} the array of coordinate arrays to plot as an SVG path\n    @private\n    @return {String} an SVG path data string\n  */\n  lineFn: computed('xScale', 'yScale', 'interpolator', function() {\n    let xScale = this.get('xScale');\n    let yScale = this.get('yScale');\n    let interpolator = this.get('interpolator');\n    return this.createLineFn(xScale, yScale, interpolator);\n  }),\n\n  /**\n    The SVG path data string to render the line\n    @property d\n    @type String\n    @private\n    @readonly\n  */\n  d: computed('renderedData.[]', 'lineFn', function(){\n    let renderedData = this.get('renderedData');\n    let lineFn = this.get('lineFn');\n    return lineFn(renderedData);\n  }),\n\n  /**\n    Event handler to toggle the `selected` property on click\n    @method _toggleSelected\n    @private\n  */\n  _toggleSelected: on('click', function(){\n    if(this.get('selectable')) {\n      this.toggleProperty('selected');\n    }\n  }),\n});\n"
  },
  {
    "path": "addon/components/nf-plot.js",
    "content": "import { computed } from '@ember/object';\nimport { notEmpty, and } from '@ember/object/computed';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-plot';\nimport RequireScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\nimport GraphEvent from 'ember-nf-graph/utils/nf/graph-event';\n\n/**\n  Plots a group tag on a graph at a given x and y domain coordinate.\n  @namespace components\n  @class nf-plot\n  @extends Ember.Component\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Component.extend(RequireScaleSource, {\n  layout,\n  tagName: 'g',\n\n  attributeBindings: ['transform'],\n\n  classNames: ['nf-plot'],\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The x domain value to set the plot at\n    @property x\n    @default null\n  */\n  x: null,\n\n  /**\n    The y domain value to set the plot at\n    @property x\n    @default null\n  */\n  y: null,\n\n  /**\n    True if an `x` value is present (defined, not null and non-empty)\n    @property hasX\n    @type Boolean\n    @readonly\n  */\n  hasX: notEmpty('x'),\n\n  /**\n    True if an `y` value is present (defined, not null and non-empty)\n    @property hasY\n    @type Boolean\n    @readonly\n  */\n  hasY: notEmpty('y'),\n\n  /**\n    The calculated visibility of the component\n    @property isVisible\n    @type Boolean\n    @readonly\n  */\n  isVisible: and('hasX', 'hasY'),\n\n  /**\n    The calculated x coordinate\n    @property rangeX\n    @type Number\n    @readonly\n  */\n  rangeX: computed('x', 'xScale', function(){\n    let xScale = this.get('xScale');\n    let x = this.get('x');\n    let hasX = this.get('hasX');\n    return (hasX && xScale ? xScale(x) : 0) || 0;\n  }),\n\n  /**\n    The calculated y coordinate\n    @property rangeY\n    @type Number\n    @readonly\n  */\n  rangeY: computed('y', 'yScale', function(){\n    let yScale = this.get('yScale');\n    let y = this.get('y');\n    let hasY = this.get('hasY');\n    return (hasY && yScale ? yScale(y) : 0) || 0;\n  }),\n\n  /**\n    The SVG transform of the component's `<g>` tag.\n    @property transform\n    @type String\n    @readonly\n  */\n  transform: computed('rangeX', 'rangeY', function(){\n    let rangeX = this.get('rangeX');\n    let rangeY = this.get('rangeY');\n    return `translate(${rangeX} ${rangeY})`;\n  }),\n\n  data: null,\n\n  click: function(e) {\n    let context = GraphEvent.create({\n      x: this.get('x'),\n      y: this.get('y'),\n      data: this.get('data'),\n      source: this,\n      graph: this.get('graph'),\n      originalEvent: e,\n    });\n    this.sendAction('action', context);\n  },\n});\n"
  },
  {
    "path": "addon/components/nf-plots.js",
    "content": "import { isArray, A } from '@ember/array';\nimport { computed } from '@ember/object';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-plots';\nimport DataGraphic from 'ember-nf-graph/mixins/graph-data-graphic';\nimport RequireScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\n\nexport default Component.extend(DataGraphic, RequireScaleSource, {\n  layout,\n  tagName: 'g',\n\n  classNames: ['nf-plots'],\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The model for adding plots to the graph\n    @property plotData\n    @readonly\n    @private\n  */\n  plotData: computed('renderedData.[]', function(){\n    let renderedData = this.get('renderedData');\n    if(renderedData && isArray(renderedData)) {\n      return A(renderedData.map(function(d) {\n        return {\n          x: d[0],\n          y: d[1],\n          data: d.data,\n        };\n      }));\n    }\n  }),\n\n\n  actions: {\n    itemClicked: function(e) {\n      this.sendAction('action', e);\n    },\n  },\n});\n"
  },
  {
    "path": "addon/components/nf-range-marker.js",
    "content": "import { on } from '@ember/object/evented';\nimport { computed } from '@ember/object';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-range-marker';\nimport RequireScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\n\n/**\n  Draws a rectangular strip with a templated label on an `nf-graph`.\n  Should always be used in conjunction with an `nf-range-markers` container component.\n  @namespace components\n  @class nf-range-marker\n  @extends Ember.Component\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Component.extend(RequireScaleSource, {\n  layout,\n  tagName: 'g',\n\n  attributeBindings: ['transform'],\n\n  classNames: ['nf-range-marker'],\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The parent `nf-range-markers` component.\n    @property container\n    @type {components.nf-range-markers}\n    @default null\n  */\n  container: null,\n\n  /**\n    The minimum domain value for the range to mark.\n    @property xMin\n    @default 0\n  */\n  xMin: 0,\n\n  /**\n    The maximum domain value for the range to mark.\n    @property xMax\n    @default 0\n  */\n  xMax: 0,\n\n  /**\n    The spacing above the range marker.\n    @property marginTop\n    @type Number\n    @default 10\n  */\n  marginTop: 10,\n\n  /**\n    The spacing below the range marker.\n    @property marginBottom\n    @type Number\n    @default 3\n  */\n  marginBottom: 3,\n\n  /**\n    The height of the range marker.\n    @property height\n    @type Number\n    @default 10\n  */\n  height: 10,\n\n  /**\n    The computed x position of the range marker.\n    @property x\n    @type Number\n    @readonly\n  */\n  x: computed('xMin', 'xScale', function(){\n    let xScale = this.get('xScale');\n    let xMin = this.get('xMin');\n    return xScale(xMin);\n  }),\n\n  /**\n    The computed width of the range marker.\n    @property width\n    @type Number\n    @readonly\n  */\n  width: computed('xScale', 'xMin', 'xMax', function() {\n    let xScale = this.get('xScale');\n    let xMax = this.get('xMax');\n    let xMin = this.get('xMin');\n    return xScale(xMax) - xScale(xMin);\n  }),\n\n  /**\n    The computed y position of the range marker.\n    @property y\n    @type Number\n    @readonly\n  */\n  y: computed(\n    'container.orient',\n    'prevMarker.{bottom,y}',\n    'graph.graphHeight',\n    'totalHeight',\n    function() {\n      let orient = this.get('container.orient');\n      let prevBottom = this.get('prevMarker.bottom');\n      let prevY = this.get('prevMarker.y');\n      let graphHeight = this.get('graph.graphHeight');\n      let totalHeight = this.get('totalHeight');\n\n      prevBottom = prevBottom || 0;\n\n      if(orient === 'bottom') {\n        return (prevY || graphHeight) - totalHeight;\n      }\n\n      if(orient === 'top') {\n        return prevBottom;\n      }\n    }\n  ),\n\n  /**\n    The computed total height of the range marker including its margins.\n    @property totalHeight\n    @type Number\n    @readonly\n  */\n  totalHeight: computed('height', 'marginTop', 'marginBottom', function() {\n    let height = this.get('height');\n    let marginTop = this.get('marginTop');\n    let marginBottom = this.get('marginBottom');\n    return height + marginTop + marginBottom;\n  }),\n\n  /**\n    The computed bottom of the range marker, not including the bottom margin.\n    @property bottom\n    @type Number\n    @readonly\n  */\n  bottom: computed('y', 'totalHeight', function(){\n    let y = this.get('y');\n    let totalHeight = this.get('totalHeight');\n    return y + totalHeight;\n  }),\n\n  /**\n    The computed SVG transform of the range marker container\n    @property transform\n    @type String\n    @readonly\n  */\n  transform: computed('y', function(){\n    let y = this.get('y') || 0;\n    return `translate(0 ${y})`;\n  }),\n\n  /**\n    The computed SVG transform fo the range marker label container.\n    @property labelTransform\n    @type String\n    @readonly\n  */\n  labelTransform: computed('x', function(){\n    let x = this.get('x') || 0;\n    return `translate(${x} 0)`;\n  }),\n\n  /**\n    Initialization function that registers the range marker with its parent\n    and populates the container property\n    @method _setup\n    @private\n  */\n  init() {\n    this._super(...arguments);\n    let container = this.get('container');\n    container.registerMarker(this);\n  },\n\n  /**\n    Unregisters the range marker from its parent when the range marker is destroyed.\n    @method _unregister\n    @private\n  */\n  _unregisterMarker: on('willDestroyElement', function() {\n    this.get('container').unregisterMarker(this);\n  })\n});\n"
  },
  {
    "path": "addon/components/nf-range-markers.js",
    "content": "import { schedule } from '@ember/runloop';\nimport { A } from '@ember/array';\nimport { computed } from '@ember/object';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-range-markers';\n\n/**\n  A container and manager for `nf-range-marker` components.\n  Used to draw an association between `nf-range-marker` components so they\n  can be laid out in a manner in which they don't collide.\n  @namespace components\n  @class nf-range-markers\n  @extends Ember.Component\n*/\nexport default Component.extend({\n  layout,\n  tagName: 'g',\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    Sets the orientation of the range markers.\n\n    - `'bottom'` - Range markers start at the bottom and stack upward\n    - `'top'` - Range markers start at the top and stack downward\n    @property orient\n    @type String\n    @default 'bottom'\n  */\n  orient: 'bottom',\n\n  /**\n    The margin, in pixels, between the markers\n    @property markerMargin\n    @type Number\n    @default 10\n  */\n  markerMargin: 10,\n\n  /**\n    The marker components registered with this container\n    @property markers\n    @type Array\n    @readonly\n  */\n  markers: computed(function() {\n    return A();\n  }),\n\n  /**\n    Adds the passed marker to the `markers` list, and sets the `prevMarker` and `nextMarker`\n    properties on the marker component and it's neighbor.\n    @method registerMarker\n    @param marker {nf-range-marker} the range marker to register with this container\n  */\n  registerMarker: function(marker) {\n    let markers = this.get('markers');\n    let prevMarker = markers[markers.length - 1];\n\n    schedule('afterRender', () => {\n      if(prevMarker) {\n        marker.set('prevMarker', prevMarker);\n        prevMarker.set('nextMarker', marker);\n      }\n\n      markers.pushObject(marker);\n    });\n  },\n\n  /**\n    Removes the marker from the `markers` list. Also updates the `nextMarker` and `prevMarker`\n    properties of it's neighboring components.\n    @method unregisterMarker\n    @param marker {nf-range-marker} the range marker to remove from the `markers` list.\n  */\n  unregisterMarker: function(marker) {\n    if(marker) {\n      schedule('afterRender', () => {\n        let next = marker.nextMarker;\n        let prev = marker.prevMarker;\n        if(prev) {\n          prev.set('nextMarker', next);\n        }\n        if(next) {\n          next.set('prevMarker', prev);\n        }\n        this.get('markers').removeObject(marker);\n      });\n    }\n  },\n});\n"
  },
  {
    "path": "addon/components/nf-right-tick.js",
    "content": "import { scheduleOnce } from '@ember/runloop';\nimport { on } from '@ember/object/evented';\nimport { computed, observer } from '@ember/object';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-right-tick';\nimport RequireScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\n\n/**\n  Draws a line and a chevron at the specified domain value\n  on the right side of an `nf-graph`.\n\n  ### Tips\n\n  - Adding `paddingRight` to `nf-graph` component will not affect `nf-right-tick`'s position.\n\n  @namespace components\n  @class nf-right-tick\n  @extends Ember.Component\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Component.extend(RequireScaleSource, {\n  layout,\n  tagName: 'g',\n\n  classNames: ['nf-right-tick'],\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The transition duration in milliseconds\n    @property duration\n    @type Number\n    @default 400\n  */\n  duration: 400,\n\n  /**\n    The domain value at which to place the tick\n    @property value\n    @type Number\n    @default null\n  */\n  value: null,\n\n  /**\n    Sets the visibility of the component. Returns false if `y` is not\n    a numeric data type.\n    @property isVisible\n    @private\n    @readonly\n  */\n  isVisible: computed('y', function(){\n    return !isNaN(this.get('y'));\n  }),\n\n  /**\n    The calculated y coordinate of the tick\n    @property y\n    @type Number\n    @readonly\n  */\n  y: computed('value', 'yScale', 'graph.paddingTop', function() {\n    let value = this.get('value');\n    let yScale = this.get('yScale');\n    let paddingTop = this.get('graph.paddingTop');\n    let vy = 0;\n    if(yScale) {\n      vy = yScale(value) || 0;\n    }\n    return vy + paddingTop;\n  }),\n\n  /**\n    The SVG transform used to render the tick\n    @property transform\n    @type String\n    @private\n    @readonly\n  */\n  transform: computed('y', 'graph.width', function(){\n    let y = this.get('y');\n    let graphWidth = this.get('graph.width');\n    let x0 = graphWidth - 6;\n    let y0 = y - 3;\n    return `translate(${x0} ${y0})`;\n  }),\n\n  /**\n    performs the D3 transition to move the tick to the proper position.\n    @method _transitionalUpdate\n    @private\n  */\n  _transitionalUpdate: function(){\n    let transform = this.get('transform');\n    let path = this.get('path');\n    let duration = this.get('duration');\n    path.transition().duration(duration)\n      .attr('transform', transform);\n  },\n\n  /**\n    Schedules the transition when `value` changes on on init.\n    @method _triggerTransition\n    @private\n  */\n  _triggerTransition: on('init', observer('value', function(){\n    scheduleOnce('afterRender', this, this._transitionalUpdate);\n  })),\n\n  /**\n    Updates the tick position without a transition.\n    @method _nonTransitionalUpdate\n    @private\n  */\n  _nonTransitionalUpdate: function(){\n    let transform = this.get('transform');\n    let path = this.get('path');\n    path.attr('transform', transform);\n  },\n\n  /**\n    Schedules the update of non-transitional positions\n    @method _triggerNonTransitionalUpdate\n    @private\n  */\n  _triggerNonTransitionalUpdate: observer('graph.width', function(){\n    scheduleOnce('afterRender', this, this._nonTransitionalUpdate);\n  }),\n\n  /**\n    Gets the elements required to do the d3 transitions\n    @method _getElements\n    @private\n  */\n  _getElements: on('didInsertElement', function(){\n    let g = d3.select(this.$()[0]);\n    let path = g.selectAll('path').data([0]);\n    this.set('path', path);\n  })\n});\n"
  },
  {
    "path": "addon/components/nf-selection-box.js",
    "content": "import { on } from '@ember/object/evented';\nimport { once } from '@ember/runloop';\nimport { computed, observer } from '@ember/object';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-selection-box';\nimport RequireScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\nimport { normalizeScale } from 'ember-nf-graph/utils/nf/scale-utils';\n\n/**\n  Draws a rectangle on an `nf-graph` given domain values `xMin`, `xMax`, `yMin` and `yMax`.\n  @namespace components\n  @class nf-selection-box\n  @extends Ember.Component\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Component.extend(RequireScaleSource, {\n  layout,\n  tagName: 'g',\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The duration of the transition in ms\n    @property duration\n    @type Number\n    @default 400\n  */\n  duration: 400,\n\n  /**\n    The minimum x domain value to encompass.\n    @property xMin\n    @default null\n  */\n  xMin: null,\n\n  /**\n    The maximum x domain value to encompoass.\n    @property xMax\n    @default null\n  */\n  xMax: null,\n\n  /**\n    The minimum y domain value to encompass.\n    @property yMin\n    @default null\n  */\n  yMin: null,\n\n  /**\n    The maximum y domain value to encompass\n    @property yMax\n    @default null\n  */\n  yMax: null,\n\n  classNames: ['nf-selection-box'],\n\n  /**\n    The x pixel position of xMin\n    @property x0\n    @type Number\n  */\n  x0: computed('xMin', 'xScale', function(){\n    return normalizeScale(this.get('xScale'), this.get('xMin'));\n  }),\n\n  /**\n    The x pixel position of xMax\n    @property x1\n    @type Number\n  */\n  x1: computed('xMax', 'xScale', function(){\n    return normalizeScale(this.get('xScale'), this.get('xMax'));\n  }),\n\n  /**\n    The y pixel position of yMin\n    @property y0\n    @type Number\n  */\n  y0: computed('yMin', 'yScale', function(){\n    return normalizeScale(this.get('yScale'), this.get('yMin'));\n  }),\n\n  /**\n    The y pixel position of yMax\n    @property y1\n    @type Number\n  */\n  y1: computed('yMax', 'yScale', function(){\n    return normalizeScale(this.get('yScale'), this.get('yMax'));\n  }),\n\n  /**\n    The SVG path string for the box's rectangle.\n    @property rectPath\n    @type String\n  */\n  rectPath: computed('x0', 'x1', 'y0', 'y1', function(){\n    let x0 = this.get('x0');\n    let x1 = this.get('x1');\n    let y0 = this.get('y0');\n    let y1 = this.get('y1');\n    return `M${x0},${y0} L${x0},${y1} L${x1},${y1} L${x1},${y0} L${x0},${y0}`;\n  }),\n\n  /**\n    Updates the position of the box with a transition\n    @method doUpdatePosition\n  */\n  doUpdatePosition: function(){\n    let boxRect = this.get('boxRectElement');\n    let rectPath = this.get('rectPath');\n    let duration = this.get('duration');\n\n    boxRect.transition().duration(duration)\n      .attr('d', rectPath);\n  },\n\n  doUpdatePositionStatic: function(){\n    let boxRect = this.get('boxRectElement');\n    let rectPath = this.get('rectPath');\n\n    boxRect.attr('d', rectPath);\n  },\n\n  /**\n    Schedules an update to the position of the box after render.\n    @method updatePosition\n    @private\n  */\n  updatePosition: observer('xMin', 'xMax', 'yMin', 'yMax', function(){\n    once(this, this.doUpdatePosition);\n  }),\n\n  staticPositionChange: on('didInsertElement', observer('xScale', 'yScale', function(){\n    once(this, this.doUpdatePositionStatic);\n  })),\n\n  /**\n    Sets up the required d3 elements after component\n    is inserted into the DOM\n    @method didInsertElement\n  */\n  didInsertElement: function(){\n    let element = this.get('element');\n    let g = d3.select(element);\n    let boxRect = g.append('path')\n      .attr('class', 'nf-selection-box-rect')\n      .attr('d', this.get('rectPath'));\n\n    this.set('boxRectElement', boxRect);\n  },\n});\n"
  },
  {
    "path": "addon/components/nf-svg-image.js",
    "content": "import Component from '@ember/component';\nimport { computed } from '@ember/object';\nimport layout from 'ember-nf-graph/templates/components/nf-svg-image';\nimport RequiresScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\nimport { normalizeScale } from 'ember-nf-graph/utils/nf/scale-utils';\nimport SelectableGraphic from 'ember-nf-graph/mixins/graph-selectable-graphic';\n\n/**\n  An image to be displayed in a graph with that takes domain based measurements and\n  uses the scale of the graph. Creates an `<image class=\"nf-image\"/>` SVG element.\n  @namespace components\n  @class nf-svg-image\n  @extends Ember.Component\n  @uses mixins.graph-requires-scale-source\n  @uses mixins.graph-selectable-graphic\n*/\nexport default Component.extend(RequiresScaleSource, SelectableGraphic, {\n  layout,\n  tagName: 'image',\n\n  classNameBindings: [':nf-svg-image', 'selectable', 'selected'],\n\n  attributeBindings: ['svgX:x', 'svgY:y', 'svgWidth:width', 'svgHeight:height', 'src:href'],\n\n  click: function(){\n    if(this.get('selectable')) {\n      this.toggleProperty('selected');\n    }\n  },\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The domain x value to place the image at.\n    @property x\n    @default null\n  */\n  x: null,\n\n  /**\n    The domain y value to place the image at.\n    @property y\n    @default null\n  */\n  y: null,\n\n  _width: 0,\n\n  /**\n    The width as a domain value. Does not handle ordinal\n    scales. To set a pixel value, set `svgWidth` directly.\n    @property width\n    @type Number\n    @default 0\n  */\n  width: computed({\n    get() {\n      return this._width;\n    },\n    set(key, value) {\n      return this._width = Math.max(0, +value) || 0;\n    }\n  }),\n\n  _height: 0,\n\n  /**\n    The height as a domain value. Does not\n    handle ordinal scales. To set a pixel value, just\n    set `svgHeight` directly.\n    @property height\n    @default null\n  */\n  height: computed({\n    get() {\n      return this._height;\n    },\n    set(key, value) {\n      this._height = Math.max(0, +value) || 0;\n    }\n  }),\n\n  /**\n    The image source url\n    @property src\n    @type String\n  */\n  src: '',\n\n  x0: computed('x', 'xScale', function(){\n    return normalizeScale(this.get('xScale'), this.get('x'));\n  }),\n\n  y0: computed('y', 'yScale', function(){\n    return normalizeScale(this.get('yScale'), this.get('y'));\n  }),\n\n  x1: computed('xScale', 'width', 'x', function(){\n    let scale = this.get('xScale');\n    if(scale.rangeBands) {\n      throw new Error('nf-image does not support ordinal scales');\n    }\n    return normalizeScale(scale, this.get('width') + this.get('x'));\n  }),\n\n  y1: computed('yScale', 'height', 'y', function(){\n    let scale = this.get('yScale');\n    if(scale.rangeBands) {\n      throw new Error('nf-image does not support ordinal scales');\n    }\n    return normalizeScale(scale, this.get('height') + this.get('y'));\n  }),\n\n  /**\n    The pixel value at which to plot the image.\n    @property svgX\n    @type Number\n  */\n  svgX: computed('x0', 'x1', function(){\n    return Math.min(this.get('x0'), this.get('x1'));\n  }),\n\n  /**\n    The pixel value at which to plot the image.\n    @property svgY\n    @type Number\n  */\n  svgY: computed('y0', 'y1', function(){\n    return Math.min(this.get('y0'), this.get('y1'));\n  }),\n\n  /**\n    The width, in pixels, of the image.\n    @property svgWidth\n    @type Number\n  */\n  svgWidth: computed('x0', 'x1', function(){\n    return Math.abs(this.get('x0') - this.get('x1'));\n  }),\n\n  /**\n    The height, in pixels of the image.\n    @property svgHeight\n    @type Number\n  */\n  svgHeight: computed('y0', 'y1', function(){\n    return Math.abs(this.get('y0') - this.get('y1'));\n  }),\n});\n"
  },
  {
    "path": "addon/components/nf-svg-line.js",
    "content": "import { computed } from '@ember/object';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-svg-line';\nimport RequiresScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\nimport { normalizeScale } from 'ember-nf-graph/utils/nf/scale-utils';\nimport SelectableGraphic from 'ember-nf-graph/mixins/graph-selectable-graphic';\n\n/**\n  Draws a basic line between two points on the graph.\n  @namespace components\n  @class nf-svg-line\n  @extends Ember.Component\n  @uses mixins.graph-requires-scale-source\n  @uses mixins.graph-selectable-graphic\n*/\nexport default Component.extend(RequiresScaleSource, SelectableGraphic, {\n  layout,\n  tagName: 'line',\n\n  classNameBindings: [':nf-svg-line', 'selectable', 'selected'],\n\n  attributeBindings: ['svgX1:x1', 'svgX2:x2', 'svgY1:y1', 'svgY2:y2'],\n\n  click: function(){\n    if(this.get('selectable')) {\n      this.toggleProperty('selected');\n    }\n  },\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The domain value to plot the SVGLineElement's x1 at.\n    @property x1\n    @default null\n  */\n  x1: null,\n\n  /**\n    The domain value to plot the SVGLineElement's x2 at.\n    @property x2\n    @default null\n  */\n  x2: null,\n\n  /**\n    The domain value to plot the SVGLineElement's y1 at.\n    @property y1\n    @default null\n  */\n  y1: null,\n\n  /**\n    The domain value to plot the SVGLineElement's y2 at.\n    @property y2\n    @default null\n  */\n  y2: null,\n\n  /**\n    The pixel value to plot the SVGLineElement's x1 at.\n    @property svgX1\n    @type Number\n  */\n  svgX1: computed('x1', 'xScale', function(){\n    return normalizeScale(this.get('xScale'), this.get('x1'));\n  }),\n\n  /**\n    The pixel value to plot the SVGLineElement's x2 at.\n    @property svgX2\n    @type Number\n  */\n  svgX2: computed('x2', 'xScale', function(){\n    return normalizeScale(this.get('xScale'), this.get('x2'));\n  }),\n\n  /**\n    The pixel value to plot the SVGLineElement's y1 at.\n    @property svgY1\n    @type Number\n  */\n  svgY1: computed('y1', 'yScale', function(){\n    return normalizeScale(this.get('yScale'), this.get('y1'));\n  }),\n\n  /**\n    The pixel value to plot the SVGLineElement's y2 at.\n    @property svgY2\n    @type Number\n  */\n  svgY2: computed('y2', 'yScale', function(){\n    return normalizeScale(this.get('yScale'), this.get('y2'));\n  }),\n});\n"
  },
  {
    "path": "addon/components/nf-svg-path.js",
    "content": "import { isArray } from '@ember/array';\nimport { computed } from '@ember/object';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-svg-path';\nimport RequiresScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\nimport { normalizeScale } from 'ember-nf-graph/utils/nf/scale-utils';\nimport SelectableGraphic from 'ember-nf-graph/mixins/graph-selectable-graphic';\n\n/**\n  An SVG path primitive that plots based on a graph's scale.\n  @namespace components\n  @class nf-svg-path\n  @extends Ember.Component\n  @uses mixins.graph-requires-scale-source\n  @uses mixins.graph-selectable-graphic\n*/\nexport default Component.extend(RequiresScaleSource, SelectableGraphic, {\n  layout,\n  type: 'path',\n\n  classNameBindings: [':nf-svg-path', 'selectable', 'selected'],\n\n  attributeBindings: ['d'],\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The array of points to use to plot the path. This is an array of arrays, in the following format:\n\n          // specify path pen commands\n          [\n            [50, 50, 'L'],\n            [100, 100, 'L']\n          ]\n\n          // or they will default to 'L'\n          [\n            [50, 50],\n            [100, 100]\n          ]\n\n  @property points\n  @type Array\n  */\n  points: null,\n\n  /**\n    The data points mapped to scale\n    @property svgPoints\n    @type Array\n  */\n  svgPoints: computed('points.[]', 'xScale', 'yScale', function(){\n    let points = this.get('points');\n    let xScale = this.get('xScale');\n    let yScale = this.get('yScale');\n    if(isArray(points) && points.length > 0) {\n      return points.map(function(v) {\n        let dx = normalizeScale(xScale, v[0]);\n        let dy = normalizeScale(yScale, v[1]);\n        let c = v.length > 2 ? v[2] : 'L';\n        return [dx, dy, c];\n      });\n    }\n  }),\n\n  click: function(){\n    if(this.get('selectable')) {\n      this.toggleProperty('selected');\n    }\n  },\n\n  /**\n    The raw svg path d attribute output\n    @property d\n    @type String\n  */\n  d: computed('svgPoints', function(){\n    let svgPoints = this.get('svgPoints');\n    if(isArray(svgPoints) && svgPoints.length > 0) {\n      return svgPoints.reduce(function(d, pt, i) {\n        if(i === 0) {\n          d += 'M' + pt[0] + ',' + pt[1];\n        }\n        d += ' ' + pt[2] + pt[0] + ',' + pt[1];\n        return d;\n      }, '');\n    } else {\n      return 'M0,0';\n    }\n  }),\n});\n"
  },
  {
    "path": "addon/components/nf-svg-rect.js",
    "content": "import Component from '@ember/component';\nimport { computed } from '@ember/object';\nimport layout from 'ember-nf-graph/templates/components/nf-svg-rect';\nimport RequiresScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\nimport { normalizeScale } from 'ember-nf-graph/utils/nf/scale-utils';\nimport SelectableGraphic from 'ember-nf-graph/mixins/graph-selectable-graphic';\n\n/**\n  A rectangle that plots using domain values from the graph. Uses an SVGPathElement\n  to plot the rectangle, to allow for rectangles with \"negative\" heights.\n  @namespace components\n  @class nf-svg-rect\n  @extends Ember.Component\n  @uses mixins.graph-requires-scale-source\n  @uses mixins.graph-selectable-graphic\n*/\nexport default Component.extend(RequiresScaleSource, SelectableGraphic, {\n  layout,\n  tagName: 'path',\n\n  attributeBindings: ['d'],\n\n  classNameBindings: [':nf-svg-rect', 'selectable', 'selected'],\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The domain x value to place the rect at.\n    @property x\n    @default null\n  */\n  x: null,\n\n  /**\n    The domain y value to place the rect at.\n    @property y\n    @default null\n  */\n  y: null,\n\n  _width: 0,\n\n  /**\n    The width as a domain value. If xScale is ordinal,\n    then this value is the indice offset to which to draw the\n    rectangle. In other words, if it's `2`, then draw the rectangle\n    to two ordinals past whatever `x` is set to.\n    @property width\n    @type Number\n    @default 0\n  */\n  width: computed({\n    get() {\n      return this._width;\n    },\n    set(key, value) {\n      return this._width = +value;\n    }\n  }),\n\n  _height: 0,\n\n  /**\n    The height as a domain value. If the yScale is ordinal,\n    this value is the indice offset to which to draw the rectangle.\n    For example, if the height is `3` then draw the rectangle\n    to two ordinals passed whatever `y` is set to.\n    @property height\n    @type Number\n    @default 0\n  */\n  height: computed({\n    get() {\n      return this._height;\n    },\n    set(key, value) {\n      return this._height = +value;\n    }\n  }),\n\n  /**\n    The x value of the bottom right corner of the rectangle.\n    @property x1\n    @type Number\n  */\n  x1: computed('width', 'x', 'xScale', function(){\n    let xScale = this.get('xScale');\n    let w = this.get('width');\n    let x = this.get('x');\n    if(xScale.rangeBands) {\n      let domain = xScale.domain();\n      let fromIndex = domain.indexOf(x);\n      let toIndex = fromIndex + w;\n      return normalizeScale(xScale, domain[toIndex]);\n    } else {\n      x = +x || 0;\n      return normalizeScale(xScale, w + x);\n    }\n  }),\n\n  /**\n    The y value of the bottom right corner of the rectangle\n    @property y1\n    @type Number\n  */\n  y1: computed('height', 'y', 'yScale', function(){\n    let yScale = this.get('yScale');\n    let h = this.get('height');\n    let y = this.get('y');\n    if(yScale.rangeBands) {\n      let domain = yScale.domain();\n      let fromIndex = domain.indexOf(y);\n      let toIndex = fromIndex + h;\n      return normalizeScale(yScale, domain[toIndex]);\n    } else {\n      y = +y || 0;\n      return normalizeScale(yScale, h + y);\n    }\n  }),\n\n  /**\n    The x value of the top right corner of the rectangle\n    @property x0\n    @type Number\n  */\n  x0: computed('x', 'xScale', function(){\n    return normalizeScale(this.get('xScale'), this.get('x'));\n  }),\n\n  /**\n    The y value of the top right corner of the rectangle.\n    @property y0\n    @type Number\n  */\n  y0: computed('y', 'yScale', function() {\n    return normalizeScale(this.get('yScale'), this.get('y'));\n  }),\n\n  /**\n    The SVG path data for the rectangle\n    @property d\n    @type String\n  */\n  d: computed('x0', 'y0', 'x1', 'y1', function(){\n    let x0 = this.get('x0');\n    let y0 = this.get('y0');\n    let x1 = this.get('x1');\n    let y1 = this.get('y1');\n    return `M${x0},${y0} L${x0},${y1} L${x1},${y1} L${x1},${y0} L${x0},${y0}`;\n  }),\n\n  /**\n    Click event handler. Toggles selected if selectable.\n    @method click\n  */\n  click: function(){\n    if(this.get('selectable')) {\n      this.toggleProperty('selected');\n    }\n  }\n});\n"
  },
  {
    "path": "addon/components/nf-tick-label.js",
    "content": "import { computed } from '@ember/object';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-tick-label';\n\nexport default Component.extend({\n  layout,\n  tagName: 'g',\n\n  attributeBindings: ['transform'],\n\n  transform: computed('x', 'y', function(){\n    let x = this.get('x');\n    let y = this.get('y');\n    return `translate(${x} ${y})`;\n  }),\n\n  className: 'nf-tick-label'\n});\n"
  },
  {
    "path": "addon/components/nf-tracker.js",
    "content": "import Component from '@ember/component';\nimport { computed } from '@ember/object';\nimport layout from 'ember-nf-graph/templates/components/nf-tracker';\nimport DataGraphic from 'ember-nf-graph/mixins/graph-data-graphic';\nimport RequiresScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\nimport GraphicWithTrackingDot from 'ember-nf-graph/mixins/graph-graphic-with-tracking-dot';\n\n/**\n  A tracking graphic component used to do things like create tracking dots for nf-area or nf-line.\n  @namespace components\n  @class nf-tracker\n  @uses mixins.graph-data-graphic\n  @uses mixins.graph-requires-scale-source\n  @uses mixins.graph-graphic-with-tracking-dot\n  */\nexport default Component.extend(DataGraphic, RequiresScaleSource, GraphicWithTrackingDot, {\n  layout,\n  tagName: 'g',\n\n  classNameBindings: [':nf-tracker'],\n\n  attributeBindings: ['transform'],\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  transform: computed('trackedData.{x,y}', 'xScale', 'yScale', {\n    get() {\n      let xScale = this.get('xScale');\n      let yScale = this.get('yScale');\n      let x = xScale && xScale(this.get('trackedData.x') || 0);\n      let y = yScale && yScale(this.get('trackedData.y') || 0);\n      return 'translate(' + x + ',' + y + ')';\n    }\n  })\n});\n"
  },
  {
    "path": "addon/components/nf-vertical-line.js",
    "content": "import { computed } from '@ember/object';\nimport { alias } from '@ember/object/computed';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-vertical-line';\nimport RequireScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\n\n/**\n  Draws a vertical line on a graph at a given x domain value\n  @namespace components\n  @class nf-vertical-line\n  @extends Ember.Component\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Component.extend(RequireScaleSource, {\n  layout,\n  tagName: 'line',\n\n  classNames: ['nf-vertical-line'],\n\n  attributeBindings: ['lineX:x1', 'lineX:x2', 'y1', 'y2'],\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The top y coordinate of the line\n    @property y1\n    @type Number\n    @default 0\n    @private\n  */\n  y1: 0,\n\n  /**\n    The bottom y coordinate of the line\n    @property y2\n    @type Number\n    @private\n    @readonly\n  */\n  y2: alias('graph.graphHeight'),\n\n  /**\n    The x domain value at which to draw the vertical line on the graph\n    @property x\n    @type Number\n    @default null\n  */\n  x: null,\n\n  /**\n    The calculated x coordinate of the vertical line\n    @property lineX\n    @type Number\n    @private\n    @readonly\n  */\n  lineX: computed('xScale', 'x', function(){\n    let xScale = this.get('xScale');\n    let x = this.get('x');\n    let px = xScale ? xScale(x) : -1;\n    return px && px > 0 ? px : 0;\n  }),\n});\n"
  },
  {
    "path": "addon/components/nf-x-axis.js",
    "content": "import { alias, uniq } from '@ember/object/computed';\nimport { A } from '@ember/array';\nimport { schedule } from '@ember/runloop';\nimport Component from '@ember/component';\nimport { computed } from '@ember/object';\nimport layout from 'ember-nf-graph/templates/components/nf-x-axis';\nimport RequireScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\n\n/**\n  A component for adding a templated x axis to an `nf-graph` component.\n  All items contained within this component are used to template each tick mark on the\n  rendered graph. Tick values are supplied to the inner scope of this component on the\n  view template via `tick`.\n\n  ### Styling\n\n  The main container will have a `nf-x-axis` class.\n  A `orient-top` or `orient-bottom` container will be applied to the container\n  depending on the `orient` setting.\n\n  Ticks are positioned via a `<g>` tag, that will contain whatever is passed into it via\n  templating, along with the tick line. `<text>` tags within tick templates do have some\n  default styling applied to them to position them appropriately based off of orientation.\n\n  ### Example\n\n        {{#nf-graph width=500 height=300}}\n          {{#nf-x-axis height=40 as |tick|}}\n            <text>x is {{tick.value}}</text>\n          {{/nf-x-axis}}\n        {{/nf-graph}}\n\n\n  @namespace components\n  @class nf-x-axis\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Component.extend(RequireScaleSource, {\n  layout,\n  tagName: 'g',\n\n  attributeBindings: ['transform'],\n  classNameBindings: ['orientClass'],\n  classNames: ['nf-x-axis'],\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The height of the x axis in pixels.\n    @property height\n    @type Number\n    @default 20\n  */\n  height: 20,\n\n  /**\n    The number of ticks to display\n    @property tickCount\n    @type Number\n    @default 12\n  */\n  tickCount: 12,\n\n  /**\n    The length of the tick line (the small vertical line indicating the tick)\n    @property tickLength\n    @type Number\n    @default 0\n  */\n  tickLength: 0,\n\n  /**\n    The spacing between the end of the tick line and the origin of the templated\n    tick content\n    @property tickPadding\n    @type Number\n    @default 5\n  */\n  tickPadding: 5,\n\n  /**\n    The orientation of the x axis. Value can be `'top'` or `'bottom'`.\n    @property orient\n    @type String\n    @default 'bottom'\n  */\n  orient: 'bottom',\n\n  _tickFilter: null,\n\n  /**\n    An optional filtering function to allow more control over what tick marks are displayed.\n    The function should have exactly the same signature as the function you'd use for an\n    `Array.prototype.filter()`.\n\n    @property tickFilter\n    @type Function\n    @default null\n    @example\n\n          {{#nf-x-axis tickFilter=myFilter as |tick|}}\n            <text>{{tick.value}}</text>\n          {{/nf-x-axis}}\n\n    And on your controller:\n\n          myFilter: function(tick, index, ticks) {\n            return tick.value < 1000;\n          },\n\n    The above example will filter down the set of ticks to only those that are less than 1000.\n  */\n  tickFilter: alias('_tickFilter'),\n\n  /**\n    The class applied due to orientation (e.g. `'orient-top'`)\n    @property orientClass\n    @type String\n    @readonly\n  */\n  orientClass: computed('orient', function(){\n    return 'orient-' + this.get('orient');\n  }),\n\n  /**\n    The SVG Transform applied to this component's container.\n    @property transform\n    @type String\n    @readonly\n  */\n  transform: computed('x', 'y', function(){\n    let x = this.get('x') || 0;\n    let y = this.get('y') || 0;\n    return `translate(${x} ${y})`;\n  }),\n\n  /**\n    The y position of this component's container.\n    @property y\n    @type Number\n    @readonly\n  */\n  y: computed(\n    'orient',\n    'graph.{paddingTop,paddingBottom,height}',\n    'height',\n    function(){\n      let orient = this.get('orient');\n      let graphHeight = this.get('graph.height');\n      let height = this.get('height');\n      let paddingBottom = this.get('graph.paddingBottom');\n      let paddingTop = this.get('graph.paddingTop');\n      let y;\n\n      if(orient === 'bottom') {\n        y = graphHeight - paddingBottom - height;\n      } else {\n        y = paddingTop;\n      }\n\n      return y || 0;\n    }\n  ),\n\n  /**\n    This x position of this component's container\n    @property x\n    @type Number\n    @readonly\n  */\n  x: computed('graph.graphX', function(){\n    return this.get('graph.graphX') || 0;\n  }),\n\n  init() {\n    this._super(...arguments);\n\n    schedule('afterRender', () => {\n      this.set('graph.xAxis', this);\n    });\n  },\n\n  /**\n    The width of the component\n    @property width\n    @type Number\n    @readonly\n  */\n  width: alias('graph.graphWidth'),\n\n  /**\n    A method to call to override the default behavior of how ticks are created.\n\n    The function signature should match:\n\n          // - scale: d3.Scale\n          // - tickCount: number of ticks\n          // - uniqueData: unique data points for the axis\n          // - scaleType: string of \"linear\" or \"ordinal\"\n          // returns: an array of tick values.\n          function(scale, tickCount, uniqueData, scaleType) {\n            return [100,200,300];\n          }\n\n    @property tickFactory\n    @type {Function}\n    @default null\n  */\n  tickFactory: null,\n\n  tickData: computed('xScale', 'graph.xScaleType', 'uniqueXData', 'tickCount', 'tickFactory', function(){\n    let tickFactory = this.get('tickFactory');\n    let scale = this.get('xScale');\n    let uniqueData = this.get('uniqueXData');\n    let tickCount = this.get('tickCount');\n    let scaleType = this.get('graph.xScaleType');\n\n    if(tickFactory) {\n      return tickFactory(scale, tickCount, uniqueData, scaleType);\n    }\n    else if(scaleType === 'ordinal') {\n      return uniqueData;\n    }\n    else {\n      return scale.ticks(tickCount);\n    }\n  }),\n\n  /**\n    A unique set of all x data on the graph\n    @property uniqueXData\n    @type Array\n    @readonly\n  */\n  uniqueXData: uniq('graph.xData'),\n\n  /**\n    The models for the ticks to display on the axis.\n    @property ticks\n    @type Array\n    @readonly\n  */\n  ticks: computed(\n    'xScale',\n    'tickPadding',\n    'tickLength',\n    'height',\n    'orient',\n    'tickFilter',\n    'tickData',\n    'graph.xScaleType',\n    function(){\n      let xScale = this.get('xScale');\n      let xScaleType = this.get('graph.xScaleType');\n      let tickPadding = this.get('tickPadding');\n      let tickLength = this.get('tickLength');\n      let height = this.get('height');\n      let orient = this.get('orient');\n      let tickFilter = this.get('tickFilter');\n      let ticks = this.get('tickData');\n      let y1 = orient === 'top' ? height : 0;\n      let y2 = y1 + tickLength;\n      let labely = orient === 'top' ? (y1 - tickPadding) : (y1 + tickPadding);\n      let halfBandWidth = (xScaleType === 'ordinal') ? xScale.rangeBand() / 2 : 0;\n      let result = ticks.map(function(tick) {\n        return {\n          value: tick,\n          x: xScale(tick) + halfBandWidth,\n          y1: y1,\n          y2: y2,\n          labely: labely\n        };\n      });\n\n      if(tickFilter) {\n        result = result.filter(tickFilter);\n      }\n\n      return A(result);\n    }\n  ),\n\n  /**\n    The y position, in pixels, of the axis line\n    @property axisLineY\n    @type Number\n    @readonly\n  */\n  axisLineY: computed('orient', 'height', function(){\n    return this.get('orient') === 'top' ? this.get('height') : 0;\n  })\n\n});\n"
  },
  {
    "path": "addon/components/nf-y-axis.js",
    "content": "import { alias, equal, uniq } from '@ember/object/computed';\nimport { A } from '@ember/array';\nimport { schedule } from '@ember/runloop';\nimport Component from '@ember/component';\nimport { computed } from '@ember/object';\nimport layout from 'ember-nf-graph/templates/components/nf-y-axis';\nimport RequireScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\n\n/**\n  A component for adding a templated y axis to an `nf-graph` component.\n  All items contained within this component are used to template each tick mark on the\n  rendered graph. Tick values are supplied to the inner scope of this component on the\n  view template via `tick`.\n\n  ### Styling\n\n  The main container will have a `nf-y-axis` class.\n  A `orient-left` or `orient-right` container will be applied to the container\n  depending on the `orient` setting.\n\n  Ticks are positioned via a `<g>` tag, that will contain whatever is passed into it via\n  templating, along with the tick line. `<text>` tags within tick templates do have some\n  default styling applied to them to position them appropriately based off of orientation.\n\n  ### Example\n\n        {{#nf-graph width=500 height=300}}\n          {{#nf-y-axis width=40 as |tick|}}\n            <text>y is {{tick.value}}</text>\n          {{/nf-y-axis}}\n        {{/nf-graph}}\n\n\n  @namespace components\n  @class nf-y-axis\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Component.extend(RequireScaleSource, {\n  layout,\n  tagName: 'g',\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The number of ticks to display\n    @property tickCount\n    @type Number\n    @default 5\n  */\n  tickCount: 5,\n\n  /**\n    The length of the tick's accompanying line.\n    @property tickLength\n    @type Number\n    @default 5\n  */\n  tickLength: 5,\n\n  /**\n    The distance between the tick line and the origin tick's templated output\n    @property tickPadding\n    @type Number\n    @default 3\n  */\n  tickPadding: 3,\n\n  /**\n    The total width of the y axis\n    @property width\n    @type Number\n    @default 40\n  */\n  width: 40,\n\n  /**\n    The orientation of the y axis. Possible values are `'left'` and `'right'`\n    @property orient\n    @type String\n    @default 'left'\n  */\n  orient: 'left',\n\n  attributeBindings: ['transform'],\n\n  classNameBindings: [':nf-y-axis', 'isOrientRight:orient-right:orient-left'],\n\n  _tickFilter: null,\n\n  /**\n    An optional filtering function to allow more control over what tick marks are displayed.\n    The function should have exactly the same signature as the function you'd use for an\n    `Array.prototype.filter()`.\n\n    @property tickFilter\n    @type Function\n    @default null\n    @example\n\n          {{#nf-y-axis tickFilter=myFilter as |tick|}}\n            <text>{{tick.value}}</text>\n          {{/nf-y-axis}}\n\n    And on your controller:\n\n          myFilter: function(tick, index, ticks) {\n            return tick.value < 1000;\n          },\n\n    The above example will filter down the set of ticks to only those that are less than 1000.\n  */\n  tickFilter: alias('_tickFilter'),\n\n  /**\n    computed property. returns true if `orient` is equal to `'right'`.\n    @property isOrientRight\n    @type Boolean\n    @readonly\n  */\n  isOrientRight: equal('orient', 'right'),\n\n\n  /**\n    The SVG transform for positioning the component.\n    @property transform\n    @type String\n    @readonly\n  */\n  transform: computed('x', 'y', function(){\n    let x = this.get('x') || 0;\n    let y = this.get('y') || 0;\n    return `translate(${x} ${y})`;\n  }),\n\n  /**\n    The x position of the component\n    @property x\n    @type Number\n    @readonly\n  */\n  x: computed(\n    'orient',\n    'width',\n    'graph.{paddingLeft,paddingRight,width}',\n    function(){\n      let orient = this.get('orient');\n      if(orient !== 'left') {\n        return this.get('graph.width') - this.get('width') - this.get('graph.paddingRight');\n      }\n      return this.get('graph.paddingLeft');\n    }\n  ),\n\n  /**\n    The y position of the component\n    @property y\n    @type Number\n    @readonly\n  */\n  y: alias('graph.graphY'),\n\n  /**\n    the height of the component\n    @property height\n    @type Number\n    @readonly\n  */\n  height: alias('graph.graphHeight'),\n\n  init() {\n    this._super(...arguments);\n\n    schedule('afterRender', () => {\n      this.set('graph.yAxis', this);\n    });\n  },\n\n  /**\n    A method to call to override the default behavior of how ticks are created.\n\n    The function signature should match:\n\n          // - scale: d3.Scale\n          // - tickCount: number of ticks\n          // - uniqueData: unique data points for the axis\n          // - scaleType: string of \"linear\" or \"ordinal\"\n          // returns: an array of tick values.\n          function(scale, tickCount, uniqueData, scaleType) {\n            return [100,200,300];\n          }\n\n    @property tickFactory\n    @type {Function}\n    @default null\n  */\n  tickFactory: null,\n\n  tickData: computed('graph.yScaleType', 'uniqueYData', 'yScale', 'tickCount', 'tickFactory', function(){\n    let tickFactory = this.get('tickFactory');\n    let scale = this.get('yScale');\n    let uniqueData = this.get('uniqueYData');\n    let scaleType = this.get('graph.yScaleType');\n    let tickCount = this.get('tickCount');\n\n    if(tickFactory) {\n      return tickFactory(scale, tickCount, uniqueData, scaleType);\n    }\n    else if(scaleType === 'ordinal') {\n      return uniqueData;\n    }\n    else {\n      let ticks = scale.ticks(tickCount);\n      if (scaleType === 'log') {\n        let step = Math.round(ticks.length / tickCount);\n        ticks = ticks.filter(function (tick, i) {\n          return i % step === 0;\n        });\n      }\n      return ticks;\n    }\n  }),\n\n  /**\n    All y data from the graph, filtered to unique values.\n    @property uniqueYData\n    @type Array\n    @readonly\n  */\n  uniqueYData: uniq('graph.yData'),\n\n  /**\n    The ticks to be displayed.\n    @property ticks\n    @type Array\n    @readonly\n  */\n  ticks: computed(\n    'yScale',\n    'tickPadding',\n    'axisLineX',\n    'tickLength',\n    'isOrientRight',\n    'tickFilter',\n    'tickData',\n    function() {\n      let yScale = this.get('yScale');\n      let tickPadding = this.get('tickPadding');\n      let axisLineX = this.get('axisLineX');\n      let tickLength = this.get('tickLength');\n      let isOrientRight = this.get('isOrientRight');\n      let tickFilter = this.get('tickFilter');\n      let ticks = this.get('tickData');\n      let x1 = isOrientRight ? axisLineX + tickLength : axisLineX - tickLength;\n      let x2 = axisLineX;\n      let labelx = isOrientRight ? (tickLength + tickPadding) : (axisLineX - tickLength - tickPadding);\n\n      let result = ticks.map(function (tick) {\n        return {\n          value: tick,\n          y: yScale(tick),\n          x1: x1,\n          x2: x2,\n          labelx: labelx,\n        };\n      });\n\n      if(tickFilter) {\n        result = result.filter(tickFilter);\n      }\n\n      return A(result);\n    }\n  ),\n\n\n  /**\n    The x position of the axis line.\n    @property axisLineX\n    @type Number\n    @readonly\n  */\n  axisLineX: computed('isOrientRight', 'width', function(){\n    return this.get('isOrientRight') ? 0 : this.get('width');\n  }),\n});\n"
  },
  {
    "path": "addon/components/nf-y-diff.js",
    "content": "import { on } from '@ember/object/evented';\nimport { once } from '@ember/runloop';\nimport { alias, gte, equal } from '@ember/object/computed';\nimport { computed, observer } from '@ember/object';\nimport Component from '@ember/component';\nimport layout from 'ember-nf-graph/templates/components/nf-y-diff';\nimport RequireScaleSource from 'ember-nf-graph/mixins/graph-requires-scale-source';\nimport { normalizeScale } from 'ember-nf-graph/utils/nf/scale-utils';\n\n/**\n  Draws a box underneath (or over) the y axis to between the given `a` and `b`\n  domain values. Component content is used to template a label in that box.\n\n  ## Tips\n\n  - Should be outside of `nf-graph-content`.\n  - Should be \"above\" `nf-y-axis` in the markup.\n  - As a convenience, `<text>` elements will automatically be positioned based on y-axis orientation\n    due to default styling.\n\n  @namespace components\n  @class nf-y-diff\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Component.extend(RequireScaleSource, {\n  layout,\n  tagName: 'g',\n\n  attributeBindings: ['transform'],\n\n  classNameBindings: [':nf-y-diff', 'isPositive:positive:negative', 'isOrientRight:orient-right:orient-left'],\n\n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    The starting domain value of the difference measurement. The subrahend of the difference calculation.\n    @property a\n    @type Number\n    @default null\n  */\n  a: null,\n\n  /**\n    The ending domain value of the difference measurement. The minuend of the difference calculation.\n    @property b\n    @type Number\n    @default null\n  */\n  b: null,\n\n  /**\n    The amount of padding, in pixels, between the edge of the difference \"box\" and the content container\n    @property contentPadding\n    @type Number\n    @default 5\n  */\n  contentPadding: 5,\n\n  /**\n    The duration of the transition, in milliseconds, as the difference slides vertically\n    @property duration\n    @type Number\n    @default 400\n  */\n  duration: 400,\n\n  /**\n    The calculated vertical center of the difference box, in pixels.\n    @property yCenter\n    @type Number\n    @readonly\n  */\n  yCenter: computed('yA', 'yB', function(){\n    let yA = +this.get('yA') || 0;\n    let yB = +this.get('yB') || 0;\n    return (yA + yB) / 2;\n  }),\n\n  /**\n    The y pixel value of b.\n    @property yB\n    @type Number\n  */\n  yB: computed('yScale', 'b', function(){\n    return normalizeScale(this.get('yScale'), this.get('b'));\n  }),\n\n  /**\n    The y pixel value of a.\n    @property yA\n    @type Number\n  */\n  yA: computed('yScale', 'a', function() {\n    return normalizeScale(this.get('yScale'), this.get('a'));\n  }),\n\n  /**\n    The SVG transformation of the component.\n    @property transform\n    @type String\n    @private\n    @readonly\n  */\n  transform: alias('graph.yAxis.transform'),\n\n  /**\n    The calculated difference between `a` and `b`.\n    @property diff\n    @type Number\n    @readonly\n  */\n  diff: computed('a', 'b', function(){\n    return +this.get('b') - this.get('a');\n  }),\n\n  /**\n    Returns `true` if `diff` is a positive number\n    @property isPositive\n    @type Boolean\n    @readonly\n  */\n  isPositive: gte('diff', 0),\n\n  /**\n    Returns `true` if the graph's y-axis component is configured to orient right.\n    @property isOrientRight\n    @type Boolean\n    @readonly\n  */\n  isOrientRight: equal('graph.yAxis.orient', 'right'),\n\n  /**\n    The width of the difference box\n    @property width\n    @type Number\n    @readonly\n  */\n  width: alias('graph.yAxis.width'),\n\n  /**\n    The x pixel coordinate of the content container.\n    @property contentX\n    @type Number\n    @readonly\n  */\n  contentX: computed('isOrientRight', 'width', 'contentPadding', function(){\n    let contentPadding = this.get('contentPadding');\n    let width = this.get('width');\n    return this.get('isOrientRight') ? width - contentPadding : contentPadding;\n  }),\n\n  rectPath: computed('yA', 'yB', 'width', function(){\n    let x = 0;\n    let w = +this.get('width') || 0;\n    let x2 = x + w;\n    let yA = +this.get('yA') || 0;\n    let yB = +this.get('yB') || 0;\n    return `M${x},${yA} L${x},${yB} L${x2},${yB} L${x2},${yA} L${x},${yA}`;\n  }),\n\n  /**\n    The SVG transformation used to position the content container.\n    @property contentTransform\n    @type String\n    @private\n    @readonly\n  */\n  contentTransform: computed('contentX', 'yCenter', function(){\n    let contentX = this.get('contentX');\n    let yCenter = this.get('yCenter');\n    return `translate(${contentX} ${yCenter})`;\n  }),\n\n  /**\n    Sets up the d3 related elements when component is inserted\n    into the DOM\n    @method didInsertElement\n  */\n  didInsertElement: function(){\n    let element = this.get('element');\n    let g = d3.select(element);\n\n    let rectPath = this.get('rectPath');\n    let rect = g.insert('path', ':first-child')\n      .attr('class', 'nf-y-diff-rect')\n      .attr('d', rectPath);\n\n    let contentTransform = this.get('contentTransform');\n    let content = g.select('.nf-y-diff-content');\n    content.attr('transform', contentTransform);\n\n    this.set('rectElement', rect);\n    this.set('contentElement', content);\n  },\n\n  /**\n    Performs the transition (animation) of the elements.\n    @method doTransition\n  */\n  doTransition: function(){\n    let duration = this.get('duration');\n    let rectElement = this.get('rectElement');\n    let contentElement = this.get('contentElement');\n\n    if(rectElement) {\n      rectElement.transition().duration(duration)\n        .attr('d', this.get('rectPath'));\n    }\n\n    if(contentElement) {\n      contentElement.transition().duration(duration)\n        .attr('transform', this.get('contentTransform'));\n    }\n  },\n\n  /**\n    Schedules a transition once at afterRender.\n    @method transition\n  */\n  transition: observer('a', 'b', function(){\n    once(this, this.doTransition);\n  }),\n\n  /**\n    Updates to d3 managed DOM elments that do\n    not require transitioning, because they're width-related.\n    @method doAdjustWidth\n  */\n  doAdjustWidth: function(){\n    let contentElement = this.get('contentElement');\n    if(contentElement) {\n      let contentTransform = this.get('contentTransform');\n      contentElement.attr('transform', contentTransform);\n    }\n  },\n\n  adjustGraphHeight: on('didInsertElement', observer('graph.graphHeight', function(){\n    let rectElement = this.get('rectElement');\n    let contentElement = this.get('contentElement');\n\n    if(rectElement) {\n      rectElement.attr('d', this.get('rectPath'));\n    }\n\n    if(contentElement) {\n      contentElement.attr('transform', this.get('contentTransform'));\n    }\n  })),\n\n  /**\n    Schedules a call to `doAdjustWidth` on afterRender\n    @method adjustWidth\n  */\n  adjustWidth: on(\n    'didInsertElement',\n    observer('isOrientRight', 'width', 'contentPadding', function(){\n      once(this, this.doAdjustWidth);\n    })\n  ),\n});\n"
  },
  {
    "path": "addon/mixins/.gitignore",
    "content": "node_modules/\nbower_components/"
  },
  {
    "path": "addon/mixins/graph-area-utils.js",
    "content": "import Mixin from '@ember/object/mixin';\n\n/**\n  Utility functions for drawing an area.\n  \n  @namespace mixins\n  @class graph-area-utils\n  @extends Ember.Mixin\n*/\nexport default Mixin.create({\n\n  /**\n    Creates a d3 area function from a given set of scales and an interpolator\n\n    @method createAreaFn\n    @param xScale {Function} a d3 scale\n    @param yScale {Function} a d3 scale\n    @param interpolator {String} the name of the d3 interpolator to use.\n    @return {Function} a function that when called will create SVG path data.\n  */\n  createAreaFn: function(xScale, yScale, interpolator) {\n      let interp = interpolator || 'linear';\n      let xMod = xScale.rangeBand ? xScale.rangeBand() / 2 : 0;\n      let yMod = yScale.rangeBand ? yScale.rangeBand() / 2 : 0;\n\n      return function(data) {\n        if(!data || data.length === 0) {\n          return 'M0,0';\n        }\n\n        return d3.svg.area()\n          .x(function (d) {\n            return (xScale(d[0]) || 0) + xMod;\n          })\n          .y0(function (d) {\n            return (yScale(d[1]) || 0) + yMod;\n          })\n          .y1(function (d) {\n            return (yScale(d[2]) || 0) + yMod;\n          })\n          .interpolate(interp)(data);\n      };\n  }\n});"
  },
  {
    "path": "addon/mixins/graph-data-graphic.js",
    "content": "import { scheduleOnce, schedule } from '@ember/runloop';\nimport { isArray } from '@ember/array';\nimport Mixin from '@ember/object/mixin';\nimport { on } from '@ember/object/evented';\nimport { computed, observer } from '@ember/object';\nimport parsePropertyExpr from '../utils/parse-property-expression';\nimport { nearestIndexTo } from '../utils/nf/array-helpers';\n\nlet noop = function(){};\n\n/**\n  This is mixed in to {{#crossLink components.nf-graph}}nf-graph{{/crossLink}} child components that need to register data\n  with the graph. Includes methods for extracting, sorting and scrubbing data\n  for use in graphing components.\n\n  Requires {{#crossLink \"mixins.graph-registered-graphic\"}}{{/crossLink}} and\n  {{#crossLink \"mixins.graph-has-graph-parent\"}}{{/crossLink}}\n\n  @namespace mixins\n  @class graph-data-graphic\n  @extends Ember.Mixin\n*/\nexport default Mixin.create({\n  /**\n    Gets or sets the data used by the component to plot itself.\n\n    @property data\n    @type Array\n    @default null\n  */\n  data: null,\n\n  mappedData: computed('data.[]', {\n    get() {\n      let yPropFn = this.get('yPropFn');\n      let xPropFn = this.get('xPropFn');\n      let data = this.get('data');\n      if(isArray(data)) {\n        return data.map(function(d, i) {\n          let item = [xPropFn(d), yPropFn(d)];\n          item.data = d;\n          item.origIndex = i;\n          return item;\n        });\n      }\n      return [];\n    }\n  }),\n\n  _triggerHasData: on('init', observer('data.[]', function(){\n    scheduleOnce('afterRender', this, this._sendTriggerHasData);\n  })),\n\n  _sendTriggerHasData() {\n    this.trigger('hasData', this.get('mappedData'));\n  },\n\n  /**\n    The path of the property on each object in\n    {{#crossLink \"mixins.graph-data-graphic/data:property\"}}{{/crossLink}}\n    to use as x data to plot on the graph.\n\n    @property xprop\n    @type String\n    @default 'x'\n  */\n  xprop: 'x',\n\n  /**\n    The path of the property on each object in\n    {{#crossLink \"mixins.graph-data-graphic/data:property\"}}{{/crossLink}}\n    to use as y data to plot on the graph.\n\n    @property yprop\n    @type String\n    @default 'y'\n  */\n  yprop: 'y',\n\n  /**\n    The function to get the x value from each\n    {{#crossLink \"mixins.graph-data-graphic/data:property\"}}{{/crossLink}} object\n\n    @property xPropFn\n    @type Function\n    @readonly\n  */\n  xPropFn: computed('xprop', {\n    get() {\n      let xprop = this.get('xprop');\n      return xprop ? parsePropertyExpr(xprop) : noop;\n    }\n  }),\n\n  /**\n    The function to get the y value from each\n    {{#crossLink \"mixins.graph-data-graphic/data:property\"}}{{/crossLink}} object\n\n    @property yPropFn\n    @type Function\n    @readonly\n  */\n  yPropFn: computed('yprop', {\n    get() {\n      let yprop = this.get('yprop');\n      return yprop ? parsePropertyExpr(yprop) : noop;\n    }\n  }),\n\n  /**\n    The list of data points from {{#crossLink \"mixins.graph-data-graphc/mappedData:property\"}}{{/crossLink}} that\n    fits within the x domain, plus up to one data point outside of that domain in each direction.\n    @property renderedData\n    @type Array\n    @readonly\n  */\n  renderedData: computed(function() {\n    return this._computeRenderedData();\n  }),\n\n  _scheduleComputeRenderedData: observer('mappedData.[]', 'graph.xScaleType', 'graph.xMin', 'graph.xMax', function() {\n    schedule('afterRender', () => {\n      this.set('renderedData', this._computeRenderedData());\n    });\n  }),\n\n  _computeRenderedData() {\n    let mappedData = this.get('mappedData');\n    let graph = this.get('graph');\n    let xScaleType = graph.get('xScaleType');\n    let xMin = graph.get('xMin');\n    let xMax = graph.get('xMax');\n\n    if(!mappedData || mappedData.length === 0) {\n      return [];\n    }\n\n    if(xScaleType === 'ordinal') {\n      return mappedData;\n    }\n\n    return mappedData.filter(function(d, i) {\n      let x = d[0];\n      let prev = mappedData[i-1];\n      let next = mappedData[i+1];\n      let prevX = prev ? prev[0] : null;\n      let nextX = next ? next[0] : null;\n\n      return between(x, xMin, xMax) || between(prevX, xMin, xMax) || between(nextX, xMin, xMax);\n    });\n  },\n\n  /**\n    The first element from {{#crossLink \"mixins.graph-data-graphic/renderedData:property\"}}{{/crossLink}}\n    that is actually visible within the x domain.\n    @property firstVisibleData\n    @type {Object}\n    @readonly\n  */\n  firstVisibleData: computed('renderedData.[]', 'xMin', {\n    get() {\n      let { renderedData, xPropFn, yPropFn, xMin } = this.getProperties('renderedData', 'xPropFn', 'yPropFn', 'xMin');\n\n      let first = renderedData[0];\n      if(first && xMin > first[0] && renderedData.length > 1) {\n        first = renderedData[1];\n      }\n\n      return first ? {\n        x: xPropFn(first.data),\n        y: yPropFn(first.data),\n        data: first.data,\n        renderX: first[0],\n        renderY: first[1]\n      } : null;\n    }\n  }),\n\n\n  /**\n    The last element from {{#crossLink \"mixins.graph-data-graphic/renderedData:property\"}}{{/crossLink}}\n    that is actually visible within the x domain.\n    @property lastVisibleData\n    @type {Object}\n    @readonly\n  */\n  lastVisibleData: computed('renderedData.[]', 'yPropFn', 'xPropFn', 'xMax', {\n    get() {\n      let { renderedData, xPropFn, yPropFn, xMax } = this.getProperties('renderedData', 'xPropFn', 'yPropFn', 'xMax');\n      let last = renderedData[renderedData.length - 1];\n\n      if(last && xMax < last[0] && renderedData.length > 1) {\n        last = renderedData[renderedData.length - 2];\n      }\n\n      return last ? {\n        x: xPropFn(last.data),\n        y: yPropFn(last.data),\n        data: last.data,\n        renderX: last[0],\n        renderY: last[1]\n      }: null;\n    }\n  }),\n\n  _getRenderedDataNearXRange: function(rangeX) {\n    let xScale = this.get('xScale');\n    let isLinear = xScale && xScale.invert;\n    if(isLinear) {\n      return this.getDataNearX(xScale.invert(rangeX));\n    } else {\n      //ordinal\n      let range = this.get('graph.xRange');\n      let v = Math.abs(rangeX - range[0]) / Math.abs(range[1] - range[0]);\n      let renderedData = this.get('renderedData');\n      let i = Math.floor(v * renderedData.length);\n      return renderedData[i];\n    }\n  },\n\n  getDataNearXRange(rangeX) {\n    let rendered = this._getRenderedDataNearXRange(rangeX);\n\n    if(!rendered) {\n      return null;\n    }\n\n    let renderX = rendered[0];\n    let renderY = rendered[1];\n    let data = rendered.data;\n    let { x, y } = this.getActualTrackData(renderX, renderY, data);\n\n    return { renderX, renderY, data, x, y };\n  },\n\n  /**\n    Gets the actual data at a rendered tracking point passed to it.\n    This is overridden in nf-area to account for stacking of data.\n    @method getActualTrackData\n    @param renderX {number} the x domain value the data is rendered at\n    @param renderY {number} the y domain value the data is rendered at\n    @param data {Object} the raw data from the point\n    @return {Object} simple x, y point structure\n  */\n  getActualTrackData(renderX, renderY, data) {\n    return { x: renderX, y: renderY, data };\n  },\n\n  getDataNearX: function(x) {\n    x = +x;\n    if(x === x) {\n      let renderedData = this.get('renderedData');\n      let index = nearestIndexTo(renderedData, x, function(d){\n        return d ? d[0] : null;\n      });\n      return index !== -1 ? renderedData[index] : null;\n    }\n  },\n});\n\nfunction between(x, a, b) {\n  return a <= x && x <= b;\n}\n"
  },
  {
    "path": "addon/mixins/graph-graphic-with-tracking-dot.js",
    "content": "import { schedule, scheduleOnce } from '@ember/runloop';\nimport Mixin from '@ember/object/mixin';\nimport { on } from '@ember/object/evented';\nimport { computed, observer } from '@ember/object';\nimport { getMousePoint } from '../utils/nf/svg-dom';\n\nexport default Mixin.create({\n  /**\n    Gets or sets the tracking mode of the component.\n\n    Possible values are:\n\n    - 'none': no tracking behavior\n    - 'hover': only track while mouse hover\n    - 'snap-last': track while mouse hover, but snap to the last data element when not hovering\n    - 'snap-first': track while mouse hover, but snap to the first data element when not hovering\n    - 'selected-hover': The same as `'hover'` tracking mode, but only when the compononent is\n    {{#crossLink \"mixins.graph-selectable-graphic/selected:property\"}}{{/crossLink}}\n    - 'selected-snap-last': The same as `'snap-last'` tracking mode, but only when the compononent is\n    {{#crossLink \"mixins.graph-selectable-graphic/selected:property\"}}{{/crossLink}}\n    - 'selected-snap-first': The same as `'snap-first'` tracking mode, but only when the compononent is\n    {{#crossLink \"mixins.graph-selectable-graphic/selected:property\"}}{{/crossLink}}\n\n    @property trackingMode\n    @type String\n    @default 'none'\n  */\n  trackingMode: 'none',\n\n  /**\n    The radius of the tracking dot in pixels\n    @property trackingDotRadius\n    @type {number}\n    @default 2.5\n  */\n  trackingDotRadius: 2.5,\n\n  /**\n    The action to send on `didTrack`.\n    @property didTrack\n    @type String\n    @default null\n  */\n  didTrack: null,\n\n  /**\n    The value of the data that is being tracked by the component.\n    @property trackedData\n    @type {Object} an object with the following values:\n      - point: an { x, y } pair for the exact px coordinates inside the graph-content\n      - graphX: domain x value at mouse position\n      - graphY: domain y value at mouse position\n      - x: nearest x data value\n      - y: nearest y data value\n      - data: nearest raw data\n      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n      - mouseX: mouse x position in pixels\n      - mouseY: mouse y position in pixels\n    @default null\n  */\n  trackedData: null,\n\n  /**\n    The value of the data that is being tracked by the component, ONLY if the\n    graph-content is currently being hovered.\n    @property hoverData\n    @type {Object} an object with the following values:\n      - point: an { x, y } pair for the exact px coordinates inside the graph-content\n      - graphX: domain x value at mouse position\n      - graphY: domain y value at mouse position\n      - x: nearest x data value\n      - y: nearest y data value\n      - data: nearest raw data\n      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n      - mouseX: mouse x position in pixels\n      - mouseY: mouse y position in pixels\n    @default null\n  */\n  hoverData: null,\n\n  _showTrackingDot: true,\n\n  /**\n    Gets or sets whether the tracking dot should be shown at all.\n    @property showTrackingDot\n    @type {boolean}\n    @default true\n  */\n  showTrackingDot: computed('trackedData', {\n    get() {\n      return Boolean(this._showTrackingDot && this.get('trackedData'));\n    },\n\n    set(value) {\n      this._showTrackingDot = value;\n    }\n  }),\n\n  /**\n    Observes changes to tracked data and sends the\n    didTrack action.\n    @method _trackedDataChanged\n    @private\n  */\n  _trackedDataChanged: observer('trackedData', function(){\n    let trackedData = this.get('trackedData');\n    this.set('hoverData', this._hovered ? trackedData : null);\n\n    if(this.get('didTrack') && trackedData) {\n      this.sendAction('didTrack', {\n        x: trackedData.x,\n        y: trackedData.y,\n        data: trackedData.data,\n        source: this,\n        graph: this.get('graph'),\n      });\n    }\n  }),\n\n  _cleanup: function(){\n    if(this._onHoverCleanup) {\n      this._onHoverCleanup();\n    }\n    if(this._onEndCleanup) {\n      this._onEndCleanup();\n    }\n  },\n\n  _updateTrackingHandling() {\n    let { trackingMode, selected } = this.getProperties('trackingMode', 'selected');\n\n    this._cleanup();\n\n    switch(trackingMode) {\n      case 'hover':\n        this._onHoverTrack();\n        this._onEndUntrack();\n        break;\n      case 'snap-first':\n        this._onHoverTrack();\n        this._onEndSnapFirst();\n        break;\n      case 'snap-last':\n        this._onHoverTrack();\n        this._onEndSnapLast();\n        break;\n      case 'selected-hover':\n        if(selected) {\n          this._onHoverTrack();\n          this._onEndUntrack();\n        }\n        break;\n      case 'selected-snap-first':\n        if(selected) {\n          this._onHoverTrack();\n          this._onEndSnapFirst();\n        }\n        break;\n      case 'selected-snap-last':\n        if(selected) {\n          this._onHoverTrack();\n          this._onEndSnapLast();\n        }\n        break;\n    }\n  },\n\n  _onHoverTrack() {\n    let content = this._content;\n\n    let mousemoveHandler = e => {\n      schedule('afterRender', () => {\n        this._hovered = true;\n        let evt = this._getEventObject(e);\n        this.set('trackedData', evt);\n      });\n    };\n\n    content.on('mousemove', mousemoveHandler);\n\n    this._onHoverCleanup = () => {\n      content.off('mousemove', mousemoveHandler);\n    };\n  },\n\n  _hovered: false,\n\n  _onEndUntrack() {\n    let content = this._content;\n\n    let mouseoutHandler = () => {\n      this.set('trackedData', null);\n    };\n\n    content.on('mouseout', mouseoutHandler);\n\n    this._onEndCleanup = () => {\n      content.off('mouseout', mouseoutHandler);\n    };\n\n    if(!this._hovered) {\n      this.set('trackedData', null);\n    }\n  },\n\n  _onEndSnapLast() {\n    let content = this._content;\n\n    let mouseoutHandler = () => {\n      schedule('afterRender', () => {\n        this._hovered = false;\n        this.set('trackedData', this.get('lastVisibleData'));\n      });\n    };\n\n    let changeHandler = () => {\n      if(!this._hovered) {\n        schedule('afterRender', () => {\n          this.set('trackedData', this.get('lastVisibleData'));\n        });\n      }\n    };\n\n    content.on('mouseout', mouseoutHandler);\n    this.addObserver('lastVisibleData', this, changeHandler);\n\n    this._onEndCleanup = () => {\n      content.off('mouseout', mouseoutHandler);\n      this.removeObserver('lastVisibleData', this, changeHandler);\n    };\n\n    changeHandler();\n  },\n\n  _onEndSnapFirst() {\n    let content = this._content;\n\n    let mouseoutHandler = () => {\n      this._hovered = false;\n      this.set('trackedData', this.get('firstVisibleData'));\n    };\n\n    let changeHandler = () => {\n      if(!this._hovered) {\n        this.set('trackedData', this.get('firstVisibleData'));\n      }\n    };\n\n    content.on('mouseout', mouseoutHandler);\n    this.addObserver('firstVisibleData', this, changeHandler);\n\n    this._onEndCleanup = () => {\n      content.off('mouseout', mouseoutHandler);\n      this.removeObserver('firstVisibleData', this, changeHandler);\n    };\n\n    changeHandler();\n  },\n\n  _trackingModeChanged: on('init', observer('trackingMode', 'selected', function() {\n    scheduleOnce('afterRender', this, this._updateTrackingHandling);\n  })),\n\n  _getEventObject(e) {\n    let { xScale, yScale } = this.getProperties('xScale', 'yScale');\n    let content = this._content;\n    let point = getMousePoint(content[0], e);\n    let graphX = xScale.invert(point.x);\n    let graphY = yScale.invert(point.y);\n    let near = this.getDataNearXRange(point.x);\n\n    if(!near) {\n      return {\n        point,\n        graphX,\n        graphY,\n        mouseX: point.x,\n        mouseY: point.y,\n      };\n    }\n\n    let { x, y, data, renderX, renderY } = near;\n    return {\n      point,\n      graphX,\n      graphY,\n      x,\n      y,\n      data,\n      renderX,\n      renderY,\n      mouseX: point.x,\n      mouseY: point.y\n    };\n  },\n\n  didInsertElement() {\n    this._super.apply(arguments);\n    this._content = this.$().parents('.nf-graph-content');\n  },\n\n  willDestroyElement() {\n    this._super.apply(arguments);\n    this._cleanup();\n  }\n});\n"
  },
  {
    "path": "addon/mixins/graph-line-utils.js",
    "content": "  import Mixin from '@ember/object/mixin';\n\n  /**\n    @namespace mixins\n    @class graph-line-utils\n    @extends Ember.Mixin\n    */\n  export default Mixin.create({\n\n    /**\n      Create a d3 line function from a given scales and interpolation\n\n      @method createLineFn\n      @param xScale {Function} d3 scale function\n      @param yScale {Function} d3 scale function\n      @param interpolate {String} d3 interpolator name\n      @return {Function} a d3 function that will create SVG path data from a given data set.\n      */\n    createLineFn: function(xScale, yScale, interpolate){ \n      let interp = interpolate || 'linear';\n\n      let xMod = xScale.rangeBand ? xScale.rangeBand() / 2 : 0;\n      let yMod = yScale.rangeBand ? yScale.rangeBand() / 2 : 0;\n\n      return function(data) {\n        if(!data || data.length === 0) {\n          return 'M0,0';\n        }\n\n        return d3.svg.line()\n          .x(function (d) { return (xScale(d[0]) || 0) + xMod; })\n          .y(function (d) { return (yScale(d[1]) || 0) + yMod; })\n          .interpolate(interp)(data);\n      };\n    }\n  });"
  },
  {
    "path": "addon/mixins/graph-registered-graphic.js",
    "content": "import { on } from '@ember/object/evented';\nimport Mixin from '@ember/object/mixin';\n\n/**\n  @namespace mixins\n  @class graph-registered-graphic\n  @extends Ember.Mixin\n*/\nexport default Mixin.create({\n  init() {\n    this._super(...arguments);\n    let graph = this.get('graph');\n\n    if (graph) {\n      graph.registerGraphic(this);\n    }\n  },\n\n  /**\n    calls {{#crossLink \"components.nf-graph/unregisterGraphic\"}}{{/crossLink}} on\n    `didInsertElement`.\n    @method _unregisterGraphic\n    @private\n  */\n  _unregisterGraphic: on('willDestroyElement', function(){\n    let graph = this.get('graph');\n\n    if (graph) {\n      graph.unregisterGraphic(this);\n    }\n  })\n});\n"
  },
  {
    "path": "addon/mixins/graph-requires-scale-source.js",
    "content": "import Mixin from '@ember/object/mixin';\nimport { computed } from '@ember/object';\n\nlet scaleProperty = function(scaleKey, zoomKey, offsetKey){\n  return computed(scaleKey, zoomKey, offsetKey, {\n    get() {\n      // console.log('HERE');\n      let scale = this.get(scaleKey);\n      let zoom = this.get(zoomKey);\n      let offset = this.get(offsetKey);\n\n      if(zoom === 1 && offset === 0) {\n        return scale;\n      }\n\n      let copy = scale.copy();\n      let domain = copy.domain();\n      copy.domain([domain[0] / zoom, domain[1] / zoom]);\n\n      let range = copy.range();\n      copy.range([range[0] - offset, range[1] - offset]);\n\n      return copy;\n    }\n  });\n};\n\n/**\n  Adds functionality to identify a parent control that will provide an x and\n  y scale, then adds scaling properties to the component it's mixed in to.\n  @namespace mixins\n  @class graph-requires-scale-source\n*/\nexport default Mixin.create({\n\n  /**\n    The scale source\n    @property scaleSource\n    @type d3.nf-graph\n    @default graph\n  */\n  scaleSource: computed(function() {\n    return this.get('graph');\n  }),\n\n  /**\n    The x scale used by this component\n    @property xScale\n    @type d3.scale\n    @readonly\n  */\n  xScale: scaleProperty('scaleSource.xScale', 'scaleZoomX', 'scaleOffsetX'),\n\n  /**\n    The y scale used by this component\n    @property yScale\n    @type d3.scale\n    @readonly\n  */\n  yScale: scaleProperty('scaleSource.yScale', 'scaleZoomY', 'scaleOffsetY'),\n\n  _scaleOffsetX: 0,\n\n  _scaleOffsetY: 0,\n\n  _scaleZoomX: 1,\n\n  _scaleZoomY: 1,\n\n  /**\n    The zoom multiplier for the x scale\n    @property scaleZoomX\n    @type Number\n    @default 1\n  */\n  scaleZoomX: computed({\n    get() {\n      return this._scaleZoomX || 1;\n    },\n    set(key, value) {\n      return this._scaleZoomX = +value || 1;\n    }\n  }),\n\n  /**\n    The zoom multiplier for the y scale\n    @property scaleZoomY\n    @type Number\n    @default 1\n  */\n  scaleZoomY: computed({\n    get() {\n      return this._scaleZoomY || 1;\n    },\n    set(key, value) {\n      return this._scaleZoomY = +value || 1;\n    }\n  }),\n\n  /**\n    The offset, in pixels, for the x scale\n    @property scaleOffsetX\n    @type Number\n    @default 0\n  */\n  scaleOffsetX: computed({\n    get() {\n      return this._scaleOffsetX || 0;\n    },\n    set(key, value) {\n      return this._scaleOffsetX = +value || 0;\n    }\n  }),\n\n  /**\n    The offset, in pixels, for the y scale\n    @property scaleOffsetY\n    @type Number\n    @default 0\n  */\n  scaleOffsetY: computed({\n    get() {\n      return this._scaleOffsetY || 0;\n    },\n    set(key, value) {\n      return this._scaleOffsetY = +value || 0;\n    }\n  })\n});\n"
  },
  {
    "path": "addon/mixins/graph-selectable-graphic.js",
    "content": "import { once } from '@ember/runloop';\nimport { observer } from '@ember/object';\nimport { on } from '@ember/object/evented';\nimport { alias } from '@ember/object/computed';\nimport Mixin from '@ember/object/mixin';\n\n/**\n  Adds functionality to a component to make it a selectable graphic\n  within it's parent nf-graph.\n  @namespace mixins\n  @class graph-selectable-graphic\n  @extends Ember.Mixin\n*/\nexport default Mixin.create({\n  _selected: false,\n\n  /**\n    Gets or sets whether or not the graphic is \"selectable\". Meaning can be \"selected\" on the nf-graph \n    via some action (usually click). The component will then show up in the nf-graph parent's selected \n    property.\n    @property selectable\n    @type Boolean\n    @default false\n  */\n  selectable: false,\n\n  /**\n    Gets or sets whether or not the graphic is selected.\n    @property selected\n    @type Boolean\n    @default false\n  */\n  selected: false,\n\n  /**\n    Alias of selected\n    @property isSelected\n    @deprecated use `selected`\n  */\n  isSelected: alias('selected'),\n\n  /**\n    Makes calls to the parent nf-graph to update it's\n    `selected` property. Observes changes to `selected` and also \n    fires on `didInsertElement`.\n    @method _updateGraphSelected\n    @private\n  */\n  _updateGraphSelected: on('didInsertElement', observer('selected', function() {\n    once(this, function(){\n      let selected = this.get('selected');\n      let graph = this.get('graph');\n      if(selected) {\n        graph.selectGraphic(this);\n      } else {\n        graph.deselectGraphic(this);\n      }\n    });\n  })),\n});"
  },
  {
    "path": "addon/styles/addon.css",
    "content": ".nf-graph-background {\n  fill: #f5f6f7;\n}\n\n.nf-graph text {\n  font-size: 10px;\n}\n\n.nf-graph * {\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  user-select: none;\n  -moz-user-drag: none;\n  -webkit-user-drag: none;\n  user-drag: none;\n}\n\n.nf-graph-content-background {\n  fill: #ffffff;\n}\n\n.nf-grid-lane:nth-child(even) {\n  fill: #f5f6f7;\n}\n\n.nf-grid-lane:nth-child(odd) {\n  fill: #ffffff;\n}\n\n.nf-grid-fret {\n  stroke: #d3dbdd;\n  stroke-width: .5;\n}\n\n.nf-x-axis-line {\n  stroke: #d3dbdd;\n  stroke-width: 1;\n}\n\n.nf-x-axis-tick text {\n  dominant-baseline: text-before-edge;\n  text-anchor: middle;\n}\n\n.nf-x-axis-tick-line {\n  stroke: #d3dbdd;\n  stroke-width: 1;\n}\n\n.nf-x-axis.orient-top .nf-x-axis-tick text {\n  dominant-baseline: auto;\n}\n\n.nf-y-axis-line {\n  stroke: #d3dbdd;\n  stroke-width: 1;\n}\n\n.nf-y-axis-tick text {\n  dominant-baseline: central;\n  text-anchor: end;\n}\n\n.nf-y-axis-tick-line {\n  stroke: #d3dbdd;\n  stroke-width: 1;\n}\n\n.nf-y-axis.orient-right .nf-y-axis-tick text {\n  text-anchor: start;\n}\n\n.nf-line-line {\n  stroke-width: 1;\n  fill: none;\n  cursor: default;\n  stroke: #ca0000;\n}\n\n.nf-line-interaction-mask {\n  fill: none;\n  stroke: transparent;\n  stroke-width: 15;\n  cursor: pointer;\n}\n\n.nf-line-tracking-dot {\n  visibility: visible;\n  cursor: default;\n}\n\n.nf-line.selectable .nf-line-tracking-dot {\n  cursor: pointer;\n}\n\n.nf-line.selected .nf-line-line {\n  stroke-width: 2;\n}\n\n.nf-area-area {\n  fill: rgba(255, 0, 0, 0.5);\n  stroke: none;\n  stroke-width: 0;\n}\n\n.nf-area-line {\n  stroke-width: 1px;\n  stroke: red;\n  fill: none;\n}\n\n.nf-area.selected .nf-area-line {\n  stroke-width: 2px;\n  stroke: blue;\n}\n\n.nf-area.selected .nf-area-area {\n  fill: rgba(0, 0, 255, 0.5);\n}\n\n.nf-area.selectable {\n  cursor: pointer;\n}\n\n.nf-area.selectable .nf-area-tracking-dot {\n  cursor: pointer;\n}\n\n.nf-area-tracking-dot {\n  visibility: visible;\n  cursor: default;\n}\n\n.nf-y-diff.positive .nf-y-diff-rect {\n  fill: lime;\n}\n\n.nf-y-diff.positive text {\n  fill: black;\n}\n\n.nf-y-diff.negative .nf-y-diff-rect {\n  fill: #ca0000;\n}\n\n.nf-y-diff.negative text {\n  fill: white;\n}\n\n.nf-y-diff-content text {\n  dominant-baseline: center;\n  text-anchor: start;\n}\n\n.nf-y-diff.orient-right .nf-y-diff-content text {\n  text-anchor: end;\n}\n\n.nf-right-tick-path {\n  fill: white;\n  stroke: #999999;\n  stroke-width: 1;\n}\n\n.nf-right-tick-line {\n  stroke: #999999;\n  stroke-width: 1;\n}\n\n.nf-crosshair-vertical {\n  stroke: #d3dbdd;\n  stroke-width: 1px;\n  visibility: visible;\n}\n\n.nf-crosshair-horizontal {\n  stroke: #d3dbdd;\n  stroke-width: 1px;\n  visibility: visible;\n}\n\n.nf-selection-box-rect {\n  fill: none;\n  stroke: #999999;\n  stroke-width: 1;\n}\n\n.nf-range-marker-marker {\n  fill: #ca0000;\n}\n\n.nf-range-marker-label text {\n  text-anchor: start;\n  dominant-baseline: hanging; }\n\n.nf-vertical-line {\n  stroke: #d3dbdd;\n  stroke-width: 1px; }\n\n.nf-horizontal-line {\n  stroke: #d3dbdd;\n  stroke-width: 1px; }\n\n.nf-brush-selection-overlay {\n  fill: rgba(153, 153, 153, 0.3); }\n\n.nf-brush-selection-line {\n  stroke-width: 1px;\n  stroke: #999999; }\n\n.nf-brush-selection-left-text-bg, .nf-brush-selection-right-text-bg {\n  fill: white; }\n\n.nf-brush-selection-left-text {\n  dominant-baseline: text-before-edge; }\n\n.nf-brush-selection-right-text {\n  dominant-baseline: text-before-edge; }\n"
  },
  {
    "path": "addon/templates/components/nf-area-stack.hbs",
    "content": "{{yield (hash\n\t\tarea=(component 'nf-area' stack=this graph=graph scaleSource=scaleSource )\n\t)\n}}\n"
  },
  {
    "path": "addon/templates/components/nf-area.hbs",
    "content": "<path class=\"nf-area-area\" d=\"{{d}}\"></path>\n<path class=\"nf-area-line\" d=\"{{dLine}}\"></path>\n{{#if showTrackingDot}}\n\t{{nf-dot class=\"nf-area-tracking-dot\" graph=graph scaleSource=scaleSource x=trackedData.renderX y=trackedData.renderY r=trackingDotRadius}}\n{{/if}}\n"
  },
  {
    "path": "addon/templates/components/nf-bars-group.hbs",
    "content": "{{yield (hash\n\t\tarea=(component 'nf-bars' graph=graph scaleSource=scaleSource group=this)\n\t)\n}}\n"
  },
  {
    "path": "addon/templates/components/nf-bars.hbs",
    "content": "{{#each bars as |bar|}}\n\t<path d=\"{{bar.path}}\" class=\"{{bar.className}}\" {{action 'nfBarClickBar' bar.data bar.index}}></path>\n{{/each}}\n\n{{#if showTrackingDot}}\n  {{nf-dot graph=graph scaleSource=scaleSource x=trackedData.renderX y=trackedData.renderY r=trackingDotRadius}}\n{{/if}}\n"
  },
  {
    "path": "addon/templates/components/nf-brush-selection.hbs",
    "content": "<rect class=\"nf-brush-selection-overlay\" x=\"0\" y=\"0\" width=\"{{leftX}}\" height=\"{{graphHeight}}\"></rect>\n<rect class=\"nf-brush-selection-overlay\" y=\"0\" x=\"{{rightX}}\" width=\"{{rightWidth}}\" height=\"{{graphHeight}}\"></rect>\n\n<line class=\"nf-brush-selection-line\" y1=\"0\" x1=\"{{leftX}}\" x2=\"{{leftX}}\" y2=\"{{graphHeight}}\"></line>\n<line class=\"nf-brush-selection-line\" y1=\"0\" x1=\"{{rightX}}\" x2=\"{{rightX}}\" y2=\"{{graphHeight}}\"></line>\n\n<g class=\"nf-brush-selection-left-display\">\n\t<rect class=\"nf-brush-selection-left-text-bg\"></rect>\n\t<text class=\"nf-brush-selection-left-text\"></text>\n</g>\n\n<g class=\"nf-brush-selection-right-display\">\n\t<rect class=\"nf-brush-selection-right-text-bg\"></rect>\n\t<text class=\"nf-brush-selection-right-text\"></text>\n</g>\n"
  },
  {
    "path": "addon/templates/components/nf-component.hbs",
    "content": "{{yield (component componentName graph=graph scaleSource=scaleSource)}}\n"
  },
  {
    "path": "addon/templates/components/nf-crosshairs.hbs",
    "content": "{{#if vertical}}\n  <line class=\"nf-crosshair-vertical\" x1=\"{{x}}\" x2=\"{{x}}\" y1=\"0\" y2=\"{{height}}\" />\n{{/if}}\n\n{{#if horizontal}}\n  <line class=\"nf-crosshair-horizontal\" x1=\"0\" x2=\"{{width}}\" y1=\"{{y}}\" y2=\"{{y}}\" />\n{{/if}}\n"
  },
  {
    "path": "addon/templates/components/nf-dot.hbs",
    "content": "{{yield}}\n"
  },
  {
    "path": "addon/templates/components/nf-graph-content.hbs",
    "content": "<rect x=0 y=0 class=\"nf-graph-content-background\" width=\"{{width}}\" height=\"{{height}}\"></rect>\n  {{#if graph.hasData}}\n    {{#if graph.showLanes}}\n      <g class=\"nf-grid-lanes\">\n        {{#each gridLanes as |lane|}}\n          <rect class=\"nf-grid-lane\" x=\"{{lane.x}}\" y=\"{{lane.y}}\" width=\"{{width}}\" height=\"{{lane.height}}\"></rect>\n        {{/each}}\n      </g>\n    {{/if}}\n\n    {{#if graph.showFrets}}\n      <g class=\"nf-grid-frets\">\n        {{#each frets as |fret|}}\n          <line class=\"nf-grid-fret\" x1=\"{{fret.x}}\" y1=\"0\" x2=\"{{fret.x}}\" y2=\"{{height}}\"></line>\n        {{/each}}\n      </g>\n    {{/if}}\n  {{/if}}\n\n  {{#unless graph.hasData}}\n    <text x=0 y=0>No data</text>\n  {{/unless}}\n\n\n{{#nf-graph-yieldables graph=graph scaleSource=graph as |yieldables|}}\n  {{yield yieldables}}\n{{/nf-graph-yieldables}}\n"
  },
  {
    "path": "addon/templates/components/nf-graph-yieldables.hbs",
    "content": "{{yield (hash\n    group=(component 'nf-group' graph=graph)\n    component=(component 'nf-component' graph=graph scaleSource=scaleSource)\n    crosshairs=(component 'nf-crosshairs' graph=graph)\n    selection-box=(component 'nf-selection-box' graph=graph scaleSource=scaleSource)\n    svg-image=(component 'nf-svg-image' graph=graph scaleSource=scaleSource)\n    svg-line=(component 'nf-svg-line' graph=graph scaleSource=scaleSource)\n    svg-path=(component 'nf-svg-path' graph=graph scaleSource=scaleSource)\n    svg-rect=(component 'nf-svg-rect' graph=graph scaleSource=scaleSource)\n    tracker=(component 'nf-tracker' graph=graph scaleSource=scaleSource)\n    range-markers=(component 'nf-range-markers' graph=graph scaleSource=scaleSource)\n    dot=(component 'nf-dot' graph=graph scaleSource=scaleSource)\n    line=(component 'nf-line' graph=graph scaleSource=scaleSource)\n    vertical-line=(component 'nf-vertical-line' graph=graph scaleSource=scaleSource)\n    horizontal-line=(component 'nf-horizontal-line' graph=graph scaleSource=scaleSource)\n    area=(component 'nf-area' graph=graph scaleSource=scaleSource)\n    area-stack=(component 'nf-area-stack' graph=graph scaleSource=scaleSource)\n    bars=(component 'nf-bars' graph=graph scaleSource=scaleSource)\n    bars-group=(component 'nf-bars-group' graph=graph scaleSource=scaleSource)\n    brush-selection=(component 'nf-brush-selection' graph=graph scaleSource=scaleSource)\n  )\n}}\n"
  },
  {
    "path": "addon/templates/components/nf-graph.hbs",
    "content": "<svg class=\"nf-graph\" width=\"{{width}}\" height=\"{{height}}\">\n\t<defs>\n\t\t<clipPath id=\"{{contentClipPathId}}\">\n\t\t\t<rect x=0 y=0 width=\"{{graphWidth}}\" height=\"{{graphHeight}}\"></rect>\n\t\t</clipPath>\n\t</defs>\n\n\t<rect class=\"nf-graph-background\" x=0 y=0 width=\"{{width}}\" height=\"{{height}}\"></rect>\n\n  {{yield (hash\n\t\t\tx-axis=(component 'nf-x-axis' graph=this scaleSource=this)\n\t\t\ty-axis=(component 'nf-y-axis' graph=this scaleSource=this)\n\t\t\tgraph=(component 'nf-graph-content' graph=this)\n\t\t\tright-tick=(component 'nf-right-tick' graph=this scaleSource=this)\n\t\t\ty-diff=(component 'nf-right-tick' graph=this scaleSource=this)\n\t\t\tcomponent=(component 'nf-component' graph=this scaleSource=this)\n\t\t)\n\t}}\n\n\n</svg>\n\n{{#if debug}}\n<div style=\"position:relative\">\n\t<pre style=\"position:absolute; z-index:1000\">{{debugInfo}}</pre>\n</div>\n{{/if}}\n"
  },
  {
    "path": "addon/templates/components/nf-group.hbs",
    "content": "{{#nf-graph-yieldables graph=graph scaleSource=this as |yieldables|}}\n  {{yield yieldables}}\n{{/nf-graph-yieldables}}\n"
  },
  {
    "path": "addon/templates/components/nf-horizontal-line.hbs",
    "content": "{{yield}}\n"
  },
  {
    "path": "addon/templates/components/nf-line.hbs",
    "content": "<path class=\"nf-line-line\" d=\"{{d}}\"></path>\n{{#if selectable}}\n\t<path class=\"nf-line-interaction-mask\" d=\"{{d}}\"></path>\n{{/if}}\n\n{{#if showTrackingDot}}\n\t{{nf-dot class=\"nf-line-tracking-dot\" graph=graph scaleSource=scaleSource x=trackedData.renderX y=trackedData.renderY r=trackingDotRadius}}\n{{/if}}\n"
  },
  {
    "path": "addon/templates/components/nf-plot.hbs",
    "content": "{{yield}}\n"
  },
  {
    "path": "addon/templates/components/nf-plots.hbs",
    "content": "{{#each plotData as |item|}}\n\t{{#nf-plot graph=graph scaleSource=scaleSource x=item.x y=item.y action='itemClicked' data=item.data multiplierY=multiplierY multiplierX=multiplierX}}\n\t\t{{yield}}\n\t{{/nf-plot}}\n{{/each}}\n"
  },
  {
    "path": "addon/templates/components/nf-range-marker.hbs",
    "content": "<g class=\"nf-range-marker-label\" transform=\"{{labelTransform}}\">{{yield}}</g>\n<rect class=\"nf-range-marker-marker\" y=\"{{marginTop}}\" x=\"{{x}}\" width=\"{{width}}\" height=\"{{height}}\"></rect>"
  },
  {
    "path": "addon/templates/components/nf-range-markers.hbs",
    "content": "{{yield (hash\n\t\trange-marker=(component 'nf-range-marker' container=this graph=graph scaleSource=scaleSource)\n\t)\n}}\n"
  },
  {
    "path": "addon/templates/components/nf-right-tick.hbs",
    "content": "<line class=\"nf-right-tick-line\" x1=\"{{graph.width}}\" x2=\"{{graph.width}}\" y1=\"0\" y2=\"{{graph.height}}\"></line>\n<path class=\"nf-right-tick-path\" d=\"M6,0 0,6 6,12\"></path>"
  },
  {
    "path": "addon/templates/components/nf-selection-box.hbs",
    "content": "{{yield}}\n"
  },
  {
    "path": "addon/templates/components/nf-svg-image.hbs",
    "content": "{{yield}}\n"
  },
  {
    "path": "addon/templates/components/nf-svg-line.hbs",
    "content": "{{yield}}\n"
  },
  {
    "path": "addon/templates/components/nf-svg-path.hbs",
    "content": "{{yield}}\n"
  },
  {
    "path": "addon/templates/components/nf-svg-rect.hbs",
    "content": "{{yield}}\n"
  },
  {
    "path": "addon/templates/components/nf-tick-label.hbs",
    "content": "{{yield}}\n"
  },
  {
    "path": "addon/templates/components/nf-tracker.hbs",
    "content": "{{yield trackedData}}"
  },
  {
    "path": "addon/templates/components/nf-vertical-line.hbs",
    "content": "{{yield}}\n"
  },
  {
    "path": "addon/templates/components/nf-x-axis.hbs",
    "content": "<line class=\"nf-x-axis-line\" x1=\"0\" y1=\"{{axisLineY}}\" x2=\"{{width}}\" y2=\"{{axisLineY}}\"></line>\n\n{{#each ticks as |tick|}}\n  <g class=\"nf-x-axis-tick\">\n    {{#if hasBlock}}\n      {{#nf-tick-label x=tick.x y=tick.labely}}\n        {{yield tick}}\n      {{/nf-tick-label}}\n    {{else}}\n      {{#nf-tick-label x=tick.x y=tick.labely}}\n        <text>{{tick.value}}</text>\n      {{/nf-tick-label}}\n    {{/if}}\n\n    <line class=\"nf-x-axis-tick-line\" x1=\"{{tick.x}}\" y1=\"{{tick.y1}}\" x2=\"{{tick.x}}\" y2=\"{{tick.y2}}\"></line>\n  </g>\n{{/each}}\n"
  },
  {
    "path": "addon/templates/components/nf-y-axis.hbs",
    "content": "<line class=\"nf-y-axis-line\" x1=\"{{axisLineX}}\" y1=\"0\" x2=\"{{axisLineX}}\" y2=\"{{height}}\"></line>\n\n{{#each ticks as |tick|}}\n  <g class=\"nf-y-axis-tick\">\n    {{#if hasBlock}}\n      {{#nf-tick-label x=tick.labelx y=tick.y}}\n        {{yield tick}}\n      {{/nf-tick-label}}\n    {{else}}\n      {{#nf-tick-label x=tick.labelx y=tick.y}}\n        <text>{{tick.value}}</text>\n      {{/nf-tick-label}}\n    {{/if}}\n\n    <line class=\"nf-y-axis-tick-line\" x1=\"{{tick.x1}}\" y1=\"{{tick.y}}\" x2=\"{{tick.x2}}\" y2=\"{{tick.y}}\"></line>\n  </g>\n{{/each}}\n"
  },
  {
    "path": "addon/templates/components/nf-y-diff.hbs",
    "content": "<g class=\"nf-y-diff-content\">\n\t{{yield}}\n</g>"
  },
  {
    "path": "addon/utils/nf/array-helpers.js",
    "content": "/**\n  @module utils/nf/array-helpers\n*/\n\n/**\n  returns whatever you pass into it.\n  @method identity\n  @param x {Any}\n  @private\n  @return {Any} x\n*/\nfunction identity(x) {\n  return x;\n}\n\n/**\n  Performs a binary search on the array and finds the nearest index to the value passed.\n  @method nearestIndexTo\n  @param arr {Array} the *sorted* array to search.\n  @param val {Number} the value to find the nearest index to.\n  @param mappingFn {Function} an optional function for pulling values out of the\n  array items.\n*/\nexport function nearestIndexTo(arr, val, mappingFn) {\n  mappingFn = mappingFn || identity;\n  let startIndex  = 0;\n  let stopIndex = arr.length - 1;\n  let middle = (stopIndex + startIndex) / 2;\n  let a = Math.floor(middle);\n  let b = Math.floor(middle + 1);\n\n  let getItem = function(i){\n    return mappingFn(arr[i]);\n  };\n\n  let av = getItem(a);\n  let bv = getItem(b);\n\n  while(!(av <= val && val <= bv) && startIndex < stopIndex){\n\n    if (val < av){\n        stopIndex = middle - 1;\n    } else if (val > av){\n        startIndex = middle + 1;\n    }\n\n    middle = (stopIndex + startIndex) / 2;\n    a = Math.floor(middle);\n    b = Math.floor(middle + 1);\n    av = getItem(a);\n    bv = getItem(b);\n  }\n\n  return (Math.abs(val - av) < Math.abs(val - bv)) ? a : b;\n}\n\nlet NATURAL_SORT_REGEXP = /[+-]?\\d+\\.?\\d*|\\S+/g;\n\n/**\n  breaks a string into an array of tokens in preparation for natural\n  comparison and sorting.\n  @method naturalTokenize\n  @param item {String} the value to tokenize\n  @return {Array} an array of tokens found in the item\n  @private\n*/\nfunction naturalTokenize(item) {\n  NATURAL_SORT_REGEXP.lastIndex = 0;\n  let matches;\n  let tokens = [];\n  while(matches === NATURAL_SORT_REGEXP.exec(item)) {\n    tokens.push(matches[0]);\n  }\n  return tokens;\n}\n\n/**\n  A JavaScript sorting predicate for natural sorting.\n  @method naturalCompare\n  @param a {Any} the value to compare to b\n  @param b {Any} the value to compare to a\n  @return {Number} `-1`, `0` or `1` if a is less than, equal to, or\n    greater than b, respectively.\n*/\nexport function naturalCompare(a, b) {\n  let aTokens = naturalTokenize(a);\n  let bTokens = naturalTokenize(b);\n  let i = 0, bx, ax, na, nb;\n\n  while((ax = aTokens[i]) && (bx = bTokens[i++])) {\n    na = +ax;\n    nb = +bx;\n\n    if(nb === nb && na === na) {\n      if(na !== nb) {\n         return na > nb ? 1 : -1;\n      } else {\n        if(ax.length !== bx.length) {\n          return ax.length > bx.length ? 1 : -1;\n        }\n      }\n    }\n\n    if(ax !== bx) {\n      return ax > bx ? 1 : -1;\n    }\n  }\n\n  return 0;\n}\n\n/**\n  Sorts the array \"naturally\". Meaning taking into account both\n  alphabetical and numeric sorting within strings.\n\n  @method natualSort\n  @param arr {Array} the array to sort\n*/\nexport function naturalSort(arr) {\n  arr.sort(naturalCompare);\n}\n\nexport function sliceArrayLike(arrayLike, from, to) {\n  return Array.prototype.slice.call(arrayLike, from, to);\n}\n\nexport function toArray() {\n  return sliceArrayLike(arguments);\n}\n"
  },
  {
    "path": "addon/utils/nf/graph-event.js",
    "content": "import GraphPosition from './graph-position';\n\n/**\n  Event object for graph events\n  @namespace utils.nf\n  @class graph-event\n  @extends graph-position\n*/\nexport default GraphPosition.extend({\n  /**\n    The original event that triggered this event or action\n    @property originalEvent\n    @type Event\n    @default null\n  */\n  originalEvent: null,\n\n  /**\n    A data value passed with the event\n    @property data\n    @type any\n    @default null\n  */\n  data: null,\n});"
  },
  {
    "path": "addon/utils/nf/graph-mouse-event.js",
    "content": "import { reads } from '@ember/object/computed';\nimport { computed } from '@ember/object';\nimport GraphPosition from './graph-position';\nimport { getMousePoint } from './svg-dom';\n\n/**\n  An event context object generally returned by tracking events. Also used as\n  `trackedData` in components such as `nf-line`, `nf-area` and `nf-bars`.\n\n  @namespace utils.nf\n  @class graph-mouse-event\n  @extends graph-position\n*/\nexport default GraphPosition.extend({\n  /**\n    The original event that triggered the action or ember event\n    @property originalEvent\n    @type MouseEvent\n    @default null\n  */\n  originalEvent: null,\n\n  /**\n    Method used to get the mouse position relative to a container\n    @method _getMousePoint\n    @private\n  */\n  _getMousePoint: getMousePoint,\n\n  /**\n    The coordinates of the mouse relative to eh nf-graph-content\n    @property _mousePoint\n    @type Object\n    @readonly\n    @private\n  */\n  _mousePoint: computed('originalEvent', 'graphContentElement', {\n    get() {\n      return this._getMousePoint(this.get('graphContentElement'), this.get('originalEvent'));\n    }\n  }),\n\n  /**\n    The nf-graph-content element of the nf-graph\n    @property graphContentElement\n    @type SVGGElement\n    @readonly\n  */\n  graphContentElement: null,\n\n  /**\n    The mouse x position relative to the graph content\n    @property mouseX\n    @type Number\n    @readonly\n  */\n  mouseX: reads('_mousePoint.x'),\n\n  /**\n    The mouse y position relative to the graph content\n    @property mouseY\n    @type Number\n    @readonly\n  */\n  mouseY: reads('_mousePoint.y'),\n\n  /**\n    A positioning object for the mouse position\n    @property mousePosition\n    @type graph-position\n    @readonly\n  */\n  mousePosition: computed('mouseX', 'mouseY', 'source', 'graph', {\n    get() {\n      return GraphPosition.create({\n        graphX: this.get('mouseX'),\n        graphY: this.get('mouseY'),\n        source: this.get('source'),\n        graphContentElement: this.get('graphContentElement'),\n      });\n    }\n  }),\n\n  /**\n    The raw data point nearest the mouse.graphX position\n    @property nearestDataPoint\n    @type Array\n    @readonly\n  */\n  nearestDataPoint: computed('source', 'mouse.graphX', {\n    get() {\n      let mouseX = this.get('mouseX');\n      let source = this.get('source');\n      return source ? source.getDataNearXRange(mouseX) : undefined;\n    }\n  }),\n\n  /**\n    The x domain value at the nearest data point to the mouse position\n    along the x axis.\n    @property x\n    @readonly\n  */\n  x: computed('nearestDataPoint', {\n    get() {\n      let nearestDataPoint = this.get('nearestDataPoint');\n      this._x =  nearestDataPoint ? nearestDataPoint[0] : undefined;\n      return this._x;\n    }\n  }),\n\n  /**\n    The y domain value at the nearest data point to the mouse position\n    along the x axis.\n    @property y\n    @readonly\n  */\n  y: computed('nearestDataPoint', {\n    get() {\n      let nearestDataPoint = this.get('nearestDataPoint');\n      this._y = nearestDataPoint ? nearestDataPoint[1] : undefined;\n      return this._y;\n    }\n  }),\n\n  /**\n    The data carried by the nearest data point to the mouse position\n    along the x axis.\n    @property data\n    @readonly\n  */\n  data: reads('nearestDataPoint.data'),\n});\n"
  },
  {
    "path": "addon/utils/nf/graph-position.js",
    "content": "import { reads } from '@ember/object/computed';\nimport EmberObject, { computed } from '@ember/object';\n\n/**\n  Position calculation class for nf-graph related events\n  @namespace utils.nf\n  @class graph-position\n  @extends Ember.Object\n*/\nexport default EmberObject.extend({\n  /**\n    @property graph\n    @type component.nf-graph\n    @default null\n  */\n  graph: null,\n\n  /**\n    @property source\n    @type Ember.Component\n  */\n  source: null,\n\n  /**\n    The x position relative to graph\n    @property graphX\n    @type Number\n  */\n  graphX: computed('x', 'xScale', {\n    get() {\n      let scale = this.get('xScale');\n      if(scale) {\n        let x = this.get('x');\n        this._graphX = scale(x);\n      }\n      return this._graphX || NaN;\n    },\n    set(key, value) {\n      return this._graphX = value || NaN;\n    }\n  }),\n\n  /**\n    The y position relative to graph\n    @property graphY\n    @type Number\n  */\n  graphY: computed('y', 'yScale', {\n    get() {\n      let scale = this.get('yScale');\n      if(scale) {\n        let y = this.get('y');\n        this._graphY = scale(y);\n      }\n      return this._graphY || NaN;\n    },\n    set(key, value) {\n      return this._graphY = value || NaN;\n    }\n  }),\n\n  /**\n    The x domain value\n    @property x\n    @type Number\n  */\n  x: computed('graphX', 'xScale', {\n    get() {\n      let scale = this.get('xScale');\n      if (scale && scale.invert){\n        let graphX = this.get('graphX');\n        this._x = scale.invert(graphX);\n      }\n      return this._x || 0;\n    },\n    set(key, value) {\n      return this._x = value;\n    }\n  }),\n\n  /**\n    The y domain value\n    @property y\n    @type Number\n  */\n  y: computed('graphY', 'yScale', {\n    get() {\n      let scale = this.get('yScale');\n      if (scale && scale.invert){\n        let graphY = this.get('graphY');\n        this._y = scale.invert(graphY);\n      }\n      return this._y || 0;\n    },\n    set(key, value) {\n      return this._y = value;\n    }\n  }),\n\n  /**\n    The x position relative to the document\n    @property pageX\n    @type Number\n  */\n  pageX: computed('graphX', 'graphOffset', 'graphContentX', {\n    get() {\n      let offset = this.get('graphOffset');\n      if(offset) {\n        let graphX = this.get('graphX') || 0;\n        let graphContentX = this.get('graphContentX') || 0;\n        return offset.left + graphX + graphContentX;\n      }\n    }\n  }),\n\n  /**\n    The y position relative to the document\n    @property pageY\n    @type Number\n  */\n  pageY: computed('graphY', 'graphOffset', 'graphContentY', {\n    get() {\n      let offset = this.get('graphOffset');\n      if(offset) {\n        let graphY = this.get('graphY') || 0;\n        let graphContentY = this.get('graphContentY') || 0;\n        return offset.top + graphY + graphContentY;\n      }\n    }\n  }),\n\n  /**\n    The x scale from either the source or graph used to calculate positions\n    @property xScale\n    @type d3.scale\n    @readonly\n  */\n  xScale: computed('graph.xScale', 'source.xScale', {\n    get() {\n      return this.get('source.xScale') || this.get('graph.xScale');\n    }\n  }),\n\n  /**\n    The y scale from either the source or graph used to calculate positions\n    @property yScale\n    @type d3.scale\n    @readonly\n  */\n  yScale: computed('graph.yScale', 'source.yScale', {\n    get() {\n      return this.get('source.yScale') || this.get('graph.yScale');\n    }\n  }),\n\n  /**\n    The JQuery offset of the graph element\n    @property graphOffset\n    @type Object\n    @readonly\n  */\n  graphOffset: computed('graph', {\n    get() {\n      let graph = this.get('graph');\n      if(graph) {\n        let content = graph.$('.nf-graph-content');\n        return content ? content.offset() : undefined;\n      }\n    }\n  }),\n\n  /**\n    The center point at x. Use in case of requiring a center point\n    and using ordinal scale.\n    @property centerX\n    @type Number\n  */\n  centerX: computed('xScale', 'graphX', {\n    get() {\n      let scale = this.get('xScale');\n      let graphX = this.get('graphX');\n      if(scale && scale.rangeBand) {\n        let rangeBand = scale.rangeBand();\n        return graphX + (rangeBand / 2);\n      }\n      return graphX;\n    }\n  }),\n\n  /**\n    The center point at y. Use in case of requiring a center point\n    and using ordinal scale.\n    @property centerY\n    @type Number\n  */\n  centerY: computed('yScale', 'graphY', {\n    get() {\n      let scale = this.get('yScale');\n      let graphY = this.get('graphY');\n      if(scale && scale.rangeBand) {\n        let rangeBand = scale.rangeBand();\n        return graphY + (rangeBand / 2);\n      }\n      return graphY;\n    }\n  }),\n\n  /**\n    The x position of the nf-graph-content within the nf-graph\n    @property _graphContentX\n    @type Number\n    @private\n  */\n  graphContentX: reads('graph.graphX'),\n\n  /**\n    The y position of the nf-graph-content within the nf-graph\n    @property _graphContentY\n    @type Number\n    @private\n  */\n  graphContentY: reads('graph.graphY'),\n});\n"
  },
  {
    "path": "addon/utils/nf/scale-utils.js",
    "content": "/**\n  utilities for dealing with d3 scales\n  @namespace utils.nf\n  @module scale-utils\n*/\n\n/**\n  Ensures the output of a scale function is something palatable by SVG.\n  @method normalizeScale\n  @param scale {d3.scale} the scale to use to get the value\n  @param val {any} the value to transform with the scale\n  @return {Number} the output of the scale function, but if NaN, it will return 0.\n*/\nfunction normalizeScale(scale, val) {\n  return (scale ? scale(val) : 0) || 0;\n}\n\nexport { normalizeScale };"
  },
  {
    "path": "addon/utils/nf/scroll-area-action-context.js",
    "content": "import EmberObject, { computed } from '@ember/object';\n\n/**\n  Action context event object for an nf-scroll-area scroll event.\n  @namespace utils.nf\n  @class scroll-area-action-context\n*/\nexport default EmberObject.extend({\n  /**\n    The scroll top in pixels.\n    @property scrollTop\n    @type Number\n    @default 0\n  */\n  scrollTop: 0,\n\n  /**\n    The scroll height of the element.\n    @property scrollHeight\n    @type number\n    @default 0\n  */\n  scrollHeight: 0,\n\n  /**\n    The outer height of the element\n    @property outerHeight\n    @type Number\n    @default 0\n  */\n  outerHeight: 0,\n\n  /**\n    The scroll left in pixels.\n    @property scrollLeft\n    @type Number\n    @default 0\n  */\n  scrollLeft: 0,\n\n  /**\n    The scroll width of the element.\n    @property scrollWidth\n    @type number\n    @default 0\n  */\n  scrollWidth: 0,\n\n  /**\n    The outer width of the element\n    @property outerWidth\n    @type Number\n    @default 0\n  */\n  outerWidth: 0,\n\n  /**\n    The calculated maximum value for scrollTop in pixels.\n    @property scrollTopMax\n    @type Number\n    @readonly\n  */\n  scrollTopMax: computed('outerHeight', 'scrollHeight', {\n    get() {\n      return this.get('scrollHeight') - this.get('outerHeight');\n    }\n  }),\n\n  /**\n    The calculated percentage, in decimals, of content scrolled.\n    @property scrollTopPercentage\n    @type Number\n    @readonly\n  */\n  scrollTopPercentage: computed('scrollTop', 'scrollTopMax', {\n    get() {\n      return this.get('scrollTop') / this.get('scrollTopMax');\n    }\n  }),\n\n  /**\n    The calculated maximum value for scrollTop in pixels.\n    @property scrollLeftMax\n    @type Number\n    @readonly\n  */\n  scrollLeftMax: computed('outerWidth', 'scrollWidth', {\n    get() {\n      return this.get('scrollWidth') - this.get('outerWidth');\n    }\n  }),\n\n  /**\n    The calculated percentage, in decimals, of content scrolled.\n    @property scrollLeftPercentage\n    @type Number\n    @readonly\n  */\n  scrollLeftPercentage: computed('scrollLeft', 'scrollLeftMax', {\n    get() {\n      return this.get('scrollLeft') / this.get('scrollLeftMax');\n    }\n  }),\n\n  /**\n    The component that fired the event\n    @property source\n    @type Ember.Component\n    @default null\n  */\n  source: null,\n\n  /**\n    The optional data to send with the action\n    @property data\n    @default null\n  */\n  data: null,\n\n  /**\n    The original scroll event object\n    @property originalEvent\n    @type Event\n    @default null\n  */\n  originalEvent: null,\n});\n"
  },
  {
    "path": "addon/utils/nf/svg-dom.js",
    "content": "/* globals getComputedStyle, Image, Blob, URL */\nimport { isPresent } from '@ember/utils';\n\n/**\n  Traverses an element and all of its descendants, setting their\n  inline style property to whatever the computed style is.\n  @method inlineAllStyles\n  @param element {Element} the dom element to traverse.\n  @private\n*/\nfunction inlineAllStyles(element) {\n  let styles = getComputedStyle(element);\n  for(let key in styles) {\n    if(styles.hasOwnProperty(key)) {\n      element.style[key] = styles[key];\n    }\n  }\n\n  for(let i = 0; i < element.childNodes.length; i++) {\n    let node = element.childNodes[i];\n    if(node.nodeType === 1) {\n      inlineAllStyles(node);\n    }\n  }\n}\n\n/**\n  Renders an SVG element to a Base64 encoded data URI.\n  @method svgToImageUrl\n  @param svg {SVGSVGElement} the svg element to render\n*/\nexport function svgToImageUrl(svg, callback) {\n  let clone = svg.cloneNode(true);\n  let parent = svg.parentElement;\n\n  let canvas = document.createElement('canvas');\n  canvas.setAttribute('width', svg.getAttribute('width'));\n  canvas.setAttribute('height', svg.getAttribute('height'));\n  let context = canvas.getContext('2d');\n\n  parent.insertBefore(clone, svg);\n  clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n\n  inlineAllStyles(clone);\n\n  let img = new Image();\n  let blob = new Blob([clone.outerHTML], { type: 'image/svg+xml;charset=utf-8' });\n  clone.remove();\n  let url = URL.createObjectURL(blob);\n\n  img.onload = function(){\n    context.drawImage(img, 0, 0);\n    URL.revokeObjectURL(url);\n    if(callback) {\n      callback(canvas.toDataURL());\n    }\n    canvas.remove();\n  };\n\n  img.src = url;\n}\n\n/**\n  Triggers a download of an image rendered from the passed svg document\n  @method downloadSvg\n  @param svg {SVGSVGElement} the svg document to render\n*/\nexport function downloadSvg(svg) {\n  svgToImageUrl(svg, function(url) {\n    let dlUrl = url.replace('image/png', 'image/octet-stream');\n    location.href = dlUrl;\n  });\n}\n\n/**\n  @method getMousePoint\n  @param container {SVGElement} the container reference to get the mouse position from\n  @param e {MouseEvent} A DOM mouse event\n  @return {Object} the {x, y} data of the mouse position relative to the container\n*/\nexport function getMousePoint(container, e) {\n  let x, y;\n\n  if(e && isPresent(e.clientX) && isPresent(e.clientY)) {\n    let svg = container.ownerSVGElement || container;\n    if (svg.createSVGPoint) {\n      let point = svg.createSVGPoint();\n      point.x = e.clientX;\n      point.y = e.clientY;\n      point = point.matrixTransform(container.getScreenCTM().inverse());\n      x = point.x;\n      y = point.y;\n    } else {\n      let rect = container.getBoundingClientRect();\n      x = e.clientX - rect.left - container.clientLeft;\n      y = e.clientY - rect.top - container.clientTop;\n    }\n  }\n\n  return {\n    x: x,\n    y: y,\n  };\n}\n\n/**\n  Creates an SVG path string for a rectangle\n  @method getRectPath\n  @param x the x position of the rectangle\n  @param y {Number} the y position of the rectangle\n  @param w {Number} the width of the rectangle\n  @param h {Number} the height of the rectangle\n  @return {String} the svg path string for the rectangle\n*/\nexport function getRectPath(x, y, w, h) {\n  x = +x || 0;\n  y = +y || 0;\n  w = +w || 0;\n  h = +h || 0;\n  let x2 = w + x;\n  let y2 = h + y;\n  return `M${x},${y} L${x},${y2} L${x2},${y2} L${x2},${y} L${x},${y}`;\n}\n"
  },
  {
    "path": "addon/utils/nf/tracked-array-property.js",
    "content": "import { keys } from '@ember/polyfills';\nimport { isArray, A } from '@ember/array';\nimport { computed, get, set } from '@ember/object';\n\nfunction trackedArrayProperty(arraySourceProp, trackByProp, backingField) {\n  let arraySourceDependency = arraySourceProp + '.[]';\n\n  backingField = backingField || '_%@_trackBy_%@'.fmt(arraySourceProp, trackByProp);\n\n  return computed(arraySourceDependency, {\n    get() {\n      let array = this.get(backingField);\n\n      if(!isArray(array)){\n        array = A();\n      }\n\n      let trackBy = trackByProp ? this.get(trackByProp) : null;\n      let keyFn = !trackBy ? function(d, i) {\n        return i;\n      } : function(d) {\n        return get(d, trackBy);\n      };\n\n      let source = this.get(arraySourceProp);\n\n      if(!isArray(source) || source.length === 0) {\n        array = A();\n      } else {\n        let sourceKeys = [];\n        source.forEach(function(d, i) {\n          let key = keyFn(d, i);\n          sourceKeys.pushObject(key);\n\n          let found = array.find(function(x, i) {\n            return keyFn(x, i) === key;\n          });\n\n          set(d, '__meta__trackedKey', key);\n\n          if(found) {\n            keys(d).forEach(function(k) {\n              let v = get(d, k);\n              if(get(found, k) !== v) {\n                set(found, k, v);\n              }\n            });\n          } else {\n            array.pushObject(d);\n          }\n        });\n\n        let d, i;\n        for(i = array.length - 1; i >= 0; i--) {\n          d = array[i];\n          let key = keyFn(d, i);\n          if(sourceKeys.indexOf(key) === -1) {\n            array.removeObject(d);\n          }\n        }\n      }\n\n      this.set(backingField, array);\n\n      return array;\n    }\n  });\n}\n\nexport default trackedArrayProperty;\n"
  },
  {
    "path": "addon/utils/parse-property-expression.js",
    "content": "/**\n  A function that will parse a path expression into a \"getter\" function that\n  can retrieve a value from that path off of any object when called.\n\n  ### Example\n        \n        import parsePropertyExpr from 'utils/parse-property-expr';\n\n        let test = { foo: { bar: ['apple', 'banana'] } };\n        let getFooBar1 = parsePropertyExpr('foo.bar[1]');\n        let result = getFooBar1(test);\n        console.log(result); // \"banana\"\n\n  ### Notes\n\n  Will return `undefined` if the nothing is at the end of the path, or the\n  path cannot be reached.\n\n  @namespace utils\n  @class parse-property-expression\n*/\n\n\n/**  \n  @method default\n  @param expr {String} the expression to parse\n  @return {Function} a function that when called with an object,\n  will locate the value at the end of the expressed path.\n*/\nexport default function parsePropertyExpression(expr) {\n  let c, i;\n  let isIndex = false;\n  let token = '';\n  let tokens = [];\n  let addToken = function(){\n    if(token === '') {\n      return;\n    }\n    if(isIndex) {\n      token = +token;\n    }\n    tokens.push(token);\n    token = '';\n    isIndex = c === '[';    \n  };\n  \n  for(i = 0; i < expr.length; i++) {\n    c = expr[i];\n    if('[].'.indexOf(c) >= 0) {\n      addToken();\n    } else {\n      token += c;\n    }\n  }\n  \n  addToken();\n  \n  return function(obj){\n    let i, next;\n    let result = obj[tokens[0]];\n    if(result) {\n      for(i = 1; i < tokens.length; i++) {\n        next = result[tokens[i]];\n        if(typeof next !== 'object') {\n          return next;\n        }\n        result = next;\n      }\n    }\n    return result;\n  };\n}"
  },
  {
    "path": "app/.gitkeep",
    "content": ""
  },
  {
    "path": "app/components/.gitignore",
    "content": "node_modules"
  },
  {
    "path": "app/components/nf-area-stack.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-area-stack';\n"
  },
  {
    "path": "app/components/nf-area.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-area';\n"
  },
  {
    "path": "app/components/nf-bars-group.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-bars-group';\n"
  },
  {
    "path": "app/components/nf-bars.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-bars';\n"
  },
  {
    "path": "app/components/nf-brush-selection.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-brush-selection';\n"
  },
  {
    "path": "app/components/nf-component.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-component';"
  },
  {
    "path": "app/components/nf-crosshairs.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-crosshairs';\n"
  },
  {
    "path": "app/components/nf-dot.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-dot';\n"
  },
  {
    "path": "app/components/nf-graph-content.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-graph-content';\n"
  },
  {
    "path": "app/components/nf-graph-yieldables.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-graph-yieldables';\n"
  },
  {
    "path": "app/components/nf-graph.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-graph';\n"
  },
  {
    "path": "app/components/nf-group.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-group';\n"
  },
  {
    "path": "app/components/nf-horizontal-line.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-horizontal-line';\n"
  },
  {
    "path": "app/components/nf-line.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-line';\n"
  },
  {
    "path": "app/components/nf-plot.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-plot';\n"
  },
  {
    "path": "app/components/nf-plots.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-plots';\n"
  },
  {
    "path": "app/components/nf-range-marker.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-range-marker';\n"
  },
  {
    "path": "app/components/nf-range-markers.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-range-markers';\n"
  },
  {
    "path": "app/components/nf-right-tick.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-right-tick';\n"
  },
  {
    "path": "app/components/nf-selection-box.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-selection-box';\n"
  },
  {
    "path": "app/components/nf-svg-image.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-svg-image';\n"
  },
  {
    "path": "app/components/nf-svg-line.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-svg-line';\n"
  },
  {
    "path": "app/components/nf-svg-path.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-svg-path';\n"
  },
  {
    "path": "app/components/nf-svg-rect.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-svg-rect';\n"
  },
  {
    "path": "app/components/nf-tick-label.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-tick-label';\n"
  },
  {
    "path": "app/components/nf-tracker.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-tracker';\n"
  },
  {
    "path": "app/components/nf-vertical-line.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-vertical-line';\n"
  },
  {
    "path": "app/components/nf-x-axis.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-x-axis';\n"
  },
  {
    "path": "app/components/nf-y-axis.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-y-axis';\n"
  },
  {
    "path": "app/components/nf-y-diff.js",
    "content": "export { default } from 'ember-nf-graph/components/nf-y-diff';\n"
  },
  {
    "path": "config/ember-try.js",
    "content": "module.exports = {\n  scenarios: [\n    {\n      name: 'ember-lts-2.12',\n      npm: {\n        devDependencies: {\n          'ember-source': '~2.12.0'\n        }\n      }\n    },\n    {\n      name: 'ember-lts-2.16',\n      npm: {\n        devDependencies: {\n          'ember-source': '~2.16.0'\n        }\n      }\n    },\n    {\n      name: 'ember-release',\n      bower: {\n        dependencies: {\n          'ember': 'components/ember#release'\n        },\n        resolutions: {\n          'ember': 'release'\n        }\n      },\n      npm: {\n        devDependencies: {\n          'ember-source': null\n        }\n      }\n    },\n    {\n      name: 'ember-beta',\n      bower: {\n        dependencies: {\n          'ember': 'components/ember#beta'\n        },\n        resolutions: {\n          'ember': 'beta'\n        }\n      },\n      npm: {\n        devDependencies: {\n          'ember-source': null\n        }\n      }\n    },\n    {\n      name: 'ember-canary',\n      bower: {\n        dependencies: {\n          'ember': 'components/ember#canary'\n        },\n        resolutions: {\n          'ember': 'canary'\n        }\n      },\n      npm: {\n        devDependencies: {\n          'ember-source': null\n        }\n      }\n    },\n    {\n      name: 'ember-default',\n      npm: {\n        devDependencies: {}\n      }\n    }\n  ]\n};\n"
  },
  {
    "path": "config/environment.js",
    "content": "'use strict';\n\nmodule.exports = function(/* environment, appConfig */) {\n  return { };\n};\n"
  },
  {
    "path": "docs/api.js",
    "content": "YUI.add(\"yuidoc-meta\", function(Y) {\n   Y.YUIDoc = { meta: {\n    \"classes\": [\n        \"components.nf-area\",\n        \"components.nf-area-stack\",\n        \"components.nf-bars\",\n        \"components.nf-crosshair\",\n        \"components.nf-dot\",\n        \"components.nf-gg\",\n        \"components.nf-graph\",\n        \"components.nf-graph-content\",\n        \"components.nf-horizontal-line\",\n        \"components.nf-line\",\n        \"components.nf-plot\",\n        \"components.nf-range-marker\",\n        \"components.nf-range-markers\",\n        \"components.nf-right-tick\",\n        \"components.nf-selection-box\",\n        \"components.nf-svg-image\",\n        \"components.nf-svg-line\",\n        \"components.nf-svg-path\",\n        \"components.nf-svg-rect\",\n        \"components.nf-tracker\",\n        \"components.nf-vertical-line\",\n        \"components.nf-x-axis\",\n        \"components.nf-y-axis\",\n        \"components.nf-y-diff\",\n        \"mixins.graph-area-utils\",\n        \"mixins.graph-data-graphic\",\n        \"mixins.graph-has-graph-parent\",\n        \"mixins.graph-line-utils\",\n        \"mixins.graph-registered-graphic\",\n        \"mixins.graph-requires-scale-source\",\n        \"mixins.graph-selectable-graphic\",\n        \"utils.nf.graph-event\",\n        \"utils.nf.graph-mouse-event\",\n        \"utils.nf.graph-position\",\n        \"utils.nf.scroll-area-action-context\",\n        \"utils.parse-property-expression\"\n    ],\n    \"modules\": [\n        \"scale-utils\",\n        \"utils_nf_array-helpers\",\n        \"utils_nf_svg-dom\"\n    ],\n    \"allModules\": [\n        {\n            \"displayName\": \"scale-utils\",\n            \"name\": \"scale-utils\",\n            \"description\": \"utilities for dealing with d3 scales\"\n        },\n        {\n            \"displayName\": \"utils/nf/array-helpers\",\n            \"name\": \"utils_nf_array-helpers\"\n        },\n        {\n            \"displayName\": \"utils/nf/svg-dom\",\n            \"name\": \"utils_nf_svg-dom\"\n        }\n    ]\n} };\n});"
  },
  {
    "path": "docs/assets/css/main.css",
    "content": "/*\nFont sizes for all selectors other than the body are given in percentages,\nwith 100% equal to 13px. To calculate a font size percentage, multiply the\ndesired size in pixels by 7.6923076923.\n\nHere's a quick lookup table:\n\n10px - 76.923%\n11px - 84.615%\n12px - 92.308%\n13px - 100%\n14px - 107.692%\n15px - 115.385%\n16px - 123.077%\n17px - 130.769%\n18px - 138.462%\n19px - 146.154%\n20px - 153.846%\n*/\n\nhtml {\n    background: #fff;\n    color: #333;\n    overflow-y: scroll;\n}\n\nbody {\n    /*font: 13px/1.4 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', 'Bitstream Vera Sans', 'Helvetica', 'Arial', sans-serif;*/\n    font: 13px/1.4 'Helvetica', 'Arial', sans-serif;\n    margin: 0;\n    padding: 0;\n}\n\n/* -- Links ----------------------------------------------------------------- */\na {\n    color: #356de4;\n    text-decoration: none;\n}\n\n.hidden {\n    display: none;\n}\n\na:hover { text-decoration: underline; }\n\n/* \"Jump to Table of Contents\" link is shown to assistive tools, but hidden from\n   sight until it's focused. */\n.jump {\n    position: absolute;\n    padding: 3px 6px;\n    left: -99999px;\n    top: 0;\n}\n\n.jump:focus { left: 40%; }\n\n/* -- Paragraphs ------------------------------------------------------------ */\np { margin: 1.3em 0; }\ndd p, td p { margin-bottom: 0; }\ndd p:first-child, td p:first-child { margin-top: 0; }\n\n/* -- Headings -------------------------------------------------------------- */\nh1, h2, h3, h4, h5, h6 {\n    color: #D98527;/*was #f80*/\n    font-family: 'Trebuchet MS', sans-serif;\n    font-weight: bold;\n    line-height: 1.1;\n    margin: 1.1em 0 0.5em;\n}\n\nh1 {\n    font-size: 184.6%;\n    color: #30418C;\n    margin: 0.75em 0 0.5em;\n}\n\nh2 {\n    font-size: 153.846%;\n    color: #E48A2B;\n}\n\nh3 { font-size: 138.462%; }\n\nh4 {\n    border-bottom: 1px solid #DBDFEA;\n    color: #E48A2B;\n    font-size: 115.385%;\n    font-weight: normal;\n    padding-bottom: 2px;\n}\n\nh5, h6 { font-size: 107.692%; }\n\n/* -- Code and examples ----------------------------------------------------- */\ncode, kbd, pre, samp {\n    font-family: Menlo, Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;\n    font-size: 92.308%;\n    line-height: 1.35;\n}\n\np code, p kbd, p samp, li code {\n    background: #FCFBFA;\n    border: 1px solid #EFEEED;\n    padding: 0 3px;\n}\n\na code, a kbd, a samp,\npre code, pre kbd, pre samp,\ntable code, table kbd, table samp,\n.intro code, .intro kbd, .intro samp,\n.toc code, .toc kbd, .toc samp {\n    background: none;\n    border: none;\n    padding: 0;\n}\n\npre.code, pre.terminal, pre.cmd {\n    overflow-x: auto;\n    *overflow-x: scroll;\n    padding: 0.3em 0.6em;\n}\n\npre.code {\n    background: #FCFBFA;\n    border: 1px solid #EFEEED;\n    border-left-width: 5px;\n}\n\npre.terminal, pre.cmd {\n    background: #F0EFFC;\n    border: 1px solid #D0CBFB;\n    border-left: 5px solid #D0CBFB;\n}\n\n/* Don't reduce the font size of <code>/<kbd>/<samp> elements inside <pre>\n   blocks. */\npre code, pre kbd, pre samp { font-size: 100%; }\n\n/* Used to denote text that shouldn't be selectable, such as line numbers or\n   shell prompts. Guess which browser this doesn't work in. */\n.noselect {\n    -moz-user-select: -moz-none;\n    -khtml-user-select: none;\n    -webkit-user-select: none;\n    -o-user-select: none;\n    user-select: none;\n}\n\n/* -- Lists ----------------------------------------------------------------- */\ndd { margin: 0.2em 0 0.7em 1em; }\ndl { margin: 1em 0; }\ndt { font-weight: bold; }\n\n/* -- Tables ---------------------------------------------------------------- */\ncaption, th { text-align: left; }\n\ntable {\n    border-collapse: collapse;\n    width: 100%;\n}\n\ntd, th {\n    border: 1px solid #fff;\n    padding: 5px 12px;\n    vertical-align: top;\n}\n\ntd { background: #E6E9F5; }\ntd dl { margin: 0; }\ntd dl dl { margin: 1em 0; }\ntd pre:first-child { margin-top: 0; }\n\nth {\n    background: #D2D7E6;/*#97A0BF*/\n    border-bottom: none;\n    border-top: none;\n    color: #000;/*#FFF1D5*/\n    font-family: 'Trebuchet MS', sans-serif;\n    font-weight: bold;\n    line-height: 1.3;\n    white-space: nowrap;\n}\n\n\n/* -- Layout and Content ---------------------------------------------------- */\n#doc {\n    margin: auto;\n    min-width: 1024px;\n}\n\n.content { padding: 0 20px 0 25px; }\n\n.sidebar {\n    padding: 0 15px 0 10px;\n}\n#bd {\n    padding: 7px 0 130px;\n    position: relative;\n    width: 99%;\n}\n\n/* -- Table of Contents ----------------------------------------------------- */\n\n/* The #toc id refers to the single global table of contents, while the .toc\n   class refers to generic TOC lists that could be used throughout the page. */\n\n.toc code, .toc kbd, .toc samp { font-size: 100%; }\n.toc li { font-weight: bold; }\n.toc li li { font-weight: normal; }\n\n/* -- Intro and Example Boxes ----------------------------------------------- */\n/*\n.intro, .example { margin-bottom: 2em; }\n.example {\n    -moz-border-radius: 4px;\n    -webkit-border-radius: 4px;\n    border-radius: 4px;\n    -moz-box-shadow: 0 0 5px #bfbfbf;\n    -webkit-box-shadow: 0 0 5px #bfbfbf;\n    box-shadow: 0 0 5px #bfbfbf;\n    padding: 1em;\n}\n.intro {\n    background: none repeat scroll 0 0 #F0F1F8; border: 1px solid #D4D8EB; padding: 0 1em;\n}\n*/\n\n/* -- Other Styles ---------------------------------------------------------- */\n\n/* These are probably YUI-specific, and should be moved out of Selleck's default\n   theme. */\n\n.button {\n    border: 1px solid #dadada;\n    -moz-border-radius: 3px;\n    -webkit-border-radius: 3px;\n    border-radius: 3px;\n    color: #444;\n    display: inline-block;\n    font-family: Helvetica, Arial, sans-serif;\n    font-size: 92.308%;\n    font-weight: bold;\n    padding: 4px 13px 3px;\n    -moz-text-shadow: 1px 1px 0 #fff;\n    -webkit-text-shadow: 1px 1px 0 #fff;\n    text-shadow: 1px 1px 0 #fff;\n    white-space: nowrap;\n\n    background: #EFEFEF; /* old browsers */\n    background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 50%, #e5e5e5 51%, #dfdfdf 100%); /* firefox */\n    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(50%,#efefef), color-stop(51%,#e5e5e5), color-stop(100%,#dfdfdf)); /* webkit */\n    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dfdfdf',GradientType=0 ); /* ie */\n}\n\n.button:hover {\n    border-color: #466899;\n    color: #fff;\n    text-decoration: none;\n    -moz-text-shadow: 1px 1px 0 #222;\n    -webkit-text-shadow: 1px 1px 0 #222;\n    text-shadow: 1px 1px 0 #222;\n\n    background: #6396D8; /* old browsers */\n    background: -moz-linear-gradient(top, #6396D8 0%, #5A83BC 50%, #547AB7 51%, #466899 100%); /* firefox */\n    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6396D8), color-stop(50%,#5A83BC), color-stop(51%,#547AB7), color-stop(100%,#466899)); /* webkit */\n    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6396D8', endColorstr='#466899',GradientType=0 ); /* ie */\n}\n\n.newwindow { text-align: center; }\n\n.header .version em {\n    display: block;\n    text-align: right;\n}\n\n\n#classdocs .item {\n    border-bottom: 1px solid #466899;\n    margin: 1em 0;\n    padding: 1.5em;\n}\n\n#classdocs .item .params p,\n    #classdocs .item .returns p,{\n    display: inline;\n}\n\n#classdocs .item em code, #classdocs .item em.comment {\n    color: green;\n}\n\n#classdocs .item em.comment a {\n    color: green;\n    text-decoration: underline;\n}\n\n#classdocs .foundat {\n    font-size: 11px;\n    font-style: normal;\n}\n\n.attrs .emits {\n    margin-left: 2em;\n    padding: .5em;\n    border-left: 1px dashed #ccc;\n}\n\nabbr {\n    border-bottom: 1px dashed #ccc;\n    font-size: 80%;\n    cursor: help;\n}\n\n.prettyprint li.L0, \n.prettyprint li.L1, \n.prettyprint li.L2, \n.prettyprint li.L3, \n.prettyprint li.L5, \n.prettyprint li.L6, \n.prettyprint li.L7, \n.prettyprint li.L8 {\n    list-style: decimal;\n}\n\nul li p {\n    margin-top: 0;\n}\n\n.method .name {\n    font-size: 110%;\n}\n\n.apidocs .methods .extends .method,\n.apidocs .properties .extends .property,\n.apidocs .attrs .extends .attr,\n.apidocs .events .extends .event {\n    font-weight: bold;\n}\n\n.apidocs .methods .extends .inherited,\n.apidocs .properties .extends .inherited,\n.apidocs .attrs .extends .inherited,\n.apidocs .events .extends .inherited {\n    font-weight: normal;\n}\n\n#hd {\n    background: whiteSmoke;\n    background: -moz-linear-gradient(top,#DCDBD9 0,#F6F5F3 100%);\n    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#DCDBD9),color-stop(100%,#F6F5F3));\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdbd9',endColorstr='#F6F5F3',GradientType=0);\n    border-bottom: 1px solid #DFDFDF;\n    padding: 0 15px 1px 20px;\n    margin-bottom: 15px;\n}\n\n#hd img {\n    margin-right: 10px;\n    vertical-align: middle;\n}\n\n\n/* -- API Docs CSS ---------------------------------------------------------- */\n\n/*\nThis file is organized so that more generic styles are nearer the top, and more\nspecific styles are nearer the bottom of the file. This allows us to take full\nadvantage of the cascade to avoid redundant style rules. Please respect this\nconvention when making changes.\n*/\n\n/* -- Generic TabView styles ------------------------------------------------ */\n\n/*\nThese styles apply to all API doc tabviews. To change styles only for a\nspecific tabview, see the other sections below.\n*/\n\n.yui3-js-enabled .apidocs .tabview {\n    visibility: hidden; /* Hide until the TabView finishes rendering. */\n    _visibility: visible;\n}\n\n.apidocs .tabview.yui3-tabview-content { visibility: visible; }\n.apidocs .tabview .yui3-tabview-panel { background: #fff; }\n\n/* -- Generic Content Styles ------------------------------------------------ */\n\n/* Headings */\nh2, h3, h4, h5, h6 {\n    border: none;\n    color: #30418C;\n    font-weight: bold;\n    text-decoration: none;\n}\n\n.link-docs {\n    float: right;\n    font-size: 15px;\n    margin: 4px 4px 6px;\n    padding: 6px 30px 5px;\n}\n\n.apidocs { zoom: 1; }\n\n/* Generic box styles. */\n.apidocs .box {\n    border: 1px solid;\n    border-radius: 3px;\n    margin: 1em 0;\n    padding: 0 1em;\n}\n\n/* A flag is a compact, capsule-like indicator of some kind. It's used to\n   indicate private and protected items, item return types, etc. in an\n   attractive and unobtrusive way. */\n.apidocs .flag {\n    background: #bababa;\n    border-radius: 3px;\n    color: #fff;\n    font-size: 11px;\n    margin: 0 0.5em;\n    padding: 2px 4px 1px;\n}\n\n/* Class/module metadata such as \"Uses\", \"Extends\", \"Defined in\", etc. */\n.apidocs .meta {\n    background: #f9f9f9;\n    border-color: #efefef;\n    color: #555;\n    font-size: 11px;\n    padding: 3px 6px;\n}\n\n.apidocs .meta p { margin: 0; }\n\n/* Deprecation warning. */\n.apidocs .box.deprecated,\n.apidocs .flag.deprecated {\n    background: #fdac9f;\n    border: 1px solid #fd7775;\n}\n\n.apidocs .box.deprecated p { margin: 0.5em 0; }\n.apidocs .flag.deprecated { color: #333; }\n\n/* Module/Class intro description. */\n.apidocs .intro {\n    background: #f0f1f8;\n    border-color: #d4d8eb;\n}\n\n/* Loading spinners. */\n#bd.loading .apidocs,\n#api-list.loading .yui3-tabview-panel {\n    background: #fff url(../img/spinner.gif) no-repeat center 70px;\n    min-height: 150px;\n}\n\n#bd.loading .apidocs .content,\n#api-list.loading .yui3-tabview-panel .apis {\n    display: none;\n}\n\n.apidocs .no-visible-items { color: #666; }\n\n/* Generic inline list. */\n.apidocs ul.inline {\n    display: inline;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.apidocs ul.inline li { display: inline; }\n\n/* Comma-separated list. */\n.apidocs ul.commas li:after { content: ','; }\n.apidocs ul.commas li:last-child:after { content: ''; }\n\n/* Keyboard shortcuts. */\nkbd .cmd { font-family: Monaco, Helvetica; }\n\n/* -- Generic Access Level styles ------------------------------------------- */\n.apidocs .item.protected,\n.apidocs .item.private,\n.apidocs .index-item.protected,\n.apidocs .index-item.deprecated,\n.apidocs .index-item.private {\n    display: none;\n}\n\n.show-deprecated .item.deprecated,\n.show-deprecated .index-item.deprecated,\n.show-protected .item.protected,\n.show-protected .index-item.protected,\n.show-private .item.private,\n.show-private .index-item.private {\n    display: block;\n}\n\n.hide-inherited .item.inherited,\n.hide-inherited .index-item.inherited {\n    display: none;\n}\n\n/* -- Generic Item Index styles --------------------------------------------- */\n.apidocs .index { margin: 1.5em 0 3em; }\n\n.apidocs .index h3 {\n    border-bottom: 1px solid #efefef;\n    color: #333;\n    font-size: 13px;\n    margin: 2em 0 0.6em;\n    padding-bottom: 2px;\n}\n\n.apidocs .index .no-visible-items { margin-top: 2em; }\n\n.apidocs .index-list {\n    border-color: #efefef;\n    font-size: 12px;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    -moz-column-count: 4;\n    -moz-column-gap: 10px;\n    -moz-column-width: 170px;\n    -ms-column-count: 4;\n    -ms-column-gap: 10px;\n    -ms-column-width: 170px;\n    -o-column-count: 4;\n    -o-column-gap: 10px;\n    -o-column-width: 170px;\n    -webkit-column-count: 4;\n    -webkit-column-gap: 10px;\n    -webkit-column-width: 170px;\n    column-count: 4;\n    column-gap: 10px;\n    column-width: 170px;\n}\n\n.apidocs .no-columns .index-list {\n    -moz-column-count: 1;\n    -ms-column-count: 1;\n    -o-column-count: 1;\n    -webkit-column-count: 1;\n    column-count: 1;\n}\n\n.apidocs .index-item { white-space: nowrap; }\n\n.apidocs .index-item .flag {\n    background: none;\n    border: none;\n    color: #afafaf;\n    display: inline;\n    margin: 0 0 0 0.2em;\n    padding: 0;\n}\n\n/* -- Generic API item styles ----------------------------------------------- */\n.apidocs .args {\n    display: inline;\n    margin: 0 0.5em;\n}\n\n.apidocs .flag.chainable { background: #46ca3b; }\n.apidocs .flag.protected { background: #9b86fc; }\n.apidocs .flag.private { background: #fd6b1b; }\n.apidocs .flag.async { background: #356de4; }\n.apidocs .flag.required { background: #e60923; }\n\n.apidocs .item {\n    border-bottom: 1px solid #efefef;\n    margin: 1.5em 0 2em;\n    padding-bottom: 2em;\n}\n\n.apidocs .item h4,\n.apidocs .item h5,\n.apidocs .item h6 {\n    color: #333;\n    font-family: inherit;\n    font-size: 100%;\n}\n\n.apidocs .item .description p,\n.apidocs .item pre.code {\n    margin: 1em 0 0;\n}\n\n.apidocs .item .meta {\n    background: none;\n    border: none;\n    padding: 0;\n}\n\n.apidocs .item .name {\n    display: inline;\n    font-size: 14px;\n}\n\n.apidocs .item .type,\n.apidocs .item .type a,\n.apidocs .returns-inline {\n    color: #555;\n}\n\n.apidocs .item .type,\n.apidocs .returns-inline {\n    font-size: 11px;\n    margin: 0 0 0 0;\n}\n\n.apidocs .item .type a { border-bottom: 1px dotted #afafaf; }\n.apidocs .item .type a:hover { border: none; }\n\n/* -- Item Parameter List --------------------------------------------------- */\n.apidocs .params-list {\n    list-style: square;\n    margin: 1em 0 0 2em;\n    padding: 0;\n}\n\n.apidocs .param { margin-bottom: 1em; }\n\n.apidocs .param .type,\n.apidocs .param .type a {\n    color: #666;\n}\n\n.apidocs .param .type {\n    margin: 0 0 0 0.5em;\n    *margin-left: 0.5em;\n}\n\n.apidocs .param-name { font-weight: bold; }\n\n/* -- Item \"Emits\" block ---------------------------------------------------- */\n.apidocs .item .emits {\n    background: #f9f9f9;\n    border-color: #eaeaea;\n}\n\n/* -- Item \"Returns\" block -------------------------------------------------- */\n.apidocs .item .returns .type,\n.apidocs .item .returns .type a {\n    font-size: 100%;\n    margin: 0;\n}\n\n/* -- Class Constructor block ----------------------------------------------- */\n.apidocs .constructor .item {\n    border: none;\n    padding-bottom: 0;\n}\n\n/* -- File Source View ------------------------------------------------------ */\n.apidocs .file pre.code,\n#doc .apidocs .file pre.prettyprint {\n    background: inherit;\n    border: none;\n    overflow: visible;\n    padding: 0;\n}\n\n.apidocs .L0,\n.apidocs .L1,\n.apidocs .L2,\n.apidocs .L3,\n.apidocs .L4,\n.apidocs .L5,\n.apidocs .L6,\n.apidocs .L7,\n.apidocs .L8,\n.apidocs .L9 {\n    background: inherit;\n}\n\n/* -- Submodule List -------------------------------------------------------- */\n.apidocs .module-submodule-description {\n    font-size: 12px;\n    margin: 0.3em 0 1em;\n}\n\n.apidocs .module-submodule-description p:first-child { margin-top: 0; }\n\n/* -- Sidebar TabView ------------------------------------------------------- */\n#api-tabview { margin-top: 0.6em; }\n\n#api-tabview-filter,\n#api-tabview-panel {\n    border: 1px solid #dfdfdf;\n}\n\n#api-tabview-filter {\n    border-bottom: none;\n    border-top: none;\n    padding: 0.6em 10px 0 10px;\n}\n\n#api-tabview-panel { border-top: none; }\n#api-filter { width: 97%; }\n\n/* -- Content TabView ------------------------------------------------------- */\n#classdocs .yui3-tabview-panel { border: none; }\n\n/* -- Source File Contents -------------------------------------------------- */\n.prettyprint li.L0,\n.prettyprint li.L1,\n.prettyprint li.L2,\n.prettyprint li.L3,\n.prettyprint li.L5,\n.prettyprint li.L6,\n.prettyprint li.L7,\n.prettyprint li.L8 {\n    list-style: decimal;\n}\n\n/* -- API options ----------------------------------------------------------- */\n#api-options {\n    font-size: 11px;\n    margin-top: 2.2em;\n    position: absolute;\n    right: 1.5em;\n}\n\n/*#api-options label { margin-right: 0.6em; }*/\n\n/* -- API list -------------------------------------------------------------- */\n#api-list {\n    margin-top: 1.5em;\n    *zoom: 1;\n}\n\n.apis {\n    font-size: 12px;\n    line-height: 1.4;\n    list-style: none;\n    margin: 0;\n    padding: 0.5em 0 0.5em 0.4em;\n}\n\n.apis a {\n    border: 1px solid transparent;\n    display: block;\n    margin: 0 0 0 -4px;\n    padding: 1px 4px 0;\n    text-decoration: none;\n    _border: none;\n    _display: inline;\n}\n\n.apis a:hover,\n.apis a:focus {\n    background: #E8EDFC;\n    background: -moz-linear-gradient(top, #e8edfc 0%, #becef7 100%);\n    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8EDFC), color-stop(100%,#BECEF7));\n    border-color: #AAC0FA;\n    border-radius: 3px;\n    color: #333;\n    outline: none;\n}\n\n.api-list-item a:hover,\n.api-list-item a:focus {\n    font-weight: bold;\n    text-shadow: 1px 1px 1px #fff;\n}\n\n.apis .message { color: #888; }\n.apis .result a { padding: 3px 5px 2px; }\n\n.apis .result .type {\n    right: 4px;\n    top: 7px;\n}\n\n.api-list-item .yui3-highlight {\n    font-weight: bold;\n}\n\n"
  },
  {
    "path": "docs/assets/index.html",
    "content": "<!doctype html>\n<html>\n    <head>\n        <title>Redirector</title>\n        <meta http-equiv=\"refresh\" content=\"0;url=../\">\n    </head>\n    <body>\n        <a href=\"../\">Click here to redirect</a>\n    </body>\n</html>\n"
  },
  {
    "path": "docs/assets/js/api-filter.js",
    "content": "YUI.add('api-filter', function (Y) {\n\nY.APIFilter = Y.Base.create('apiFilter', Y.Base, [Y.AutoCompleteBase], {\n    // -- Initializer ----------------------------------------------------------\n    initializer: function () {\n        this._bindUIACBase();\n        this._syncUIACBase();\n    },\n    getDisplayName: function(name) {\n\n        Y.each(Y.YUIDoc.meta.allModules, function(i) {\n            if (i.name === name && i.displayName) {\n                name = i.displayName;\n            }\n        });\n\n        return name;\n    }\n\n}, {\n    // -- Attributes -----------------------------------------------------------\n    ATTRS: {\n        resultHighlighter: {\n            value: 'phraseMatch'\n        },\n\n        // May be set to \"classes\" or \"modules\".\n        queryType: {\n            value: 'classes'\n        },\n\n        source: {\n            valueFn: function() {\n                var self = this;\n                return function(q) {\n                    var data = Y.YUIDoc.meta[self.get('queryType')],\n                        out = [];\n                    Y.each(data, function(v) {\n                        if (v.toLowerCase().indexOf(q.toLowerCase()) > -1) {\n                            out.push(v);\n                        }\n                    });\n                    return out;\n                };\n            }\n        }\n    }\n});\n\n}, '3.4.0', {requires: [\n    'autocomplete-base', 'autocomplete-highlighters', 'autocomplete-sources'\n]});\n"
  },
  {
    "path": "docs/assets/js/api-list.js",
    "content": "YUI.add('api-list', function (Y) {\n\nvar Lang   = Y.Lang,\n    YArray = Y.Array,\n\n    APIList = Y.namespace('APIList'),\n\n    classesNode    = Y.one('#api-classes'),\n    inputNode      = Y.one('#api-filter'),\n    modulesNode    = Y.one('#api-modules'),\n    tabviewNode    = Y.one('#api-tabview'),\n\n    tabs = APIList.tabs = {},\n\n    filter = APIList.filter = new Y.APIFilter({\n        inputNode : inputNode,\n        maxResults: 1000,\n\n        on: {\n            results: onFilterResults\n        }\n    }),\n\n    search = APIList.search = new Y.APISearch({\n        inputNode : inputNode,\n        maxResults: 100,\n\n        on: {\n            clear  : onSearchClear,\n            results: onSearchResults\n        }\n    }),\n\n    tabview = APIList.tabview = new Y.TabView({\n        srcNode  : tabviewNode,\n        panelNode: '#api-tabview-panel',\n        render   : true,\n\n        on: {\n            selectionChange: onTabSelectionChange\n        }\n    }),\n\n    focusManager = APIList.focusManager = tabviewNode.plug(Y.Plugin.NodeFocusManager, {\n        circular   : true,\n        descendants: '#api-filter, .yui3-tab-panel-selected .api-list-item a, .yui3-tab-panel-selected .result a',\n        keys       : {next: 'down:40', previous: 'down:38'}\n    }).focusManager,\n\n    LIST_ITEM_TEMPLATE =\n        '<li class=\"api-list-item {typeSingular}\">' +\n            '<a href=\"{rootPath}{typePlural}/{name}.html\">{displayName}</a>' +\n        '</li>';\n\n// -- Init ---------------------------------------------------------------------\n\n// Duckpunch FocusManager's key event handling to prevent it from handling key\n// events when a modifier is pressed.\nY.before(function (e, activeDescendant) {\n    if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) {\n        return new Y.Do.Prevent();\n    }\n}, focusManager, '_focusPrevious', focusManager);\n\nY.before(function (e, activeDescendant) {\n    if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) {\n        return new Y.Do.Prevent();\n    }\n}, focusManager, '_focusNext', focusManager);\n\n// Create a mapping of tabs in the tabview so we can refer to them easily later.\ntabview.each(function (tab, index) {\n    var name = tab.get('label').toLowerCase();\n\n    tabs[name] = {\n        index: index,\n        name : name,\n        tab  : tab\n    };\n});\n\n// Switch tabs on Ctrl/Cmd-Left/Right arrows.\ntabviewNode.on('key', onTabSwitchKey, 'down:37,39');\n\n// Focus the filter input when the `/` key is pressed.\nY.one(Y.config.doc).on('key', onSearchKey, 'down:83');\n\n// Keep the Focus Manager up to date.\ninputNode.on('focus', function () {\n    focusManager.set('activeDescendant', inputNode);\n});\n\n// Update all tabview links to resolved URLs.\ntabview.get('panelNode').all('a').each(function (link) {\n    link.setAttribute('href', link.get('href'));\n});\n\n// -- Private Functions --------------------------------------------------------\nfunction getFilterResultNode() {\n    return filter.get('queryType') === 'classes' ? classesNode : modulesNode;\n}\n\n// -- Event Handlers -----------------------------------------------------------\nfunction onFilterResults(e) {\n    var frag         = Y.one(Y.config.doc.createDocumentFragment()),\n        resultNode   = getFilterResultNode(),\n        typePlural   = filter.get('queryType'),\n        typeSingular = typePlural === 'classes' ? 'class' : 'module';\n\n    if (e.results.length) {\n        YArray.each(e.results, function (result) {\n            frag.append(Lang.sub(LIST_ITEM_TEMPLATE, {\n                rootPath    : APIList.rootPath,\n                displayName : filter.getDisplayName(result.highlighted),\n                name        : result.text,\n                typePlural  : typePlural,\n                typeSingular: typeSingular\n            }));\n        });\n    } else {\n        frag.append(\n            '<li class=\"message\">' +\n                'No ' + typePlural + ' found.' +\n            '</li>'\n        );\n    }\n\n    resultNode.empty(true);\n    resultNode.append(frag);\n\n    focusManager.refresh();\n}\n\nfunction onSearchClear(e) {\n\n    focusManager.refresh();\n}\n\nfunction onSearchKey(e) {\n    var target = e.target;\n\n    if (target.test('input,select,textarea')\n            || target.get('isContentEditable')) {\n        return;\n    }\n\n    e.preventDefault();\n\n    inputNode.focus();\n    focusManager.refresh();\n}\n\nfunction onSearchResults(e) {\n    var frag = Y.one(Y.config.doc.createDocumentFragment());\n\n    if (e.results.length) {\n        YArray.each(e.results, function (result) {\n            frag.append(result.display);\n        });\n    } else {\n        frag.append(\n            '<li class=\"message\">' +\n                'No results found. Maybe you\\'ll have better luck with a ' +\n                'different query?' +\n            '</li>'\n        );\n    }\n\n\n    focusManager.refresh();\n}\n\nfunction onTabSelectionChange(e) {\n    var tab  = e.newVal,\n        name = tab.get('label').toLowerCase();\n\n    tabs.selected = {\n        index: tab.get('index'),\n        name : name,\n        tab  : tab\n    };\n\n    switch (name) {\n    case 'classes': // fallthru\n    case 'modules':\n        filter.setAttrs({\n            minQueryLength: 0,\n            queryType     : name\n        });\n\n        search.set('minQueryLength', -1);\n\n        // Only send a request if this isn't the initially-selected tab.\n        if (e.prevVal) {\n            filter.sendRequest(filter.get('value'));\n        }\n        break;\n\n    case 'everything':\n        filter.set('minQueryLength', -1);\n        search.set('minQueryLength', 1);\n\n        if (search.get('value')) {\n            search.sendRequest(search.get('value'));\n        } else {\n            inputNode.focus();\n        }\n        break;\n\n    default:\n        // WTF? We shouldn't be here!\n        filter.set('minQueryLength', -1);\n        search.set('minQueryLength', -1);\n    }\n\n    if (focusManager) {\n        setTimeout(function () {\n            focusManager.refresh();\n        }, 1);\n    }\n}\n\nfunction onTabSwitchKey(e) {\n    var currentTabIndex = tabs.selected.index;\n\n    if (!(e.ctrlKey || e.metaKey)) {\n        return;\n    }\n\n    e.preventDefault();\n\n    switch (e.keyCode) {\n    case 37: // left arrow\n        if (currentTabIndex > 0) {\n            tabview.selectChild(currentTabIndex - 1);\n            inputNode.focus();\n        }\n        break;\n\n    case 39: // right arrow\n        if (currentTabIndex < (Y.Object.size(tabs) - 2)) {\n            tabview.selectChild(currentTabIndex + 1);\n            inputNode.focus();\n        }\n        break;\n    }\n}\n\n}, '3.4.0', {requires: [\n    'api-filter', 'api-search', 'event-key', 'node-focusmanager', 'tabview'\n]});\n"
  },
  {
    "path": "docs/assets/js/api-search.js",
    "content": "YUI.add('api-search', function (Y) {\n\nvar Lang   = Y.Lang,\n    Node   = Y.Node,\n    YArray = Y.Array;\n\nY.APISearch = Y.Base.create('apiSearch', Y.Base, [Y.AutoCompleteBase], {\n    // -- Public Properties ----------------------------------------------------\n    RESULT_TEMPLATE:\n        '<li class=\"result {resultType}\">' +\n            '<a href=\"{url}\">' +\n                '<h3 class=\"title\">{name}</h3>' +\n                '<span class=\"type\">{resultType}</span>' +\n                '<div class=\"description\">{description}</div>' +\n                '<span class=\"className\">{class}</span>' +\n            '</a>' +\n        '</li>',\n\n    // -- Initializer ----------------------------------------------------------\n    initializer: function () {\n        this._bindUIACBase();\n        this._syncUIACBase();\n    },\n\n    // -- Protected Methods ----------------------------------------------------\n    _apiResultFilter: function (query, results) {\n        // Filter components out of the results.\n        return YArray.filter(results, function (result) {\n            return result.raw.resultType === 'component' ? false : result;\n        });\n    },\n\n    _apiResultFormatter: function (query, results) {\n        return YArray.map(results, function (result) {\n            var raw  = Y.merge(result.raw), // create a copy\n                desc = raw.description || '';\n\n            // Convert description to text and truncate it if necessary.\n            desc = Node.create('<div>' + desc + '</div>').get('text');\n\n            if (desc.length > 65) {\n                desc = Y.Escape.html(desc.substr(0, 65)) + ' &hellip;';\n            } else {\n                desc = Y.Escape.html(desc);\n            }\n\n            raw['class'] || (raw['class'] = '');\n            raw.description = desc;\n\n            // Use the highlighted result name.\n            raw.name = result.highlighted;\n\n            return Lang.sub(this.RESULT_TEMPLATE, raw);\n        }, this);\n    },\n\n    _apiTextLocator: function (result) {\n        return result.displayName || result.name;\n    }\n}, {\n    // -- Attributes -----------------------------------------------------------\n    ATTRS: {\n        resultFormatter: {\n            valueFn: function () {\n                return this._apiResultFormatter;\n            }\n        },\n\n        resultFilters: {\n            valueFn: function () {\n                return this._apiResultFilter;\n            }\n        },\n\n        resultHighlighter: {\n            value: 'phraseMatch'\n        },\n\n        resultListLocator: {\n            value: 'data.results'\n        },\n\n        resultTextLocator: {\n            valueFn: function () {\n                return this._apiTextLocator;\n            }\n        },\n\n        source: {\n            value: '/api/v1/search?q={query}&count={maxResults}'\n        }\n    }\n});\n\n}, '3.4.0', {requires: [\n    'autocomplete-base', 'autocomplete-highlighters', 'autocomplete-sources',\n    'escape'\n]});\n"
  },
  {
    "path": "docs/assets/js/apidocs.js",
    "content": "YUI().use(\n    'yuidoc-meta',\n    'api-list', 'history-hash', 'node-screen', 'node-style', 'pjax',\nfunction (Y) {\n\nvar win          = Y.config.win,\n    localStorage = win.localStorage,\n\n    bdNode = Y.one('#bd'),\n\n    pjax,\n    defaultRoute,\n\n    classTabView,\n    selectedTab;\n\n// Kill pjax functionality unless serving over HTTP.\nif (!Y.getLocation().protocol.match(/^https?\\:/)) {\n    Y.Router.html5 = false;\n}\n\n// Create the default route with middleware which enables syntax highlighting\n// on the loaded content.\ndefaultRoute = Y.Pjax.defaultRoute.concat(function (req, res, next) {\n    prettyPrint();\n    bdNode.removeClass('loading');\n\n    next();\n});\n\npjax = new Y.Pjax({\n    container      : '#docs-main',\n    contentSelector: '#docs-main > .content',\n    linkSelector   : '#bd a',\n    titleSelector  : '#xhr-title',\n\n    navigateOnHash: true,\n    root          : '/',\n    routes        : [\n        // -- / ----------------------------------------------------------------\n        {\n            path     : '/(index.html)?',\n            callbacks: defaultRoute\n        },\n\n        // -- /classes/* -------------------------------------------------------\n        {\n            path     : '/classes/:class.html*',\n            callbacks: [defaultRoute, 'handleClasses']\n        },\n\n        // -- /files/* ---------------------------------------------------------\n        {\n            path     : '/files/*file',\n            callbacks: [defaultRoute, 'handleFiles']\n        },\n\n        // -- /modules/* -------------------------------------------------------\n        {\n            path     : '/modules/:module.html*',\n            callbacks: defaultRoute\n        }\n    ]\n});\n\n// -- Utility Functions --------------------------------------------------------\n\npjax.checkVisibility = function (tab) {\n    tab || (tab = selectedTab);\n\n    if (!tab) { return; }\n\n    var panelNode = tab.get('panelNode'),\n        visibleItems;\n\n    // If no items are visible in the tab panel due to the current visibility\n    // settings, display a message to that effect.\n    visibleItems = panelNode.all('.item,.index-item').some(function (itemNode) {\n        if (itemNode.getComputedStyle('display') !== 'none') {\n            return true;\n        }\n    });\n\n    panelNode.all('.no-visible-items').remove();\n\n    if (!visibleItems) {\n        if (Y.one('#index .index-item')) {\n            panelNode.append(\n                '<div class=\"no-visible-items\">' +\n                    '<p>' +\n                    'Some items are not shown due to the current visibility ' +\n                    'settings. Use the checkboxes at the upper right of this ' +\n                    'page to change the visibility settings.' +\n                    '</p>' +\n                '</div>'\n            );\n        } else {\n            panelNode.append(\n                '<div class=\"no-visible-items\">' +\n                    '<p>' +\n                    'This class doesn\\'t provide any methods, properties, ' +\n                    'attributes, or events.' +\n                    '</p>' +\n                '</div>'\n            );\n        }\n    }\n\n    // Hide index sections without any visible items.\n    Y.all('.index-section').each(function (section) {\n        var items        = 0,\n            visibleItems = 0;\n\n        section.all('.index-item').each(function (itemNode) {\n            items += 1;\n\n            if (itemNode.getComputedStyle('display') !== 'none') {\n                visibleItems += 1;\n            }\n        });\n\n        section.toggleClass('hidden', !visibleItems);\n        section.toggleClass('no-columns', visibleItems < 4);\n    });\n};\n\npjax.initClassTabView = function () {\n    if (!Y.all('#classdocs .api-class-tab').size()) {\n        return;\n    }\n\n    if (classTabView) {\n        classTabView.destroy();\n        selectedTab = null;\n    }\n\n    classTabView = new Y.TabView({\n        srcNode: '#classdocs',\n\n        on: {\n            selectionChange: pjax.onTabSelectionChange\n        }\n    });\n\n    pjax.updateTabState();\n    classTabView.render();\n};\n\npjax.initLineNumbers = function () {\n    var hash      = win.location.hash.substring(1),\n        container = pjax.get('container'),\n        hasLines, node;\n\n    // Add ids for each line number in the file source view.\n    container.all('.linenums>li').each(function (lineNode, index) {\n        lineNode.set('id', 'l' + (index + 1));\n        lineNode.addClass('file-line');\n        hasLines = true;\n    });\n\n    // Scroll to the desired line.\n    if (hasLines && /^l\\d+$/.test(hash)) {\n        if ((node = container.getById(hash))) {\n            win.scroll(0, node.getY());\n        }\n    }\n};\n\npjax.initRoot = function () {\n    var terminators = /^(?:classes|files|modules)$/,\n        parts       = pjax._getPathRoot().split('/'),\n        root        = [],\n        i, len, part;\n\n    for (i = 0, len = parts.length; i < len; i += 1) {\n        part = parts[i];\n\n        if (part.match(terminators)) {\n            // Makes sure the path will end with a \"/\".\n            root.push('');\n            break;\n        }\n\n        root.push(part);\n    }\n\n    pjax.set('root', root.join('/'));\n};\n\npjax.updateTabState = function (src) {\n    var hash = win.location.hash.substring(1),\n        defaultTab, node, tab, tabPanel;\n\n    function scrollToNode() {\n        if (node.hasClass('protected')) {\n            Y.one('#api-show-protected').set('checked', true);\n            pjax.updateVisibility();\n        }\n\n        if (node.hasClass('private')) {\n            Y.one('#api-show-private').set('checked', true);\n            pjax.updateVisibility();\n        }\n\n        setTimeout(function () {\n            // For some reason, unless we re-get the node instance here,\n            // getY() always returns 0.\n            var node = Y.one('#classdocs').getById(hash);\n            win.scrollTo(0, node.getY() - 70);\n        }, 1);\n    }\n\n    if (!classTabView) {\n        return;\n    }\n\n    if (src === 'hashchange' && !hash) {\n        defaultTab = 'index';\n    } else {\n        if (localStorage) {\n            defaultTab = localStorage.getItem('tab_' + pjax.getPath()) ||\n                'index';\n        } else {\n            defaultTab = 'index';\n        }\n    }\n\n    if (hash && (node = Y.one('#classdocs').getById(hash))) {\n        if ((tabPanel = node.ancestor('.api-class-tabpanel', true))) {\n            if ((tab = Y.one('#classdocs .api-class-tab.' + tabPanel.get('id')))) {\n                if (classTabView.get('rendered')) {\n                    Y.Widget.getByNode(tab).set('selected', 1);\n                } else {\n                    tab.addClass('yui3-tab-selected');\n                }\n            }\n        }\n\n        // Scroll to the desired element if this is a hash URL.\n        if (node) {\n            if (classTabView.get('rendered')) {\n                scrollToNode();\n            } else {\n                classTabView.once('renderedChange', scrollToNode);\n            }\n        }\n    } else {\n        tab = Y.one('#classdocs .api-class-tab.' + defaultTab);\n\n        // When the `defaultTab` node isn't found, `localStorage` is stale.\n        if (!tab && defaultTab !== 'index') {\n            tab = Y.one('#classdocs .api-class-tab.index');\n        }\n\n        if (classTabView.get('rendered')) {\n            Y.Widget.getByNode(tab).set('selected', 1);\n        } else {\n            tab.addClass('yui3-tab-selected');\n        }\n    }\n};\n\npjax.updateVisibility = function () {\n    var container = pjax.get('container');\n\n    container.toggleClass('hide-inherited',\n            !Y.one('#api-show-inherited').get('checked'));\n\n    container.toggleClass('show-deprecated',\n            Y.one('#api-show-deprecated').get('checked'));\n\n    container.toggleClass('show-protected',\n            Y.one('#api-show-protected').get('checked'));\n\n    container.toggleClass('show-private',\n            Y.one('#api-show-private').get('checked'));\n\n    pjax.checkVisibility();\n};\n\n// -- Route Handlers -----------------------------------------------------------\n\npjax.handleClasses = function (req, res, next) {\n    var status = res.ioResponse.status;\n\n    // Handles success and local filesystem XHRs.\n    if (res.ioResponse.readyState === 4 && (!status || (status >= 200 && status < 300))) {\n        pjax.initClassTabView();\n    }\n\n    next();\n};\n\npjax.handleFiles = function (req, res, next) {\n    var status = res.ioResponse.status;\n\n    // Handles success and local filesystem XHRs.\n    if (res.ioResponse.readyState === 4 && (!status || (status >= 200 && status < 300))) {\n        pjax.initLineNumbers();\n    }\n\n    next();\n};\n\n// -- Event Handlers -----------------------------------------------------------\n\npjax.onNavigate = function (e) {\n    var hash         = e.hash,\n        originTarget = e.originEvent && e.originEvent.target,\n        tab;\n\n    if (hash) {\n        tab = originTarget && originTarget.ancestor('.yui3-tab', true);\n\n        if (hash === win.location.hash) {\n            pjax.updateTabState('hashchange');\n        } else if (!tab) {\n            win.location.hash = hash;\n        }\n\n        e.preventDefault();\n        return;\n    }\n\n    // Only scroll to the top of the page when the URL doesn't have a hash.\n    this.set('scrollToTop', !e.url.match(/#.+$/));\n\n    bdNode.addClass('loading');\n};\n\npjax.onOptionClick = function (e) {\n    pjax.updateVisibility();\n};\n\npjax.onTabSelectionChange = function (e) {\n    var tab   = e.newVal,\n        tabId = tab.get('contentBox').getAttribute('href').substring(1);\n\n    selectedTab = tab;\n\n    // If switching from a previous tab (i.e., this is not the default tab),\n    // replace the history entry with a hash URL that will cause this tab to\n    // be selected if the user navigates away and then returns using the back\n    // or forward buttons.\n    if (e.prevVal && localStorage) {\n        localStorage.setItem('tab_' + pjax.getPath(), tabId);\n    }\n\n    pjax.checkVisibility(tab);\n};\n\n// -- Init ---------------------------------------------------------------------\n\npjax.on('navigate', pjax.onNavigate);\n\npjax.initRoot();\npjax.upgrade();\npjax.initClassTabView();\npjax.initLineNumbers();\npjax.updateVisibility();\n\nY.APIList.rootPath = pjax.get('root');\n\nY.one('#api-options').delegate('click', pjax.onOptionClick, 'input');\n\nY.on('hashchange', function (e) {\n    pjax.updateTabState('hashchange');\n}, win);\n\n});\n"
  },
  {
    "path": "docs/assets/js/yui-prettify.js",
    "content": "YUI().use('node', function(Y) {\n    var code = Y.all('.prettyprint.linenums');\n    if (code.size()) {\n        code.each(function(c) {\n            var lis = c.all('ol li'),\n                l = 1;\n            lis.each(function(n) {\n                n.prepend('<a name=\"LINENUM_' + l + '\"></a>');\n                l++;\n            });\n        });\n        var h = location.hash;\n        location.hash = '';\n        h = h.replace('LINE_', 'LINENUM_');\n        location.hash = h;\n    }\n});\n"
  },
  {
    "path": "docs/assets/vendor/prettify/CHANGES.html",
    "content": "<html>\n  <head>\n    <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">\n    <title>Change Log</title>\n  </head>\n  <body bgcolor=\"white\">\n    <a style=\"float:right\" href=\"README.html\">README</a>\n\n    <h1>Known Issues</h1>\n    <ul>\n      <li>Perl formatting is really crappy.  Partly because the author is lazy and\n      partly because Perl is\n      <a href=\"http://www.perlmonks.org/?node_id=663393\">hard</a> to parse.\n      <li>On some browsers, <code>&lt;code&gt;</code> elements with newlines in the text\n      which use CSS to specify <code>white-space:pre</code> will have the newlines\n      improperly stripped if the element is not attached to the document at the time\n      the stripping is done.  Also, on IE 6, all newlines will be stripped from\n      <code>&lt;code&gt;</code> elements because of the way IE6 produces\n      <code>innerHTML</code>.  Workaround: use <code>&lt;pre&gt;</code> for code with\n      newlines.\n    </ul>\n\n    <h1>Change Log</h1>\n    <h2>29 March 2007</h2>\n    <ul>\n      <li>Added <a href=\"tests/prettify_test.html#PHP\">tests</a> for PHP support\n        to address \n      <a href=\"http://code.google.com/p/google-code-prettify/issues/detail?id=3\"\n       >issue 3</a>.\n      <li>Fixed\n      <a href=\"http://code.google.com/p/google-code-prettify/issues/detail?id=6\"\n       >bug</a>: <code>prettyPrintOne</code> was not halting.  This was not\n        reachable through the normal entry point.\n      <li>Fixed\n      <a href=\"http://code.google.com/p/google-code-prettify/issues/detail?id=4\"\n       >bug</a>: recursing into a script block or PHP tag that was not properly\n        closed would not silently drop the content.\n        (<a href=\"tests/prettify_test.html#issue4\">test</a>)\n      <li>Fixed\n      <a href=\"http://code.google.com/p/google-code-prettify/issues/detail?id=8\"\n       >bug</a>: was eating tabs\n        (<a href=\"tests/prettify_test.html#issue8\">test</a>)\n      <li>Fixed entity handling so that the caveat\n        <blockquote>\n          <p>Caveats: please properly escape less-thans.  <tt>x&amp;lt;y</tt>\n          instead of <tt>x&lt;y</tt>, and use <tt>&quot;</tt> instead of \n          <tt>&amp;quot;</tt> for string delimiters.</p>\n        </blockquote>\n        is no longer applicable.\n      <li>Added noisefree's C#\n      <a href=\"http://code.google.com/p/google-code-prettify/issues/detail?id=4\"\n       >patch</a>\n      <li>Added a <a href=\"http://google-code-prettify.googlecode.com/files/prettify-small.zip\">distribution</a> that has comments and\n        whitespace removed to reduce download size from 45.5kB to 12.8kB.\n    </ul>\n    <h2>4 Jul 2008</h2>\n    <ul>\n      <li>Added <a href=\"http://code.google.com/p/google-code-prettify/issues/detail?id=17\">language specific formatters</a> that are triggered by the presence\n      of a <code>lang-&lt;language-file-extension&gt;</code></li>\n      <li>Fixed <a href=\"http://code.google.com/p/google-code-prettify/issues/detail?id=29\">bug</a>: python handling of <code>'''string'''</code>\n      <li>Fixed bug: <code>/</code> in regex <code>[charsets] should not end regex</code>\n    </ul>\n    <h2>5 Jul 2008</h2>\n    <ul>\n      <li>Defined language extensions for Lisp and Lua</code>\n    </ul>\n    <h2>14 Jul 2008</h2>\n    <ul>\n      <li>Language handlers for F#, OCAML, SQL</code>\n      <li>Support for <code>nocode</code> spans to allow embedding of line\n      numbers and code annotations which should not be styled or otherwise\n      affect the tokenization of prettified code.\n      See the issue 22\n      <a href=\"tests/prettify_test.html#issue22\">testcase</a>.</code>\n    </ul>\n    <h2>6 Jan 2009</h2>\n    <ul>\n      <li>Language handlers for Visual Basic, Haskell, CSS, and WikiText</li>\n      <li>Added <tt>.mxml</tt> extension to the markup style handler for\n        Flex <a href=\"http://en.wikipedia.org/wiki/MXML\">MXML files</a>.  See\n        <a\n        href=\"http://code.google.com/p/google-code-prettify/issues/detail?id=37\"\n        >issue 37</a>.\n      <li>Added <tt>.m</tt> extension to the C style handler so that Objective\n        C source files properly highlight.  See\n        <a\n        href=\"http://code.google.com/p/google-code-prettify/issues/detail?id=58\"\n       >issue 58</a>.\n      <li>Changed HTML lexer to use the same embedded source mechanism as the\n        wiki language handler, and changed to use the registered\n        CSS handler for STYLE element content.\n    </ul>\n    <h2>21 May 2009</h2>\n    <ul>\n      <li>Rewrote to improve performance on large files.\n        See <a href=\"http://mikesamuel.blogspot.com/2009/05/efficient-parsing-in-javascript.html\">benchmarks</a>.</li>\n      <li>Fixed bugs with highlighting of Haskell line comments, Lisp\n        number literals, Lua strings, C preprocessor directives,\n        newlines in Wiki code on Windows, and newlines in IE6.</li>\n    </ul>\n    <h2>14 August 2009</h2>\n    <ul>\n      <li>Fixed prettifying of <code>&lt;code&gt;</code> blocks with embedded newlines.\n    </ul>\n    <h2>3 October 2009</h2>\n    <ul>\n      <li>Fixed prettifying of XML/HTML tags that contain uppercase letters.\n    </ul>\n    <h2>19 July 2010</h2>\n    <ul>\n      <li>Added support for line numbers.  Bug\n        <a href=\"http://code.google.com/p/google-code-prettify/issues/detail?id=22\"\n         >22</a></li>\n      <li>Added YAML support.  Bug\n        <a href=\"http://code.google.com/p/google-code-prettify/issues/detail?id=123\"\n         >123</a></li>\n      <li>Added VHDL support courtesy Le Poussin.</li>\n      <li>IE performance improvements.  Bug\n        <a href=\"http://code.google.com/p/google-code-prettify/issues/detail?id=102\"\n         >102</a> courtesy jacobly.</li>\n      <li>A variety of markup formatting fixes courtesy smain and thezbyg.</li>\n      <li>Fixed copy and paste in IE[678].\n      <li>Changed output to use <code>&amp;#160;</code> instead of\n        <code>&amp;nbsp;</code> so that the output works when embedded in XML.\n        Bug\n        <a href=\"http://code.google.com/p/google-code-prettify/issues/detail?id=108\"\n         >108</a>.</li>\n    </ul>\n  </body>\n</html>\n"
  },
  {
    "path": "docs/assets/vendor/prettify/COPYING",
    "content": "\n                                 Apache License\n                           Version 2.0, January 2004\n                        http://www.apache.org/licenses/\n\n   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION\n\n   1. Definitions.\n\n      \"License\" shall mean the terms and conditions for use, reproduction,\n      and distribution as defined by Sections 1 through 9 of this document.\n\n      \"Licensor\" shall mean the copyright owner or entity authorized by\n      the copyright owner that is granting the License.\n\n      \"Legal Entity\" shall mean the union of the acting entity and all\n      other entities that control, are controlled by, or are under common\n      control with that entity. For the purposes of this definition,\n      \"control\" means (i) the power, direct or indirect, to cause the\n      direction or management of such entity, whether by contract or\n      otherwise, or (ii) ownership of fifty percent (50%) or more of the\n      outstanding shares, or (iii) beneficial ownership of such entity.\n\n      \"You\" (or \"Your\") shall mean an individual or Legal Entity\n      exercising permissions granted by this License.\n\n      \"Source\" form shall mean the preferred form for making modifications,\n      including but not limited to software source code, documentation\n      source, and configuration files.\n\n      \"Object\" form shall mean any form resulting from mechanical\n      transformation or translation of a Source form, including but\n      not limited to compiled object code, generated documentation,\n      and conversions to other media types.\n\n      \"Work\" shall mean the work of authorship, whether in Source or\n      Object form, made available under the License, as indicated by a\n      copyright notice that is included in or attached to the work\n      (an example is provided in the Appendix below).\n\n      \"Derivative Works\" shall mean any work, whether in Source or Object\n      form, that is based on (or derived from) the Work and for which the\n      editorial revisions, annotations, elaborations, or other modifications\n      represent, as a whole, an original work of authorship. For the purposes\n      of this License, Derivative Works shall not include works that remain\n      separable from, or merely link (or bind by name) to the interfaces of,\n      the Work and Derivative Works thereof.\n\n      \"Contribution\" shall mean any work of authorship, including\n      the original version of the Work and any modifications or additions\n      to that Work or Derivative Works thereof, that is intentionally\n      submitted to Licensor for inclusion in the Work by the copyright owner\n      or by an individual or Legal Entity authorized to submit on behalf of\n      the copyright owner. For the purposes of this definition, \"submitted\"\n      means any form of electronic, verbal, or written communication sent\n      to the Licensor or its representatives, including but not limited to\n      communication on electronic mailing lists, source code control systems,\n      and issue tracking systems that are managed by, or on behalf of, the\n      Licensor for the purpose of discussing and improving the Work, but\n      excluding communication that is conspicuously marked or otherwise\n      designated in writing by the copyright owner as \"Not a Contribution.\"\n\n      \"Contributor\" shall mean Licensor and any individual or Legal Entity\n      on behalf of whom a Contribution has been received by Licensor and\n      subsequently incorporated within the Work.\n\n   2. Grant of Copyright License. Subject to the terms and conditions of\n      this License, each Contributor hereby grants to You a perpetual,\n      worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n      copyright license to reproduce, prepare Derivative Works of,\n      publicly display, publicly perform, sublicense, and distribute the\n      Work and such Derivative Works in Source or Object form.\n\n   3. Grant of Patent License. Subject to the terms and conditions of\n      this License, each Contributor hereby grants to You a perpetual,\n      worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n      (except as stated in this section) patent license to make, have made,\n      use, offer to sell, sell, import, and otherwise transfer the Work,\n      where such license applies only to those patent claims licensable\n      by such Contributor that are necessarily infringed by their\n      Contribution(s) alone or by combination of their Contribution(s)\n      with the Work to which such Contribution(s) was submitted. If You\n      institute patent litigation against any entity (including a\n      cross-claim or counterclaim in a lawsuit) alleging that the Work\n      or a Contribution incorporated within the Work constitutes direct\n      or contributory patent infringement, then any patent licenses\n      granted to You under this License for that Work shall terminate\n      as of the date such litigation is filed.\n\n   4. Redistribution. You may reproduce and distribute copies of the\n      Work or Derivative Works thereof in any medium, with or without\n      modifications, and in Source or Object form, provided that You\n      meet the following conditions:\n\n      (a) You must give any other recipients of the Work or\n          Derivative Works a copy of this License; and\n\n      (b) You must cause any modified files to carry prominent notices\n          stating that You changed the files; and\n\n      (c) You must retain, in the Source form of any Derivative Works\n          that You distribute, all copyright, patent, trademark, and\n          attribution notices from the Source form of the Work,\n          excluding those notices that do not pertain to any part of\n          the Derivative Works; and\n\n      (d) If the Work includes a \"NOTICE\" text file as part of its\n          distribution, then any Derivative Works that You distribute must\n          include a readable copy of the attribution notices contained\n          within such NOTICE file, excluding those notices that do not\n          pertain to any part of the Derivative Works, in at least one\n          of the following places: within a NOTICE text file distributed\n          as part of the Derivative Works; within the Source form or\n          documentation, if provided along with the Derivative Works; or,\n          within a display generated by the Derivative Works, if and\n          wherever such third-party notices normally appear. The contents\n          of the NOTICE file are for informational purposes only and\n          do not modify the License. You may add Your own attribution\n          notices within Derivative Works that You distribute, alongside\n          or as an addendum to the NOTICE text from the Work, provided\n          that such additional attribution notices cannot be construed\n          as modifying the License.\n\n      You may add Your own copyright statement to Your modifications and\n      may provide additional or different license terms and conditions\n      for use, reproduction, or distribution of Your modifications, or\n      for any such Derivative Works as a whole, provided Your use,\n      reproduction, and distribution of the Work otherwise complies with\n      the conditions stated in this License.\n\n   5. Submission of Contributions. Unless You explicitly state otherwise,\n      any Contribution intentionally submitted for inclusion in the Work\n      by You to the Licensor shall be under the terms and conditions of\n      this License, without any additional terms or conditions.\n      Notwithstanding the above, nothing herein shall supersede or modify\n      the terms of any separate license agreement you may have executed\n      with Licensor regarding such Contributions.\n\n   6. Trademarks. This License does not grant permission to use the trade\n      names, trademarks, service marks, or product names of the Licensor,\n      except as required for reasonable and customary use in describing the\n      origin of the Work and reproducing the content of the NOTICE file.\n\n   7. Disclaimer of Warranty. Unless required by applicable law or\n      agreed to in writing, Licensor provides the Work (and each\n      Contributor provides its Contributions) on an \"AS IS\" BASIS,\n      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\n      implied, including, without limitation, any warranties or conditions\n      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A\n      PARTICULAR PURPOSE. You are solely responsible for determining the\n      appropriateness of using or redistributing the Work and assume any\n      risks associated with Your exercise of permissions under this License.\n\n   8. Limitation of Liability. In no event and under no legal theory,\n      whether in tort (including negligence), contract, or otherwise,\n      unless required by applicable law (such as deliberate and grossly\n      negligent acts) or agreed to in writing, shall any Contributor be\n      liable to You for damages, including any direct, indirect, special,\n      incidental, or consequential damages of any character arising as a\n      result of this License or out of the use or inability to use the\n      Work (including but not limited to damages for loss of goodwill,\n      work stoppage, computer failure or malfunction, or any and all\n      other commercial damages or losses), even if such Contributor\n      has been advised of the possibility of such damages.\n\n   9. Accepting Warranty or Additional Liability. While redistributing\n      the Work or Derivative Works thereof, You may choose to offer,\n      and charge a fee for, acceptance of support, warranty, indemnity,\n      or other liability obligations and/or rights consistent with this\n      License. However, in accepting such obligations, You may act only\n      on Your own behalf and on Your sole responsibility, not on behalf\n      of any other Contributor, and only if You agree to indemnify,\n      defend, and hold each Contributor harmless for any liability\n      incurred by, or claims asserted against, such Contributor by reason\n      of your accepting any such warranty or additional liability.\n\n   END OF TERMS AND CONDITIONS\n\n   APPENDIX: How to apply the Apache License to your work.\n\n      To apply the Apache License to your work, attach the following\n      boilerplate notice, with the fields enclosed by brackets \"[]\"\n      replaced with your own identifying information. (Don't include\n      the brackets!)  The text should be enclosed in the appropriate\n      comment syntax for the file format. We also recommend that a\n      file or class name and description of purpose be included on the\n      same \"printed page\" as the copyright notice for easier\n      identification within third-party archives.\n\n   Copyright [yyyy] [name of copyright owner]\n\n   Licensed under the Apache License, Version 2.0 (the \"License\");\n   you may not use this file except in compliance with the License.\n   You may obtain a copy of the License at\n\n       http://www.apache.org/licenses/LICENSE-2.0\n\n   Unless required by applicable law or agreed to in writing, software\n   distributed under the License is distributed on an \"AS IS\" BASIS,\n   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n   See the License for the specific language governing permissions and\n   limitations under the License.\n"
  },
  {
    "path": "docs/assets/vendor/prettify/README.html",
    "content": "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\"\n \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n\n<html>\n  <head>\n    <title>Javascript code prettifier</title>\n\n    <link href=\"src/prettify.css\" type=\"text/css\" rel=\"stylesheet\" />\n\n    <script src=\"src/prettify.js\" type=\"text/javascript\"></script>\n\n    <style type=\"text/css\">\n      body { margin-left: .5in }\n      h1, h2, h3, h4, .footer { margin-left: -.4in; }\n    </style>\n  </head>\n\n  <body onload=\"prettyPrint()\" bgcolor=\"white\">\n    <small style=\"float: right\">Languages : <a href=\"README-zh-Hans.html\">CH</a></small>\n    <h1>Javascript code prettifier</h1>\n\n    <h2>Setup</h2>\n    <ol>\n      <li><a href=\"http://code.google.com/p/google-code-prettify/downloads/list\">Download</a> a distribution\n      <li>Include the script and stylesheets in your document\n        (you will need to make sure the css and js file are on your server, and\n         adjust the paths in the <tt>script</tt> and <tt>link</tt> tag)\n        <pre class=\"prettyprint\">\n&lt;link href=\"prettify.css\" type=\"text/css\" rel=\"stylesheet\" />\n&lt;script type=\"text/javascript\" src=\"prettify.js\">&lt;/script></pre>\n      <li>Add <code class=\"prettyprint lang-html\">onload=\"prettyPrint()\"</code> to your\n      document's body tag.\n      <li>Modify the stylesheet to get the coloring you prefer</li>\n    </ol>\n\n    <h2>Usage</h2>\n    <p>Put code snippets in\n    <tt>&lt;pre class=\"prettyprint\"&gt;...&lt;/pre&gt;</tt>\n    or <tt>&lt;code class=\"prettyprint\"&gt;...&lt;/code&gt;</tt>\n    and it will automatically be pretty printed.\n\n    <table summary=\"code examples\">\n      <tr>\n        <th>The original\n        <th>Prettier\n      <tr>\n        <td><pre style=\"border: 1px solid #888;padding: 2px\"\n             ><a name=\"voila1\"></a>class Voila {\npublic:\n  // Voila\n  static const string VOILA = \"Voila\";\n\n  // will not interfere with embedded <a href=\"#voila1\">tags</a>.\n}</pre>\n\n        <td><pre class=\"prettyprint\"><a name=\"voila2\"></a>class Voila {\npublic:\n  // Voila\n  static const string VOILA = \"Voila\";\n\n  // will not interfere with embedded <a href=\"#voila2\">tags</a>.\n}</pre>\n    </table>\n\n    <h2>FAQ</h2>\n    <h3 id=\"langs\">Which languages does it work for?</h3>\n    <p>The comments in <tt>prettify.js</tt> are authoritative but the lexer\n    should work on a number of languages including C and friends,\n    Java, Python, Bash, SQL, HTML, XML, CSS, Javascript, and Makefiles.\n    It works passably on Ruby, PHP, VB, and Awk and a decent subset of Perl\n    and Ruby, but, because of commenting conventions, doesn't work on\n    Smalltalk, or CAML-like languages.</p>\n\n    <p>LISPy languages are supported via an extension:\n    <a href=\"http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-lisp.js\"\n     ><code>lang-lisp.js</code></a>.</p>\n    <p>And similarly for\n    <a href=\"http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-css.js\"\n     ><code>CSS</code></a>,\n    <a href=\"http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-hs.js\"\n     ><code>Haskell</code></a>,\n    <a href=\"http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-lua.js\"\n     ><code>Lua</code></a>,\n    <a href=\"http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-ml.js\"\n     ><code>OCAML, SML, F#</code></a>,\n    <a href=\"http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-vb.js\"\n     ><code>Visual Basic</code></a>,\n    <a href=\"http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-sql.js\"\n     ><code>SQL</code></a>,\n    <a href=\"http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-proto.js\"\n     ><code>Protocol Buffers</code></a>, and\n    <a href=\"http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-wiki.js\"\n     ><code>WikiText</code></a>..\n\n    <p>If you'd like to add an extension for your favorite language, please\n    look at <tt>src/lang-lisp.js</tt> and file an\n    <a href=\"http://code.google.com/p/google-code-prettify/issues/list\"\n     >issue</a> including your language extension, and a testcase.</p>\n\n    <h3>How do I specify which language my code is in?</h3>\n    <p>You don't need to specify the language since <code>prettyprint()</code>\n    will guess.  You can specify a language by specifying the language extension\n    along with the <code>prettyprint</code> class like so:</p>\n    <pre class=\"prettyprint lang-html\"\n>&lt;pre class=&quot;prettyprint <b>lang-html</b>&quot;&gt;\n  The lang-* class specifies the language file extensions.\n  File extensions supported by default include\n    \"bsh\", \"c\", \"cc\", \"cpp\", \"cs\", \"csh\", \"cyc\", \"cv\", \"htm\", \"html\",\n    \"java\", \"js\", \"m\", \"mxml\", \"perl\", \"pl\", \"pm\", \"py\", \"rb\", \"sh\",\n    \"xhtml\", \"xml\", \"xsl\".\n&lt;/pre&gt;</pre>\n\n    <h3>It doesn't work on <tt>&lt;obfuscated code sample&gt;</tt>?</h3>\n    <p>Yes.  Prettifying obfuscated code is like putting lipstick on a pig\n    &mdash; i.e. outside the scope of this tool.</p>\n\n    <h3>Which browsers does it work with?</h3>\n    <p>It's been tested with IE 6, Firefox 1.5 &amp; 2, and Safari 2.0.4.\n    Look at <a href=\"tests/prettify_test.html\">the test page</a> to see if it\n    works in your browser.</p>\n\n    <h3>What's changed?</h3>\n    <p>See the <a href=\"CHANGES.html\">change log</a></p>\n\n    <h3>Why doesn't Prettyprinting of strings work on WordPress?</h3>\n    <p>Apparently wordpress does \"smart quoting\" which changes close quotes.\n    This causes end quotes to not match up with open quotes.\n    <p>This breaks prettifying as well as copying and pasting of code samples.\n    See\n    <a href=\"http://wordpress.org/support/topic/125038\"\n    >WordPress's help center</a> for info on how to stop smart quoting of code\n    snippets.</p>\n\n    <h3 id=\"linenums\">How do I put line numbers in my code?</h3>\n    <p>You can use the <code>linenums</code> class to turn on line\n    numbering.  If your code doesn't start at line number 1, you can\n    add a colon and a line number to the end of that class as in\n    <code>linenums:52</code>.\n\n    <p>For example\n<pre class=\"prettyprint\">&lt;pre class=\"prettyprint linenums:<b>4</b>\"\n&gt;// This is line 4.\nfoo();\nbar();\nbaz();\nboo();\nfar();\nfaz();\n&lt;pre&gt;</pre>\n    produces\n<pre class=\"prettyprint linenums:4\"\n>// This is line 4.\nfoo();\nbar();\nbaz();\nboo();\nfar();\nfaz();\n</pre>\n\n    <h3>How do I prevent a portion of markup from being marked as code?</h3>\n    <p>You can use the <code>nocode</code> class to identify a span of markup\n    that is not code.\n<pre class=\"prettyprint\">&lt;pre class=prettyprint&gt;\nint x = foo();  /* This is a comment  &lt;span class=\"nocode\"&gt;This is not code&lt;/span&gt;\n  Continuation of comment */\nint y = bar();\n&lt;/pre&gt;</pre>\nproduces\n<pre class=\"prettyprint\">\nint x = foo();  /* This is a comment  <span class=\"nocode\">This is not code</span>\n  Continuation of comment */\nint y = bar();\n</pre>\n\n    <p>For a more complete example see the issue22\n    <a href=\"tests/prettify_test.html#issue22\">testcase</a>.</p>\n\n    <h3>I get an error message \"a is not a function\" or \"opt_whenDone is not a function\"</h3>\n    <p>If you are calling <code>prettyPrint</code> via an event handler, wrap it in a function.\n    Instead of doing\n    <blockquote>\n      <code class=\"prettyprint lang-js\"\n       >addEventListener('load', prettyPrint, false);</code>\n    </blockquote>\n    wrap it in a closure like\n    <blockquote>\n      <code class=\"prettyprint lang-js\"\n       >addEventListener('load', function (event) { prettyPrint() }, false);</code>\n    </blockquote>\n    so that the browser does not pass an event object to <code>prettyPrint</code> which\n    will confuse it.\n\n    <br><br><br>\n\n    <div class=\"footer\">\n<!-- Created: Tue Oct  3 17:51:56 PDT 2006 -->\n<!-- hhmts start -->\nLast modified: Wed Jul 19 13:56:00 PST 2010\n<!-- hhmts end -->\n    </div>\n  </body>\n</html>\n"
  },
  {
    "path": "docs/assets/vendor/prettify/prettify-min.css",
    "content": ".pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}"
  },
  {
    "path": "docs/assets/vendor/prettify/prettify-min.js",
    "content": "window.PR_SHOULD_USE_CONTINUATION=true;var prettyPrintOne;var prettyPrint;(function(){var O=window;var j=[\"break,continue,do,else,for,if,return,while\"];var v=[j,\"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile\"];var q=[v,\"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof\"];var m=[q,\"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where\"];var y=[q,\"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient\"];var T=[y,\"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,let,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var,virtual,where\"];var s=\"all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,throw,true,try,unless,until,when,while,yes\";var x=[q,\"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN\"];var t=\"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END\";var J=[j,\"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None\"];var g=[j,\"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END\"];var I=[j,\"case,done,elif,esac,eval,fi,function,in,local,set,then,until\"];var B=[m,T,x,t+J,g,I];var f=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\\d*)\\b/;var D=\"str\";var A=\"kwd\";var k=\"com\";var Q=\"typ\";var H=\"lit\";var M=\"pun\";var G=\"pln\";var n=\"tag\";var F=\"dec\";var K=\"src\";var R=\"atn\";var o=\"atv\";var P=\"nocode\";var N=\"(?:^^\\\\.?|[+-]|[!=]=?=?|\\\\#|%=?|&&?=?|\\\\(|\\\\*=?|[+\\\\-]=|->|\\\\/=?|::?|<<?=?|>>?>?=?|,|;|\\\\?|@|\\\\[|~|{|\\\\^\\\\^?=?|\\\\|\\\\|?=?|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\\\s*\";function l(ab){var af=0;var U=false;var ae=false;for(var X=0,W=ab.length;X<W;++X){var ag=ab[X];if(ag.ignoreCase){ae=true}else{if(/[a-z]/i.test(ag.source.replace(/\\\\u[0-9a-f]{4}|\\\\x[0-9a-f]{2}|\\\\[^ux]/gi,\"\"))){U=true;ae=false;break}}}var aa={b:8,t:9,n:10,v:11,f:12,r:13};function ad(aj){var ai=aj.charCodeAt(0);if(ai!==92){return ai}var ah=aj.charAt(1);ai=aa[ah];if(ai){return ai}else{if(\"0\"<=ah&&ah<=\"7\"){return parseInt(aj.substring(1),8)}else{if(ah===\"u\"||ah===\"x\"){return parseInt(aj.substring(2),16)}else{return aj.charCodeAt(1)}}}}function V(ah){if(ah<32){return(ah<16?\"\\\\x0\":\"\\\\x\")+ah.toString(16)}var ai=String.fromCharCode(ah);return(ai===\"\\\\\"||ai===\"-\"||ai===\"]\"||ai===\"^\")?\"\\\\\"+ai:ai}function Z(an){var ar=an.substring(1,an.length-1).match(new RegExp(\"\\\\\\\\u[0-9A-Fa-f]{4}|\\\\\\\\x[0-9A-Fa-f]{2}|\\\\\\\\[0-3][0-7]{0,2}|\\\\\\\\[0-7]{1,2}|\\\\\\\\[\\\\s\\\\S]|-|[^-\\\\\\\\]\",\"g\"));var ah=[];var ap=ar[0]===\"^\";var ao=[\"[\"];if(ap){ao.push(\"^\")}for(var at=ap?1:0,al=ar.length;at<al;++at){var aj=ar[at];if(/\\\\[bdsw]/i.test(aj)){ao.push(aj)}else{var ai=ad(aj);var am;if(at+2<al&&\"-\"===ar[at+1]){am=ad(ar[at+2]);at+=2}else{am=ai}ah.push([ai,am]);if(!(am<65||ai>122)){if(!(am<65||ai>90)){ah.push([Math.max(65,ai)|32,Math.min(am,90)|32])}if(!(am<97||ai>122)){ah.push([Math.max(97,ai)&~32,Math.min(am,122)&~32])}}}}ah.sort(function(aw,av){return(aw[0]-av[0])||(av[1]-aw[1])});var ak=[];var aq=[];for(var at=0;at<ah.length;++at){var au=ah[at];if(au[0]<=aq[1]+1){aq[1]=Math.max(aq[1],au[1])}else{ak.push(aq=au)}}for(var at=0;at<ak.length;++at){var au=ak[at];ao.push(V(au[0]));if(au[1]>au[0]){if(au[1]+1>au[0]){ao.push(\"-\")}ao.push(V(au[1]))}}ao.push(\"]\");return ao.join(\"\")}function Y(an){var al=an.source.match(new RegExp(\"(?:\\\\[(?:[^\\\\x5C\\\\x5D]|\\\\\\\\[\\\\s\\\\S])*\\\\]|\\\\\\\\u[A-Fa-f0-9]{4}|\\\\\\\\x[A-Fa-f0-9]{2}|\\\\\\\\[0-9]+|\\\\\\\\[^ux0-9]|\\\\(\\\\?[:!=]|[\\\\(\\\\)\\\\^]|[^\\\\x5B\\\\x5C\\\\(\\\\)\\\\^]+)\",\"g\"));var aj=al.length;var ap=[];for(var am=0,ao=0;am<aj;++am){var ai=al[am];if(ai===\"(\"){++ao}else{if(\"\\\\\"===ai.charAt(0)){var ah=+ai.substring(1);if(ah){if(ah<=ao){ap[ah]=-1}else{al[am]=V(ah)}}}}}for(var am=1;am<ap.length;++am){if(-1===ap[am]){ap[am]=++af}}for(var am=0,ao=0;am<aj;++am){var ai=al[am];if(ai===\"(\"){++ao;if(!ap[ao]){al[am]=\"(?:\"}}else{if(\"\\\\\"===ai.charAt(0)){var ah=+ai.substring(1);if(ah&&ah<=ao){al[am]=\"\\\\\"+ap[ah]}}}}for(var am=0;am<aj;++am){if(\"^\"===al[am]&&\"^\"!==al[am+1]){al[am]=\"\"}}if(an.ignoreCase&&U){for(var am=0;am<aj;++am){var ai=al[am];var ak=ai.charAt(0);if(ai.length>=2&&ak===\"[\"){al[am]=Z(ai)}else{if(ak!==\"\\\\\"){al[am]=ai.replace(/[a-zA-Z]/g,function(aq){var ar=aq.charCodeAt(0);return\"[\"+String.fromCharCode(ar&~32,ar|32)+\"]\"})}}}}return al.join(\"\")}var ac=[];for(var X=0,W=ab.length;X<W;++X){var ag=ab[X];if(ag.global||ag.multiline){throw new Error(\"\"+ag)}ac.push(\"(?:\"+Y(ag)+\")\")}return new RegExp(ac.join(\"|\"),ae?\"gi\":\"g\")}function b(aa,Y){var W=/(?:^|\\s)nocode(?:\\s|$)/;var ab=[];var Z=0;var X=[];var V=0;function U(ac){switch(ac.nodeType){case 1:if(W.test(ac.className)){return}for(var af=ac.firstChild;af;af=af.nextSibling){U(af)}var ae=ac.nodeName.toLowerCase();if(\"br\"===ae||\"li\"===ae){ab[V]=\"\\n\";X[V<<1]=Z++;X[(V++<<1)|1]=ac}break;case 3:case 4:var ad=ac.nodeValue;if(ad.length){if(!Y){ad=ad.replace(/[ \\t\\r\\n]+/g,\" \")}else{ad=ad.replace(/\\r\\n?/g,\"\\n\")}ab[V]=ad;X[V<<1]=Z;Z+=ad.length;X[(V++<<1)|1]=ac}break}}U(aa);return{sourceCode:ab.join(\"\").replace(/\\n$/,\"\"),spans:X}}function C(U,W,Y,V){if(!W){return}var X={sourceCode:W,basePos:U};Y(X);V.push.apply(V,X.decorations)}var w=/\\S/;function p(U){var X=undefined;for(var W=U.firstChild;W;W=W.nextSibling){var V=W.nodeType;X=(V===1)?(X?U:W):(V===3)?(w.test(W.nodeValue)?U:X):X}return X===U?undefined:X}function h(W,V){var U={};var X;(function(){var af=W.concat(V);var aj=[];var ai={};for(var ad=0,ab=af.length;ad<ab;++ad){var aa=af[ad];var ae=aa[3];if(ae){for(var ag=ae.length;--ag>=0;){U[ae.charAt(ag)]=aa}}var ah=aa[1];var ac=\"\"+ah;if(!ai.hasOwnProperty(ac)){aj.push(ah);ai[ac]=null}}aj.push(/[\\0-\\uffff]/);X=l(aj)})();var Z=V.length;var Y=function(aj){var ab=aj.sourceCode,aa=aj.basePos;var af=[aa,G];var ah=0;var ap=ab.match(X)||[];var al={};for(var ag=0,at=ap.length;ag<at;++ag){var ai=ap[ag];var ar=al[ai];var ak=void 0;var ao;if(typeof ar===\"string\"){ao=false}else{var ac=U[ai.charAt(0)];if(ac){ak=ai.match(ac[1]);ar=ac[0]}else{for(var aq=0;aq<Z;++aq){ac=V[aq];ak=ai.match(ac[1]);if(ak){ar=ac[0];break}}if(!ak){ar=G}}ao=ar.length>=5&&\"lang-\"===ar.substring(0,5);if(ao&&!(ak&&typeof ak[1]===\"string\")){ao=false;ar=K}if(!ao){al[ai]=ar}}var ad=ah;ah+=ai.length;if(!ao){af.push(aa+ad,ar)}else{var an=ak[1];var am=ai.indexOf(an);var ae=am+an.length;if(ak[2]){ae=ai.length-ak[2].length;am=ae-an.length}var au=ar.substring(5);C(aa+ad,ai.substring(0,am),Y,af);C(aa+ad+am,an,r(au,an),af);C(aa+ad+ae,ai.substring(ae),Y,af)}}aj.decorations=af};return Y}function i(V){var Y=[],U=[];if(V.tripleQuotedStrings){Y.push([D,/^(?:\\'\\'\\'(?:[^\\'\\\\]|\\\\[\\s\\S]|\\'{1,2}(?=[^\\']))*(?:\\'\\'\\'|$)|\\\"\\\"\\\"(?:[^\\\"\\\\]|\\\\[\\s\\S]|\\\"{1,2}(?=[^\\\"]))*(?:\\\"\\\"\\\"|$)|\\'(?:[^\\\\\\']|\\\\[\\s\\S])*(?:\\'|$)|\\\"(?:[^\\\\\\\"]|\\\\[\\s\\S])*(?:\\\"|$))/,null,\"'\\\"\"])}else{if(V.multiLineStrings){Y.push([D,/^(?:\\'(?:[^\\\\\\']|\\\\[\\s\\S])*(?:\\'|$)|\\\"(?:[^\\\\\\\"]|\\\\[\\s\\S])*(?:\\\"|$)|\\`(?:[^\\\\\\`]|\\\\[\\s\\S])*(?:\\`|$))/,null,\"'\\\"`\"])}else{Y.push([D,/^(?:\\'(?:[^\\\\\\'\\r\\n]|\\\\.)*(?:\\'|$)|\\\"(?:[^\\\\\\\"\\r\\n]|\\\\.)*(?:\\\"|$))/,null,\"\\\"'\"])}}if(V.verbatimStrings){U.push([D,/^@\\\"(?:[^\\\"]|\\\"\\\")*(?:\\\"|$)/,null])}var ab=V.hashComments;if(ab){if(V.cStyleComments){if(ab>1){Y.push([k,/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,null,\"#\"])}else{Y.push([k,/^#(?:(?:define|e(?:l|nd)if|else|error|ifn?def|include|line|pragma|undef|warning)\\b|[^\\r\\n]*)/,null,\"#\"])}U.push([D,/^<(?:(?:(?:\\.\\.\\/)*|\\/?)(?:[\\w-]+(?:\\/[\\w-]+)+)?[\\w-]+\\.h(?:h|pp|\\+\\+)?|[a-z]\\w*)>/,null])}else{Y.push([k,/^#[^\\r\\n]*/,null,\"#\"])}}if(V.cStyleComments){U.push([k,/^\\/\\/[^\\r\\n]*/,null]);U.push([k,/^\\/\\*[\\s\\S]*?(?:\\*\\/|$)/,null])}if(V.regexLiterals){var aa=(\"/(?=[^/*])(?:[^/\\\\x5B\\\\x5C]|\\\\x5C[\\\\s\\\\S]|\\\\x5B(?:[^\\\\x5C\\\\x5D]|\\\\x5C[\\\\s\\\\S])*(?:\\\\x5D|$))+/\");U.push([\"lang-regex\",new RegExp(\"^\"+N+\"(\"+aa+\")\")])}var X=V.types;if(X){U.push([Q,X])}var W=(\"\"+V.keywords).replace(/^ | $/g,\"\");if(W.length){U.push([A,new RegExp(\"^(?:\"+W.replace(/[\\s,]+/g,\"|\")+\")\\\\b\"),null])}Y.push([G,/^\\s+/,null,\" \\r\\n\\t\\xA0\"]);var Z=/^.[^\\s\\w\\.$@\\'\\\"\\`\\/\\\\]*/;U.push([H,/^@[a-z_$][a-z_$@0-9]*/i,null],[Q,/^(?:[@_]?[A-Z]+[a-z][A-Za-z_$@0-9]*|\\w+_t\\b)/,null],[G,/^[a-z_$][a-z_$@0-9]*/i,null],[H,new RegExp(\"^(?:0x[a-f0-9]+|(?:\\\\d(?:_\\\\d+)*\\\\d*(?:\\\\.\\\\d*)?|\\\\.\\\\d\\\\+)(?:e[+\\\\-]?\\\\d+)?)[a-z]*\",\"i\"),null,\"0123456789\"],[G,/^\\\\[\\s\\S]?/,null],[M,Z,null]);return h(Y,U)}var L=i({keywords:B,hashComments:true,cStyleComments:true,multiLineStrings:true,regexLiterals:true});function S(W,ah,aa){var V=/(?:^|\\s)nocode(?:\\s|$)/;var ac=/\\r\\n?|\\n/;var ad=W.ownerDocument;var ag=ad.createElement(\"li\");while(W.firstChild){ag.appendChild(W.firstChild)}var X=[ag];function af(am){switch(am.nodeType){case 1:if(V.test(am.className)){break}if(\"br\"===am.nodeName){ae(am);if(am.parentNode){am.parentNode.removeChild(am)}}else{for(var ao=am.firstChild;ao;ao=ao.nextSibling){af(ao)}}break;case 3:case 4:if(aa){var an=am.nodeValue;var ak=an.match(ac);if(ak){var aj=an.substring(0,ak.index);am.nodeValue=aj;var ai=an.substring(ak.index+ak[0].length);if(ai){var al=am.parentNode;al.insertBefore(ad.createTextNode(ai),am.nextSibling)}ae(am);if(!aj){am.parentNode.removeChild(am)}}}break}}function ae(al){while(!al.nextSibling){al=al.parentNode;if(!al){return}}function aj(am,at){var ar=at?am.cloneNode(false):am;var ap=am.parentNode;if(ap){var aq=aj(ap,1);var ao=am.nextSibling;aq.appendChild(ar);for(var an=ao;an;an=ao){ao=an.nextSibling;aq.appendChild(an)}}return ar}var ai=aj(al.nextSibling,0);for(var ak;(ak=ai.parentNode)&&ak.nodeType===1;){ai=ak}X.push(ai)}for(var Z=0;Z<X.length;++Z){af(X[Z])}if(ah===(ah|0)){X[0].setAttribute(\"value\",ah)}var ab=ad.createElement(\"ol\");ab.className=\"linenums\";var Y=Math.max(0,((ah-1))|0)||0;for(var Z=0,U=X.length;Z<U;++Z){ag=X[Z];ag.className=\"L\"+((Z+Y)%10);if(!ag.firstChild){ag.appendChild(ad.createTextNode(\"\\xA0\"))}ab.appendChild(ag)}W.appendChild(ab)}function E(af){var X=/\\bMSIE\\s(\\d+)/.exec(navigator.userAgent);X=X&&+X[1]<=8;var ao=/\\n/g;var an=af.sourceCode;var ap=an.length;var Y=0;var ad=af.spans;var V=ad.length;var aj=0;var aa=af.decorations;var ab=aa.length;var ac=0;aa[ab]=ap;var av,at;for(at=av=0;at<ab;){if(aa[at]!==aa[at+2]){aa[av++]=aa[at++];aa[av++]=aa[at++]}else{at+=2}}ab=av;for(at=av=0;at<ab;){var aw=aa[at];var ae=aa[at+1];var Z=at+2;while(Z+2<=ab&&aa[Z+1]===ae){Z+=2}aa[av++]=aw;aa[av++]=ae;at=Z}ab=aa.length=av;var au=af.sourceNode;var ak;if(au){ak=au.style.display;au.style.display=\"none\"}try{var ah=null;while(aj<V){var ai=ad[aj];var U=ad[aj+2]||ap;var ar=aa[ac+2]||ap;var Z=Math.min(U,ar);var am=ad[aj+1];var W;if(am.nodeType!==1&&(W=an.substring(Y,Z))){if(X){W=W.replace(ao,\"\\r\")}am.nodeValue=W;var al=am.ownerDocument;var aq=al.createElement(\"span\");aq.className=aa[ac+1];var ag=am.parentNode;ag.replaceChild(aq,am);aq.appendChild(am);if(Y<U){ad[aj+1]=am=al.createTextNode(an.substring(Z,U));ag.insertBefore(am,aq.nextSibling)}}Y=Z;if(Y>=U){aj+=2}if(Y>=ar){ac+=2}}}finally{if(au){au.style.display=ak}}}var u={};function d(W,X){for(var U=X.length;--U>=0;){var V=X[U];if(!u.hasOwnProperty(V)){u[V]=W}else{if(O.console){console.warn(\"cannot override language handler %s\",V)}}}}function r(V,U){if(!(V&&u.hasOwnProperty(V))){V=/^\\s*</.test(U)?\"default-markup\":\"default-code\"}return u[V]}d(L,[\"default-code\"]);d(h([],[[G,/^[^<?]+/],[F,/^<!\\w[^>]*(?:>|$)/],[k,/^<\\!--[\\s\\S]*?(?:-\\->|$)/],[\"lang-\",/^<\\?([\\s\\S]+?)(?:\\?>|$)/],[\"lang-\",/^<%([\\s\\S]+?)(?:%>|$)/],[M,/^(?:<[%?]|[%?]>)/],[\"lang-\",/^<xmp\\b[^>]*>([\\s\\S]+?)<\\/xmp\\b[^>]*>/i],[\"lang-js\",/^<script\\b[^>]*>([\\s\\S]*?)(<\\/script\\b[^>]*>)/i],[\"lang-css\",/^<style\\b[^>]*>([\\s\\S]*?)(<\\/style\\b[^>]*>)/i],[\"lang-in.tag\",/^(<\\/?[a-z][^<>]*>)/i]]),[\"default-markup\",\"htm\",\"html\",\"mxml\",\"xhtml\",\"xml\",\"xsl\"]);d(h([[G,/^[\\s]+/,null,\" \\t\\r\\n\"],[o,/^(?:\\\"[^\\\"]*\\\"?|\\'[^\\']*\\'?)/,null,\"\\\"'\"]],[[n,/^^<\\/?[a-z](?:[\\w.:-]*\\w)?|\\/?>$/i],[R,/^(?!style[\\s=]|on)[a-z](?:[\\w:-]*\\w)?/i],[\"lang-uq.val\",/^=\\s*([^>\\'\\\"\\s]*(?:[^>\\'\\\"\\s\\/]|\\/(?=\\s)))/],[M,/^[=<>\\/]+/],[\"lang-js\",/^on\\w+\\s*=\\s*\\\"([^\\\"]+)\\\"/i],[\"lang-js\",/^on\\w+\\s*=\\s*\\'([^\\']+)\\'/i],[\"lang-js\",/^on\\w+\\s*=\\s*([^\\\"\\'>\\s]+)/i],[\"lang-css\",/^style\\s*=\\s*\\\"([^\\\"]+)\\\"/i],[\"lang-css\",/^style\\s*=\\s*\\'([^\\']+)\\'/i],[\"lang-css\",/^style\\s*=\\s*([^\\\"\\'>\\s]+)/i]]),[\"in.tag\"]);d(h([],[[o,/^[\\s\\S]+/]]),[\"uq.val\"]);d(i({keywords:m,hashComments:true,cStyleComments:true,types:f}),[\"c\",\"cc\",\"cpp\",\"cxx\",\"cyc\",\"m\"]);d(i({keywords:\"null,true,false\"}),[\"json\"]);d(i({keywords:T,hashComments:true,cStyleComments:true,verbatimStrings:true,types:f}),[\"cs\"]);d(i({keywords:y,cStyleComments:true}),[\"java\"]);d(i({keywords:I,hashComments:true,multiLineStrings:true}),[\"bsh\",\"csh\",\"sh\"]);d(i({keywords:J,hashComments:true,multiLineStrings:true,tripleQuotedStrings:true}),[\"cv\",\"py\"]);d(i({keywords:t,hashComments:true,multiLineStrings:true,regexLiterals:true}),[\"perl\",\"pl\",\"pm\"]);d(i({keywords:g,hashComments:true,multiLineStrings:true,regexLiterals:true}),[\"rb\"]);d(i({keywords:x,cStyleComments:true,regexLiterals:true}),[\"js\"]);d(i({keywords:s,hashComments:3,cStyleComments:true,multilineStrings:true,tripleQuotedStrings:true,regexLiterals:true}),[\"coffee\"]);d(h([],[[D,/^[\\s\\S]+/]]),[\"regex\"]);function e(X){var W=X.langExtension;try{var U=b(X.sourceNode,X.pre);var V=U.sourceCode;X.sourceCode=V;X.spans=U.spans;X.basePos=0;r(W,V)(X);E(X)}catch(Y){if(O.console){console.log(Y&&Y.stack?Y.stack:Y)}}}function z(Y,X,W){var U=document.createElement(\"pre\");U.innerHTML=Y;if(W){S(U,W,true)}var V={langExtension:X,numberLines:W,sourceNode:U,pre:1};e(V);return U.innerHTML}function c(aj){function ab(al){return document.getElementsByTagName(al)}var ah=[ab(\"pre\"),ab(\"code\"),ab(\"xmp\")];var V=[];for(var ae=0;ae<ah.length;++ae){for(var ac=0,Y=ah[ae].length;ac<Y;++ac){V.push(ah[ae][ac])}}ah=null;var Z=Date;if(!Z.now){Z={now:function(){return +(new Date)}}}var aa=0;var U;var af=/\\blang(?:uage)?-([\\w.]+)(?!\\S)/;var ak=/\\bprettyprint\\b/;var W=/\\bprettyprinted\\b/;var ag=/pre|xmp/i;var ai=/^code$/i;var ad=/^(?:pre|code|xmp)$/i;function X(){var ar=(O.PR_SHOULD_USE_CONTINUATION?Z.now()+250:Infinity);for(;aa<V.length&&Z.now()<ar;aa++){var at=V[aa];var au=at.className;if(ak.test(au)&&!W.test(au)){var aw=false;for(var ao=at.parentNode;ao;ao=ao.parentNode){var ax=ao.tagName;if(ad.test(ax)&&ao.className&&ak.test(ao.className)){aw=true;break}}if(!aw){at.className+=\" prettyprinted\";var aq=au.match(af);var am;if(!aq&&(am=p(at))&&ai.test(am.tagName)){aq=am.className.match(af)}if(aq){aq=aq[1]}var ap;if(ag.test(at.tagName)){ap=1}else{var an=at.currentStyle;var al=(an?an.whiteSpace:(document.defaultView&&document.defaultView.getComputedStyle)?document.defaultView.getComputedStyle(at,null).getPropertyValue(\"white-space\"):0);ap=al&&\"pre\"===al.substring(0,3)}var av=at.className.match(/\\blinenums\\b(?::(\\d+))?/);av=av?av[1]&&av[1].length?+av[1]:true:false;if(av){S(at,av,ap)}U={langExtension:aq,sourceNode:at,numberLines:av,pre:ap};e(U)}}}if(aa<V.length){setTimeout(X,250)}else{if(aj){aj()}}}X()}var a=O.PR={createSimpleLexer:h,registerLangHandler:d,sourceDecorator:i,PR_ATTRIB_NAME:R,PR_ATTRIB_VALUE:o,PR_COMMENT:k,PR_DECLARATION:F,PR_KEYWORD:A,PR_LITERAL:H,PR_NOCODE:P,PR_PLAIN:G,PR_PUNCTUATION:M,PR_SOURCE:K,PR_STRING:D,PR_TAG:n,PR_TYPE:Q,prettyPrintOne:O.prettyPrintOne=z,prettyPrint:O.prettyPrint=c};if(typeof define===\"function\"&&define.amd){define(\"google-code-prettify\",[],function(){return a})}})();PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_DECLARATION,/^<!\\w[^>]*(?:>|$)/],[PR.PR_COMMENT,/^<\\!--[\\s\\S]*?(?:-\\->|$)/],[PR.PR_PUNCTUATION,/^(?:<[%?]|[%?]>)/],[\"lang-\",/^<\\?([\\s\\S]+?)(?:\\?>|$)/],[\"lang-\",/^<%([\\s\\S]+?)(?:%>|$)/],[\"lang-\",/^<xmp\\b[^>]*>([\\s\\S]+?)<\\/xmp\\b[^>]*>/i],[\"lang-handlebars\",/^<script\\b[^>]*type\\s*=\\s*['\"]?text\\/x-handlebars-template['\"]?\\b[^>]*>([\\s\\S]*?)(<\\/script\\b[^>]*>)/i],[\"lang-js\",/^<script\\b[^>]*>([\\s\\S]*?)(<\\/script\\b[^>]*>)/i],[\"lang-css\",/^<style\\b[^>]*>([\\s\\S]*?)(<\\/style\\b[^>]*>)/i],[\"lang-in.tag\",/^(<\\/?[a-z][^<>]*>)/i],[PR.PR_DECLARATION,/^{{[#^>/]?\\s*[\\w.][^}]*}}/],[PR.PR_DECLARATION,/^{{&?\\s*[\\w.][^}]*}}/],[PR.PR_DECLARATION,/^{{{>?\\s*[\\w.][^}]*}}}/],[PR.PR_COMMENT,/^{{![^}]*}}/]]),[\"handlebars\",\"hbs\"]);PR.registerLangHandler(PR.createSimpleLexer([[PR.PR_PLAIN,/^[ \\t\\r\\n\\f]+/,null,\" \\t\\r\\n\\f\"]],[[PR.PR_STRING,/^\\\"(?:[^\\n\\r\\f\\\\\\\"]|\\\\(?:\\r\\n?|\\n|\\f)|\\\\[\\s\\S])*\\\"/,null],[PR.PR_STRING,/^\\'(?:[^\\n\\r\\f\\\\\\']|\\\\(?:\\r\\n?|\\n|\\f)|\\\\[\\s\\S])*\\'/,null],[\"lang-css-str\",/^url\\(([^\\)\\\"\\']*)\\)/i],[PR.PR_KEYWORD,/^(?:url|rgb|\\!important|@import|@page|@media|@charset|inherit)(?=[^\\-\\w]|$)/i,null],[\"lang-css-kw\",/^(-?(?:[_a-z]|(?:\\\\[0-9a-f]+ ?))(?:[_a-z0-9\\-]|\\\\(?:\\\\[0-9a-f]+ ?))*)\\s*:/i],[PR.PR_COMMENT,/^\\/\\*[^*]*\\*+(?:[^\\/*][^*]*\\*+)*\\//],[PR.PR_COMMENT,/^(?:<!--|-->)/],[PR.PR_LITERAL,/^(?:\\d+|\\d*\\.\\d+)(?:%|[a-z]+)?/i],[PR.PR_LITERAL,/^#(?:[0-9a-f]{3}){1,2}/i],[PR.PR_PLAIN,/^-?(?:[_a-z]|(?:\\\\[\\da-f]+ ?))(?:[_a-z\\d\\-]|\\\\(?:\\\\[\\da-f]+ ?))*/i],[PR.PR_PUNCTUATION,/^[^\\s\\w\\'\\\"]+/]]),[\"css\"]);PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_KEYWORD,/^-?(?:[_a-z]|(?:\\\\[\\da-f]+ ?))(?:[_a-z\\d\\-]|\\\\(?:\\\\[\\da-f]+ ?))*/i]]),[\"css-kw\"]);PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_STRING,/^[^\\)\\\"\\']+/]]),[\"css-str\"]);"
  },
  {
    "path": "docs/classes/components.nf-area-stack.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-area-stack - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-area-stack Class</h1>\n<div class=\"box meta\">\n\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-area-stack.js.html#l3\"><code>app&#x2F;components&#x2F;nf-area-stack.js:3</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>A component for grouping and stacking <code>nf-area</code> components in an <code>nf-graph</code>.</p>\n<p>This component looks at the order of the <code>nf-area</code> components underneath it\nand uses the ydata of the next sibling <code>nf-area</code> component to determine the bottom\nof each <code>nf-area</code> components path to be drawn.</p>\n<h3>Example</h3>\n<pre class=\"code prettyprint\"><code>{{#nf-graph width=300 height=100}}\n  {{#nf-graph-content}}\n    {{#nf-area-stack}}\n      {{nf-area data=myData xprop=&quot;time&quot; yprop=&quot;high&quot;}}\n      {{nf-area data=myData xprop=&quot;time&quot; yprop=&quot;med&quot;}}\n      {{nf-area data=myData xprop=&quot;time&quot; yprop=&quot;low&quot;}}\n    {{/nf-area-stack}}\n  {{/nf-graph-content}}\n{{/nf-graph}}</code></pre>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods\">\n                            <li class=\"index-item method\">\n                                <a href=\"#method_registerArea\">registerArea</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_unregisterArea\">unregisterArea</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties\">\n                            <li class=\"index-item property\">\n                                <a href=\"#property_aggregate\">aggregate</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_areas\">areas</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_isAreaStack\">isAreaStack</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method_registerArea\" class=\"method item\">\n    <h3 class=\"name\"><code>registerArea</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>area</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-area-stack.js.html#l63\"><code>app&#x2F;components&#x2F;nf-area-stack.js:63</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Registers an area component with this stack. Also links areas to one\nanother by setting <code>nextArea</code> on each area component.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">area</code>\n                        <span class=\"type\">Ember.Component</span>\n\n\n                    <div class=\"param-description\">\n                        <p>The area component to register.</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n\n\n</div>\n<div id=\"method_unregisterArea\" class=\"method item\">\n    <h3 class=\"name\"><code>unregisterArea</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>area</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-area-stack.js.html#l81\"><code>app&#x2F;components&#x2F;nf-area-stack.js:81</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Unregisters an area component from this stack. Also updates next\nand previous links.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">area</code>\n                        <span class=\"type\">Ember.Component</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the area to unregister</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_aggregate\" class=\"property item\">\n                        <h3 class=\"name\"><code>aggregate</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-area-stack.js.html#l37\"><code>app&#x2F;components&#x2F;nf-area-stack.js:37</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Whether or not to add the values together to create the stacked area</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_areas\" class=\"property item\">\n                        <h3 class=\"name\"><code>areas</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-area-stack.js.html#l53\"><code>app&#x2F;components&#x2F;nf-area-stack.js:53</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The collection of <code>nf-area</code> components under this stack.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_isAreaStack\" class=\"property item\">\n                        <h3 class=\"name\"><code>isAreaStack</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-area-stack.js.html#l28\"><code>app&#x2F;components&#x2F;nf-area-stack.js:28</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Used by <code>nf-area</code> to identify an area stack parent</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-area.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-area - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-area Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                    <li><a href=\"mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                    <li><a href=\"mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                    <li><a href=\"mixins.graph-graphic-with-tracking-dot.html\">mixins.graph-graphic-with-tracking-dot</a></li>\n                    <li><a href=\"mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-area.js.html#l11\"><code>app&#x2F;components&#x2F;nf-area.js:11</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Adds an area graph to an <code>nf-graph</code> component.</p>\n<p>Optionally, if it's located within an <code>nf-area-stack</code> component, it will work with\nsibling <code>nf-area</code> components to create a stacked graph.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__unregisterGraphic\">_unregisterGraphic</a>\n\n                            </li>\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__updateGraphSelected\">_updateGraphSelected</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_createAreaFn\">createAreaFn</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_getActualTrackData\">getActualTrackData</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_data\">data</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_firstVisibleData\">firstVisibleData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_interpolator\">interpolator</a>\n\n                            </li>\n                            <li class=\"index-item property deprecated inherited\">\n                                <a href=\"#property_isSelected\">isSelected</a>\n\n                                    <span class=\"flag deprecated\">deprecated</span>\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_lastVisibleData\">lastVisibleData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_mappedData\">mappedData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_nextArea\">nextArea</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_nextYData\">nextYData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_prevArea\">prevArea</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_renderedData\">renderedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_selectable\">selectable</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_selected\">selected</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xprop\">xprop</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xPropFn\">xPropFn</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yprop\">yprop</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yPropFn\">yPropFn</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method__unregisterGraphic\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_unregisterGraphic</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-registered-graphic.html#method__unregisterGraphic\">mixins.graph-registered-graphic</a>:\n        <a href=\"../files/addon_mixins_graph-registered-graphic.js.html#l18\"><code>addon&#x2F;mixins&#x2F;graph-registered-graphic.js:18</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>calls <a href=\"../classes/components.nf-graph.html#method_unregisterGraphic\" class=\"crosslink\">unregisterGraphic</a> on\n<code>didInsertElement</code>.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method__updateGraphSelected\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_updateGraphSelected</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-selectable-graphic.html#method__updateGraphSelected\">mixins.graph-selectable-graphic</a>:\n        <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:38</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Makes calls to the parent nf-graph to update it's\n<code>selected</code> property. Observes changes to <code>selected</code> and also\nfires on <code>didInsertElement</code>.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_createAreaFn\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>createAreaFn</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>xScale</code>\n                </li>\n                <li class=\"arg\">\n                        <code>yScale</code>\n                </li>\n                <li class=\"arg\">\n                        <code>interpolator</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n        <span class=\"returns-inline\">\n            <span class=\"type\">Function</span>\n        </span>\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-area-utils.html#method_createAreaFn\">mixins.graph-area-utils</a>:\n        <a href=\"../files/addon_mixins_graph-area-utils.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-area-utils.js:12</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Creates a d3 area function from a given set of scales and an interpolator</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">xScale</code>\n                        <span class=\"type\">Function</span>\n\n\n                    <div class=\"param-description\">\n                        <p>a d3 scale</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">yScale</code>\n                        <span class=\"type\">Function</span>\n\n\n                    <div class=\"param-description\">\n                        <p>a d3 scale</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">interpolator</code>\n                        <span class=\"type\">String</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the name of the d3 interpolator to use.</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n        <div class=\"returns\">\n            <h4>Returns:</h4>\n\n            <div class=\"returns-description\">\n                        <span class=\"type\">Function</span>:\n                    <p>a function that when called will create SVG path data.</p>\n\n            </div>\n        </div>\n\n\n</div>\n<div id=\"method_getActualTrackData\" class=\"method item\">\n    <h3 class=\"name\"><code>getActualTrackData</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n            <p>Inherited from\n            <a href=\"../classes/mixins.graph-data-graphic.html#method_getActualTrackData\">\n                mixins.graph-data-graphic\n            </a>\n            but overwritten in\n        <a href=\"../files/app_components_nf-area.js.html#l67\"><code>app&#x2F;components&#x2F;nf-area.js:67</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Override from <code>graph-data-graphic</code> mixin</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_data\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>data</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l25\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:25</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the data used by the component to plot itself.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_firstVisibleData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>firstVisibleData</code></h3>\n                        <span class=\"type\">Object</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_firstVisibleData\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l152\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:152</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The first element from <a href=\"../classes/mixins.graph-data-graphic.html#property_renderedData\" class=\"crosslink\">renderedData</a>\n                    that is actually visible within the x domain.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_interpolator\" class=\"property item\">\n                        <h3 class=\"name\"><code>interpolator</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-area.js.html#l34\"><code>app&#x2F;components&#x2F;nf-area.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The type of d3 interpolator to use to create the area</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;linear&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_isSelected\" class=\"property item deprecated inherited\">\n                        <h3 class=\"name\"><code>isSelected</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                            <span class=\"flag deprecated\" title=\"use &#x60;selected&#x60;\">deprecated</span>\n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_isSelected\">mixins.graph-selectable-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l31\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:31</code></a>\n                            </p>\n                    \n                                <p>Deprecated: use &#x60;selected&#x60;</p>\n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Alias of selected</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_lastVisibleData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>lastVisibleData</code></h3>\n                        <span class=\"type\">Object</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_lastVisibleData\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l179\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:179</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The last element from <a href=\"../classes/mixins.graph-data-graphic.html#property_renderedData\" class=\"crosslink\">renderedData</a>\n                    that is actually visible within the x domain.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_mappedData\" class=\"property item\">\n                        <h3 class=\"name\"><code>mappedData</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-area.js.html#l102\"><code>app&#x2F;components&#x2F;nf-area.js:102</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The current rendered data &quot;zipped&quot; together with the nextYData.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_nextArea\" class=\"property item\">\n                        <h3 class=\"name\"><code>nextArea</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-area.html\" class=\"crosslink\">components.nf-area</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-area.js.html#l50\"><code>app&#x2F;components&#x2F;nf-area.js:50</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The next area in the stack, if this area is part of an <code>nf-area-stack</code></p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_nextYData\" class=\"property item\">\n                        <h3 class=\"name\"><code>nextYData</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-area.js.html#l85\"><code>app&#x2F;components&#x2F;nf-area.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The computed set of next y values to use for the &quot;bottom&quot; of the graphed area.\n                    If the area is part of a stack, this will be the &quot;top&quot; of the next area in the stack,\n                    otherwise it will return an array of values at the &quot;bottom&quot; of the graph domain.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_prevArea\" class=\"property item\">\n                        <h3 class=\"name\"><code>prevArea</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-area.html\" class=\"crosslink\">components.nf-area</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-area.js.html#l42\"><code>app&#x2F;components&#x2F;nf-area.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The previous area in the stack, if this area is part of an <code>nf-area-stack</code></p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_renderedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>renderedData</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_renderedData\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l111\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:111</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The list of data points from mixins.graph-data-graphc/mappedData:property that\n                    fits within the x domain, plus up to one data point outside of that domain in each direction.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_selectable\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>selectable</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selectable\">mixins.graph-selectable-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l13\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:13</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether or not the graphic is &quot;selectable&quot;. Meaning can be &quot;selected&quot; on the nf-graph\n                    via some action (usually click). The component will then show up in the nf-graph parent's selected\n                    property.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_selected\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>selected</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\">mixins.graph-selectable-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l23\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:23</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether or not the graphic is selected.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xprop\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xprop</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_xprop\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l59\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:59</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The path of the property on each object in\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a>\n                    to use as x data to plot on the graph.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;x&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xPropFn\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xPropFn</code></h3>\n                        <span class=\"type\">Function</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_xPropFn\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l81\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:81</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The function to get the x value from each\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a> object</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_xScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yprop\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yprop</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_yprop\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l70\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:70</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The path of the property on each object in\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a>\n                    to use as y data to plot on the graph.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;y&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_yPropFn\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yPropFn</code></h3>\n                        <span class=\"type\">Function</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_yPropFn\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l96\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:96</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The function to get the y value from each\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a> object</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_yScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-bars.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-bars - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-bars Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                    <li><a href=\"mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                    <li><a href=\"mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                    <li><a href=\"mixins.graph-graphic-with-tracking-dot.html\">mixins.graph-graphic-with-tracking-dot</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-bars.js.html#l11\"><code>app&#x2F;components&#x2F;nf-bars.js:11</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Adds a bar graph to an <code>nf-graph</code> component.</p>\n<p><strong>Requires the graph has <code>xScaleType === 'ordinal'</code></strong>*</p>\n<p>** <code>showTrackingDot</code> defaults to <code>false</code> in this component **</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__unregisterGraphic\">_unregisterGraphic</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_getActualTrackData\">getActualTrackData</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property\">\n                                <a href=\"#property_barClick\">barClick</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_bars\">bars</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_barScale\">barScale</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_barWidth\">barWidth</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_classprop\">classprop</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_data\">data</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_firstVisibleData\">firstVisibleData</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_getBarClass\">getBarClass</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_graphHeight\">graphHeight</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_group\">group</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_groupIndex\">groupIndex</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_lastVisibleData\">lastVisibleData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_renderedData\">renderedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xprop\">xprop</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xPropFn\">xPropFn</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yprop\">yprop</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yPropFn\">yPropFn</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method__unregisterGraphic\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_unregisterGraphic</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-registered-graphic.html#method__unregisterGraphic\">mixins.graph-registered-graphic</a>:\n        <a href=\"../files/addon_mixins_graph-registered-graphic.js.html#l18\"><code>addon&#x2F;mixins&#x2F;graph-registered-graphic.js:18</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>calls <a href=\"../classes/components.nf-graph.html#method_unregisterGraphic\" class=\"crosslink\">unregisterGraphic</a> on\n<code>didInsertElement</code>.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_getActualTrackData\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>getActualTrackData</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>renderX</code>\n                </li>\n                <li class=\"arg\">\n                        <code>renderY</code>\n                </li>\n                <li class=\"arg\">\n                        <code>data</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n        <span class=\"returns-inline\">\n            <span class=\"type\">Object</span>\n        </span>\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-data-graphic.html#method_getActualTrackData\">mixins.graph-data-graphic</a>:\n        <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l235\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:235</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Gets the actual data at a rendered tracking point passed to it.\nThis is overridden in nf-area to account for stacking of data.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">renderX</code>\n                        <span class=\"type\">Number</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the x domain value the data is rendered at</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">renderY</code>\n                        <span class=\"type\">Number</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the y domain value the data is rendered at</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">data</code>\n                        <span class=\"type\">Object</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the raw data from the point</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n        <div class=\"returns\">\n            <h4>Returns:</h4>\n\n            <div class=\"returns-description\">\n                        <span class=\"type\">Object</span>:\n                    <p>simple x, y point structure</p>\n\n            </div>\n        </div>\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_barClick\" class=\"property item\">\n                        <h3 class=\"name\"><code>barClick</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-bars.js.html#l145\"><code>app&#x2F;components&#x2F;nf-bars.js:145</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The name of the action to fire when a bar is clicked.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_bars\" class=\"property item\">\n                        <h3 class=\"name\"><code>bars</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-bars.js.html#l106\"><code>app&#x2F;components&#x2F;nf-bars.js:106</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The bar models used to render the bars.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_barScale\" class=\"property item\">\n                        <h3 class=\"name\"><code>barScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-bars.js.html#l77\"><code>app&#x2F;components&#x2F;nf-bars.js:77</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>A scale provided by nf-bars-group to offset the bar rectangle output</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_barWidth\" class=\"property item\">\n                        <h3 class=\"name\"><code>barWidth</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-bars.js.html#l85\"><code>app&#x2F;components&#x2F;nf-bars.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The width of each bar.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_classprop\" class=\"property item\">\n                        <h3 class=\"name\"><code>classprop</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-bars.js.html#l34\"><code>app&#x2F;components&#x2F;nf-bars.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The name of the property on each data item containing the className for the bar rectangle</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;className&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_data\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>data</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l25\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:25</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the data used by the component to plot itself.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_firstVisibleData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>firstVisibleData</code></h3>\n                        <span class=\"type\">Object</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_firstVisibleData\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l152\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:152</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The first element from <a href=\"../classes/mixins.graph-data-graphic.html#property_renderedData\" class=\"crosslink\">renderedData</a>\n                    that is actually visible within the x domain.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_getBarClass\" class=\"property item private\">\n                        <h3 class=\"name\"><code>getBarClass</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-bars.js.html#l42\"><code>app&#x2F;components&#x2F;nf-bars.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets the function to get the classname from each data item.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graphHeight\" class=\"property item\">\n                        <h3 class=\"name\"><code>graphHeight</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-bars.js.html#l69\"><code>app&#x2F;components&#x2F;nf-bars.js:69</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The graph content height</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_group\" class=\"property item\">\n                        <h3 class=\"name\"><code>group</code></h3>\n                        <span class=\"type\">components.nf-bars-group</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-bars.js.html#l53\"><code>app&#x2F;components&#x2F;nf-bars.js:53</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The nf-bars-group this belongs to, if any.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_groupIndex\" class=\"property item\">\n                        <h3 class=\"name\"><code>groupIndex</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-bars.js.html#l61\"><code>app&#x2F;components&#x2F;nf-bars.js:61</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The index of this component within the group, if any.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_lastVisibleData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>lastVisibleData</code></h3>\n                        <span class=\"type\">Object</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_lastVisibleData\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l179\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:179</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The last element from <a href=\"../classes/mixins.graph-data-graphic.html#property_renderedData\" class=\"crosslink\">renderedData</a>\n                    that is actually visible within the x domain.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_renderedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>renderedData</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_renderedData\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l111\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:111</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The list of data points from mixins.graph-data-graphc/mappedData:property that\n                    fits within the x domain, plus up to one data point outside of that domain in each direction.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xprop\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xprop</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_xprop\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l59\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:59</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The path of the property on each object in\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a>\n                    to use as x data to plot on the graph.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;x&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xPropFn\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xPropFn</code></h3>\n                        <span class=\"type\">Function</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_xPropFn\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l81\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:81</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The function to get the x value from each\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a> object</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_xScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yprop\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yprop</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_yprop\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l70\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:70</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The path of the property on each object in\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a>\n                    to use as y data to plot on the graph.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;y&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_yPropFn\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yPropFn</code></h3>\n                        <span class=\"type\">Function</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_yPropFn\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l96\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:96</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The function to get the y value from each\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a> object</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_yScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-crosshair.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-crosshair - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-crosshair Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-crosshair.js.html#l4\"><code>app&#x2F;components&#x2F;nf-crosshair.js:4</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>A component that adds a &quot;crosshair&quot; to an <code>nf-graph</code> that follows the mouse\nwhile it's hovering over the graph content.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_height\">height</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_isVisible\">isVisible</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_width\">width</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x\">x</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_y\">y</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_height\" class=\"property item\">\n                        <h3 class=\"name\"><code>height</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-crosshair.js.html#l17\"><code>app&#x2F;components&#x2F;nf-crosshair.js:17</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The height of the crosshair in pixels</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_isVisible\" class=\"property item\">\n                        <h3 class=\"name\"><code>isVisible</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-crosshair.js.html#l49\"><code>app&#x2F;components&#x2F;nf-crosshair.js:49</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The visibility of the component</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_width\" class=\"property item\">\n                        <h3 class=\"name\"><code>width</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-crosshair.js.html#l25\"><code>app&#x2F;components&#x2F;nf-crosshair.js:25</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The width of the crosshair in pixels</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_x\" class=\"property item\">\n                        <h3 class=\"name\"><code>x</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-crosshair.js.html#l33\"><code>app&#x2F;components&#x2F;nf-crosshair.js:33</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x position of the crosshairs</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_y\" class=\"property item\">\n                        <h3 class=\"name\"><code>y</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-crosshair.js.html#l41\"><code>app&#x2F;components&#x2F;nf-crosshair.js:41</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y position of the crosshairs</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-dot.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-dot - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-dot Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-dot.js.html#l5\"><code>app&#x2F;components&#x2F;nf-dot.js:5</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Plots a circle at a given x and y domain value on an <code>nf-graph</code>.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_cx\">cx</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_cy\">cy</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_isVisible\">isVisible</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_r\">r</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x\">x</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x\">x</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_cx\" class=\"property item private\">\n                        <h3 class=\"name\"><code>cx</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-dot.js.html#l47\"><code>app&#x2F;components&#x2F;nf-dot.js:47</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The computed center x coordinate of the circle</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_cy\" class=\"property item private\">\n                        <h3 class=\"name\"><code>cy</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-dot.js.html#l61\"><code>app&#x2F;components&#x2F;nf-dot.js:61</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The computed center y coordinate of the circle</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_isVisible\" class=\"property item private\">\n                        <h3 class=\"name\"><code>isVisible</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-dot.js.html#l75\"><code>app&#x2F;components&#x2F;nf-dot.js:75</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Toggles the visibility of the dot. If x or y are\n                    not numbers, will return false.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_r\" class=\"property item\">\n                        <h3 class=\"name\"><code>r</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-dot.js.html#l35\"><code>app&#x2F;components&#x2F;nf-dot.js:35</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the circle plotted</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_x\" class=\"property item\">\n                        <h3 class=\"name\"><code>x</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-dot.js.html#l27\"><code>app&#x2F;components&#x2F;nf-dot.js:27</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y domain value at which to plot the circle</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_x\" class=\"property item\">\n                        <h3 class=\"name\"><code>x</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-dot.js.html#l19\"><code>app&#x2F;components&#x2F;nf-dot.js:19</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x domain value at which to plot the circle</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_xScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_yScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-gg.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-gg - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-gg Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-require-scale-source.html\">mixins.graph-require-scale-source</a></li>\n                    <li><a href=\"mixins.graph-selecteble-graphic.html\">mixins.graph-selecteble-graphic</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-gg.js.html#l6\"><code>app&#x2F;components&#x2F;nf-gg.js:6</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>A grouping tag that provides zooming and offset functionality to it's children.</p>\n<h2>Example</h2>\n<p>The following example will show a line of <code>someData</code> with a 2x zoom, offset by 30px in both x and y\ndirections:</p>\n<pre class=\"code prettyprint\"><code>  {{#nf-gg scaleZoomX=&quot;2&quot; scaleZoomY=&quot;2&quot; scaleOffsetX=&quot;30&quot; scaleOffsetY=&quot;30&quot;}}\n    {{nf-line data=someData}}\n  {{/nf-gg}}</code></pre>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-graph-content.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-graph-content - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-graph-content Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n            </ul>\n        </div>\n\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-graph-content.js.html#l5\"><code>app&#x2F;components&#x2F;nf-graph-content.js:5</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Container component for graphics to display in <code>nf-graph</code>. Represents\nthe area where the graphics, such as lines will display.</p>\n<p>Exists for layout purposes.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties\">\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_frets\">frets</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_gridLanes\">gridLanes</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_height\">height</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_hoverChange\">hoverChange</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_hoverEnd\">hoverEnd</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_transform\">transform</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_width\">width</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x\">x</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_y\">y</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_frets\" class=\"property item\">\n                        <h3 class=\"name\"><code>frets</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph-content.js.html#l153\"><code>app&#x2F;components&#x2F;nf-graph-content.js:153</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>An array containing models to render fret lines</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_gridLanes\" class=\"property item\">\n                        <h3 class=\"name\"><code>gridLanes</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph-content.js.html#l71\"><code>app&#x2F;components&#x2F;nf-graph-content.js:71</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>An array containing models to render the grid lanes</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_height\" class=\"property item\">\n                        <h3 class=\"name\"><code>height</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph-content.js.html#l62\"><code>app&#x2F;components&#x2F;nf-graph-content.js:62</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The calculated height of the graph content.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_hoverChange\" class=\"property item\">\n                        <h3 class=\"name\"><code>hoverChange</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph-content.js.html#l110\"><code>app&#x2F;components&#x2F;nf-graph-content.js:110</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The name of the hoverChange action to fire</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverEnd\" class=\"property item\">\n                        <h3 class=\"name\"><code>hoverEnd</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph-content.js.html#l132\"><code>app&#x2F;components&#x2F;nf-graph-content.js:132</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The name of the hoverEnd action to fire</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_transform\" class=\"property item\">\n                        <h3 class=\"name\"><code>transform</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph-content.js.html#l26\"><code>app&#x2F;components&#x2F;nf-graph-content.js:26</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The SVG transform for positioning the graph content</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_width\" class=\"property item\">\n                        <h3 class=\"name\"><code>width</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph-content.js.html#l54\"><code>app&#x2F;components&#x2F;nf-graph-content.js:54</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The calculated width of the graph content</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_x\" class=\"property item\">\n                        <h3 class=\"name\"><code>x</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph-content.js.html#l38\"><code>app&#x2F;components&#x2F;nf-graph-content.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x position of the graph content</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_y\" class=\"property item\">\n                        <h3 class=\"name\"><code>y</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph-content.js.html#l46\"><code>app&#x2F;components&#x2F;nf-graph-content.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The calculated y position of the graph content</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-graph.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-graph - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-graph Class</h1>\n<div class=\"box meta\">\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-graph.js.html#l239\"><code>app&#x2F;components&#x2F;nf-graph.js:239</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>A container component for building complex Cartesian graphs.</p>\n<h2>Minimal example</h2>\n<pre class=\"code prettyprint\"><code> {{#nf-graph width=100 height=50}}\n   {{#nf-graph-content}}\n     {{nf-line data=lineData xprop=&quot;foo&quot; yprop=&quot;bar&quot;}}\n   {{/nf-graph-content}}\n {{/nf-graph}}\n</code></pre>\n<p>The above will create a simple 100x50 graph, with no axes, and a single line\nplotting the data it finds on each object in the array <code>lineData</code> at properties\n<code>foo</code> and <code>bar</code> for x and y values respectively.</p>\n<h2>More advanced example</h2>\n<pre class=\"code prettyprint\"><code> {{#nf-graph width=500 height=300}}\n   {{#nf-x-axis height=&quot;50&quot; as |tick|}}\n     &lt;text&gt;{{tick.value}}&lt;/text&gt;\n   {{/nf-x-axis}}\n\n   {{#nf-y-axis width=&quot;120&quot; as |tick|}}\n     &lt;text&gt;{{tick.value}}&lt;/text&gt;\n   {{/nf-y-axis}}\n\n   {{#nf-graph-content}}\n     {{nf-line data=lineData xprop=&quot;foo&quot; yprop=&quot;bar&quot;}}\n   {{/nf-graph-content}}\n {{/nf-graph}}\n</code></pre>\n<p>The above example will create a 500x300 graph with both axes visible. The graph will not\nrender either axis unless its component is present.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private\">\n                                <a href=\"#method__notifyHasRendered\">_notifyHasRendered</a>\n\n                            </li>\n                            <li class=\"index-item method private\">\n                                <a href=\"#method__setup\">_setup</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_deselectGraphic\">deselectGraphic</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_didAutoUpdateMaxX\">didAutoUpdateMaxX</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_didAutoUpdateMaxY\">didAutoUpdateMaxY</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_didAutoUpdateMinX\">didAutoUpdateMinX</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_didAutoUpdateMinY\">didAutoUpdateMinY</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_mousePoint\">mousePoint</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_registerGraphic\">registerGraphic</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_selectGraphic\">selectGraphic</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_unregisterGraphic\">unregisterGraphic</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property private\">\n                                <a href=\"#property__xMax\">_xMax</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property__xMin\">_xMin</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property__yMax\">_yMax</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property__yMin\">_yMin</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_autoScaleXAction\">autoScaleXAction</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_autoScaleYAction\">autoScaleYAction</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_brushAction\">brushAction</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_brushEndAction\">brushEndAction</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_brushStartAction\">brushStartAction</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_brushThreshold\">brushThreshold</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_contentClipPathId\">contentClipPathId</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_dataExtents\">dataExtents</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_graphHeight\">graphHeight</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_graphics\">graphics</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_graphTransform\">graphTransform</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_graphWidth\">graphWidth</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_graphX\">graphX</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_graphY\">graphY</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_hasData\">hasData</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_hasRendered\">hasRendered</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_height\">height</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_isGraph\">isGraph</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_isScaleSource\">isScaleSource</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_paddingBottom\">paddingBottom</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_paddingLeft\">paddingLeft</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_paddingRight\">paddingRight</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_paddingTop\">paddingTop</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_parentController\">parentController</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_selected\">selected</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_selectMultiple\">selectMultiple</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_showFrets\">showFrets</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_showLanes\">showLanes</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_showXAxis\">showXAxis</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_showYAxis\">showYAxis</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_width\">width</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xAxis\">xAxis</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xDataExtent\">xDataExtent</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xDomain\">xDomain</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xLogMin\">xLogMin</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xMax\">xMax</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xMaxMode\">xMaxMode</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xMin\">xMin</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xMinMode\">xMinMode</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xOrdinalOuterPadding\">xOrdinalOuterPadding</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xOrdinalPadding\">xOrdinalPadding</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xPowerExponent\">xPowerExponent</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xRange\">xRange</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xScaleFactory\">xScaleFactory</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xScaleType\">xScaleType</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xUniqueData\">xUniqueData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yAxis\">yAxis</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yDataExtent\">yDataExtent</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yDomain\">yDomain</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yLogMin\">yLogMin</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yMax\">yMax</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yMaxMode\">yMaxMode</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yMin\">yMin</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yMinMode\">yMinMode</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yOrdinalOuterPadding\">yOrdinalOuterPadding</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yOrdinalPadding\">yOrdinalPadding</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yPowerExponent\">yPowerExponent</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yRange\">yRange</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yScaleFactory\">yScaleFactory</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yScaleType\">yScaleType</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yUniqueData\">yUniqueData</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__notifyHasRendered\" class=\"method item private\">\n    <h3 class=\"name\"><code>_notifyHasRendered</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-graph.js.html#l989\"><code>app&#x2F;components&#x2F;nf-graph.js:989</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Sets <code>hasRendered</code> to <code>true</code> on <code>willInsertElement</code>.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method__setup\" class=\"method item private\">\n    <h3 class=\"name\"><code>_setup</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-graph.js.html#l1064\"><code>app&#x2F;components&#x2F;nf-graph.js:1064</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>The initialization method. Fired on <code>init</code>.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_deselectGraphic\" class=\"method item\">\n    <h3 class=\"name\"><code>deselectGraphic</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>graphic</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-graph.js.html#l1047\"><code>app&#x2F;components&#x2F;nf-graph.js:1047</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>deselects the graphic passed.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">graphic</code>\n                        <span class=\"type\">Ember.Component</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the graph child component to deselect.</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n\n\n</div>\n<div id=\"method_didAutoUpdateMaxX\" class=\"method item\">\n    <h3 class=\"name\"><code>didAutoUpdateMaxX</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-graph.js.html#l663\"><code>app&#x2F;components&#x2F;nf-graph.js:663</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Event handler that is fired for the <code>didAutoUpdateMaxX</code> event</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_didAutoUpdateMaxY\" class=\"method item\">\n    <h3 class=\"name\"><code>didAutoUpdateMaxY</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-graph.js.html#l679\"><code>app&#x2F;components&#x2F;nf-graph.js:679</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Event handler that is fired for the <code>didAutoUpdateMaxY</code> event</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_didAutoUpdateMinX\" class=\"method item\">\n    <h3 class=\"name\"><code>didAutoUpdateMinX</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-graph.js.html#l671\"><code>app&#x2F;components&#x2F;nf-graph.js:671</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Event handler that is fired for the <code>didAutoUpdateMinX</code> event</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_didAutoUpdateMinY\" class=\"method item\">\n    <h3 class=\"name\"><code>didAutoUpdateMinY</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-graph.js.html#l687\"><code>app&#x2F;components&#x2F;nf-graph.js:687</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Event handler that is fired for the <code>didAutoUpdateMinY</code> event</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_mousePoint\" class=\"method item\">\n    <h3 class=\"name\"><code>mousePoint</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>container</code>\n                </li>\n                <li class=\"arg\">\n                        <code>e</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n        <span class=\"returns-inline\">\n            <span class=\"type\">Array</span>\n        </span>\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-graph.js.html#l998\"><code>app&#x2F;components&#x2F;nf-graph.js:998</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Gets the mouse position relative to the container</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">container</code>\n                        <span class=\"type\">SVGElement</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the SVG element that contains the mouse event</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">e</code>\n                        <span class=\"type\">Object</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the DOM mouse event</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n        <div class=\"returns\">\n            <h4>Returns:</h4>\n\n            <div class=\"returns-description\">\n                        <span class=\"type\">Array</span>:\n                    <p>an array of <code>[xMouseCoord, yMouseCoord]</code></p>\n\n            </div>\n        </div>\n\n\n</div>\n<div id=\"method_registerGraphic\" class=\"method item\">\n    <h3 class=\"name\"><code>registerGraphic</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>graphic</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-graph.js.html#l858\"><code>app&#x2F;components&#x2F;nf-graph.js:858</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Registers a graphic such as <code>nf-line</code> or <code>nf-area</code> components with the graph.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">graphic</code>\n                        <span class=\"type\">Ember.Component</span>\n\n\n                    <div class=\"param-description\">\n                        <p>The component object to register</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n\n\n</div>\n<div id=\"method_selectGraphic\" class=\"method item\">\n    <h3 class=\"name\"><code>selectGraphic</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>graphic</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-graph.js.html#l1026\"><code>app&#x2F;components&#x2F;nf-graph.js:1026</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Selects the graphic passed. If <code>selectMultiple</code> is false, it will deselect the currently\nselected graphic if it's different from the one passed.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">graphic</code>\n                        <span class=\"type\">Ember.Component</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the graph component to select within the graph.</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n\n\n</div>\n<div id=\"method_unregisterGraphic\" class=\"method item\">\n    <h3 class=\"name\"><code>unregisterGraphic</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>graphic</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-graph.js.html#l869\"><code>app&#x2F;components&#x2F;nf-graph.js:869</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Unregisters a graphic such as an <code>nf-line</code> or <code>nf-area</code> from the graph.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">graphic</code>\n                        <span class=\"type\">Ember.Component</span>\n\n\n                    <div class=\"param-description\">\n                        <p>The component to unregister</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property__xMax\" class=\"property item private\">\n                        <h3 class=\"name\"><code>_xMax</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l493\"><code>app&#x2F;components&#x2F;nf-graph.js:493</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Backing field for <code>xMax</code></p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property__xMin\" class=\"property item private\">\n                        <h3 class=\"name\"><code>_xMin</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l486\"><code>app&#x2F;components&#x2F;nf-graph.js:486</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Backing field for <code>xMin</code></p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property__yMax\" class=\"property item private\">\n                        <h3 class=\"name\"><code>_yMax</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l507\"><code>app&#x2F;components&#x2F;nf-graph.js:507</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Backing field for <code>yMax</code></p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property__yMin\" class=\"property item private\">\n                        <h3 class=\"name\"><code>_yMin</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l500\"><code>app&#x2F;components&#x2F;nf-graph.js:500</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Backing field for <code>yMin</code></p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_autoScaleXAction\" class=\"property item\">\n                        <h3 class=\"name\"><code>autoScaleXAction</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l643\"><code>app&#x2F;components&#x2F;nf-graph.js:643</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to trigger when the graph automatically updates the xScale\n                    due to an &quot;auto&quot; &quot;push&quot; or &quot;push-tick&quot; domainMode.</p>\n                    <p>sends the graph component instance value as the argument.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_autoScaleYAction\" class=\"property item\">\n                        <h3 class=\"name\"><code>autoScaleYAction</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l695\"><code>app&#x2F;components&#x2F;nf-graph.js:695</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to trigger when the graph automatically updates the yScale\n                    due to an &quot;auto&quot; &quot;push&quot; or &quot;push-tick&quot; domainMode.</p>\n                    <p>Sends the graph component instance as the argument.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_brushAction\" class=\"property item\">\n                        <h3 class=\"name\"><code>brushAction</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l1090\"><code>app&#x2F;components&#x2F;nf-graph.js:1090</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The name of the action to trigger when brushing emits a new value</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_brushEndAction\" class=\"property item\">\n                        <h3 class=\"name\"><code>brushEndAction</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l1098\"><code>app&#x2F;components&#x2F;nf-graph.js:1098</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The name of the action to trigger when brushing ends</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_brushStartAction\" class=\"property item\">\n                        <h3 class=\"name\"><code>brushStartAction</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l1082\"><code>app&#x2F;components&#x2F;nf-graph.js:1082</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The name of the action to trigger when brushing starts</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_brushThreshold\" class=\"property item\">\n                        <h3 class=\"name\"><code>brushThreshold</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l1074\"><code>app&#x2F;components&#x2F;nf-graph.js:1074</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The amount of leeway, in pixels, to give before triggering a brush start.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 7</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_contentClipPathId\" class=\"property item private\">\n                        <h3 class=\"name\"><code>contentClipPathId</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l766\"><code>app&#x2F;components&#x2F;nf-graph.js:766</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets the DOM id for the content clipPath element.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_dataExtents\" class=\"property item\">\n                        <h3 class=\"name\"><code>dataExtents</code></h3>\n                        <span class=\"type\">Object</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l615\"><code>app&#x2F;components&#x2F;nf-graph.js:615</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The data extents for all data in the registered <code>graphics</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> {\n                      xMin: Number.MAX_VALUE,\n                      xMax: Number.MIN_VALUE,\n                      yMin: Number.MAX_VALUE,\n                      yMax: Number.MIN_VALUE\n                    }</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graphHeight\" class=\"property item\">\n                        <h3 class=\"name\"><code>graphHeight</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l963\"><code>app&#x2F;components&#x2F;nf-graph.js:963</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The height, in pixels, of the graph content</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_graphics\" class=\"property item\">\n                        <h3 class=\"name\"><code>graphics</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l777\"><code>app&#x2F;components&#x2F;nf-graph.js:777</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Registry of contained graphic elements such as <code>nf-line</code> or <code>nf-area</code> components.\n                    This registry is used to pool data for scaling purposes.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_graphTransform\" class=\"property item\">\n                        <h3 class=\"name\"><code>graphTransform</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l977\"><code>app&#x2F;components&#x2F;nf-graph.js:977</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>An SVG transform to position the graph content</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_graphWidth\" class=\"property item\">\n                        <h3 class=\"name\"><code>graphWidth</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l949\"><code>app&#x2F;components&#x2F;nf-graph.js:949</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The width, in pixels, of the graph content</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_graphX\" class=\"property item\">\n                        <h3 class=\"name\"><code>graphX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l917\"><code>app&#x2F;components&#x2F;nf-graph.js:917</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x coordinate position of the graph content</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_graphY\" class=\"property item\">\n                        <h3 class=\"name\"><code>graphY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l933\"><code>app&#x2F;components&#x2F;nf-graph.js:933</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y coordinate position of the graph content</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_hasData\" class=\"property item\">\n                        <h3 class=\"name\"><code>hasData</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l907\"><code>app&#x2F;components&#x2F;nf-graph.js:907</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Returns <code>true</code> if the graph has data to render. Data is conveyed\n                    to the graph by registered graphics.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hasRendered\" class=\"property item private\">\n                        <h3 class=\"name\"><code>hasRendered</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l327\"><code>app&#x2F;components&#x2F;nf-graph.js:327</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_height\" class=\"property item\">\n                        <h3 class=\"name\"><code>height</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l350\"><code>app&#x2F;components&#x2F;nf-graph.js:350</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The height of the graph in pixels.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 100</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_isGraph\" class=\"property item private\">\n                        <h3 class=\"name\"><code>isGraph</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l313\"><code>app&#x2F;components&#x2F;nf-graph.js:313</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Allows child compoenents to identify graph parent.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_isScaleSource\" class=\"property item private\">\n                        <h3 class=\"name\"><code>isScaleSource</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l320\"><code>app&#x2F;components&#x2F;nf-graph.js:320</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Identifies this graph to its children as providing scales.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_paddingBottom\" class=\"property item\">\n                        <h3 class=\"name\"><code>paddingBottom</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l382\"><code>app&#x2F;components&#x2F;nf-graph.js:382</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The padding at the bottom of the graph</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_paddingLeft\" class=\"property item\">\n                        <h3 class=\"name\"><code>paddingLeft</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l366\"><code>app&#x2F;components&#x2F;nf-graph.js:366</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The padding at the left of the graph</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_paddingRight\" class=\"property item\">\n                        <h3 class=\"name\"><code>paddingRight</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l374\"><code>app&#x2F;components&#x2F;nf-graph.js:374</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The padding at the right of the graph</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_paddingTop\" class=\"property item\">\n                        <h3 class=\"name\"><code>paddingTop</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l358\"><code>app&#x2F;components&#x2F;nf-graph.js:358</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The padding at the top of the graph</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_parentController\" class=\"property item\">\n                        <h3 class=\"name\"><code>parentController</code></h3>\n                        <span class=\"type\">Ember.Controller</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l1018\"><code>app&#x2F;components&#x2F;nf-graph.js:1018</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>A computed property returned the view's controller.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_selected\" class=\"property item\">\n                        <h3 class=\"name\"><code>selected</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l788\"><code>app&#x2F;components&#x2F;nf-graph.js:788</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>An array of &quot;selectable&quot; graphics that have been selected within this graph.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_selectMultiple\" class=\"property item\">\n                        <h3 class=\"name\"><code>selectMultiple</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l333\"><code>app&#x2F;components&#x2F;nf-graph.js:333</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the whether or not multiple selectable graphics may be\n                    selected simultaneously.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showFrets\" class=\"property item\">\n                        <h3 class=\"name\"><code>showFrets</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l399\"><code>app&#x2F;components&#x2F;nf-graph.js:399</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Determines whether to display &quot;frets&quot; in the background of\n                    the graph.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showLanes\" class=\"property item\">\n                        <h3 class=\"name\"><code>showLanes</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l390\"><code>app&#x2F;components&#x2F;nf-graph.js:390</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Determines whether to display &quot;lanes&quot; in the background of\n                    the graph.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showXAxis\" class=\"property item\">\n                        <h3 class=\"name\"><code>showXAxis</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l804\"><code>app&#x2F;components&#x2F;nf-graph.js:804</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Computed property to show xAxis. Returns <code>true</code> if an xAxis is present.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showYAxis\" class=\"property item\">\n                        <h3 class=\"name\"><code>showYAxis</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l796\"><code>app&#x2F;components&#x2F;nf-graph.js:796</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Computed property to show yAxis. Returns <code>true</code> if a yAxis is present.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_width\" class=\"property item\">\n                        <h3 class=\"name\"><code>width</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l342\"><code>app&#x2F;components&#x2F;nf-graph.js:342</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The width of the graph in pixels.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 300</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xAxis\" class=\"property item\">\n                        <h3 class=\"name\"><code>xAxis</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l478\"><code>app&#x2F;components&#x2F;nf-graph.js:478</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The <code>nf-x-axis</code> component is registered here if there is one present</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xDataExtent\" class=\"property item\">\n                        <h3 class=\"name\"><code>xDataExtent</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l707\"><code>app&#x2F;components&#x2F;nf-graph.js:707</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets the highest and lowest x values of the graphed data in a two element array.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xDomain\" class=\"property item\">\n                        <h3 class=\"name\"><code>xDomain</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l826\"><code>app&#x2F;components&#x2F;nf-graph.js:826</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets the domain of x values.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xLogMin\" class=\"property item\">\n                        <h3 class=\"name\"><code>xLogMin</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l297\"><code>app&#x2F;components&#x2F;nf-graph.js:297</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The min value to use for xScaleType &quot;log&quot; if xMin &lt;= 0</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0.1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xMax\" class=\"property item\">\n                        <h3 class=\"name\"><code>xMax</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l521\"><code>app&#x2F;components&#x2F;nf-graph.js:521</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the maximum x domain value to display on the graph.\n                    Behavior depends on <code>xMaxMode</code>.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xMaxMode\" class=\"property item\">\n                        <h3 class=\"name\"><code>xMaxMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l561\"><code>app&#x2F;components&#x2F;nf-graph.js:561</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Sets the behavior of <code>xMax</code> for the graph.</p>\n                    <h3>Possible values:</h3>\n                    <ul>\n                    <li>'auto': (default) xMax is always equal to the maximum domain value contained in the graphed data. Cannot be set.</li>\n                    <li>'fixed': xMax can be set to an exact value and will not change based on graphed data.</li>\n                    <li>'push': xMax can be set to a specific value, but will update if the maximum x value contained in the graph is greater than\n                    what xMax is currently set to.</li>\n                    <li>'push-tick': xMax can be set to a specific value, but will update to next &quot;nice&quot; tick if the maximum x value contained in\n                    the graph is greater than that xMax is set to.</li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;auto&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xMin\" class=\"property item\">\n                        <h3 class=\"name\"><code>xMin</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l514\"><code>app&#x2F;components&#x2F;nf-graph.js:514</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the minimum x domain value to display on the graph.\n                    Behavior depends on <code>xMinMode</code>.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xMinMode\" class=\"property item\">\n                        <h3 class=\"name\"><code>xMinMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l543\"><code>app&#x2F;components&#x2F;nf-graph.js:543</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Sets the behavior of <code>xMin</code> for the graph.</p>\n                    <h3>Possible values:</h3>\n                    <ul>\n                    <li>'auto': (default) xMin is always equal to the minimum domain value contained in the graphed data. Cannot be set.</li>\n                    <li>'fixed': xMin can be set to an exact value and will not change based on graphed data.</li>\n                    <li>'push': xMin can be set to a specific value, but will update if the minimum x value contained in the graph is less than\n                    what xMin is currently set to.</li>\n                    <li>'push-tick': xMin can be set to a specific value, but will update to next &quot;nice&quot; tick if the minimum x value contained in\n                    the graph is less than that xMin is set to.</li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;auto&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xOrdinalOuterPadding\" class=\"property item\">\n                        <h3 class=\"name\"><code>xOrdinalOuterPadding</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l446\"><code>app&#x2F;components&#x2F;nf-graph.js:446</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The padding at the ends of the domain data when <code>xScaleType</code> is <code>'ordinal'</code></p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0.1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xOrdinalPadding\" class=\"property item\">\n                        <h3 class=\"name\"><code>xOrdinalPadding</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l438\"><code>app&#x2F;components&#x2F;nf-graph.js:438</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The padding between value steps when <code>xScaleType</code> is <code>'ordinal'</code></p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0.1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xPowerExponent\" class=\"property item\">\n                        <h3 class=\"name\"><code>xPowerExponent</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l281\"><code>app&#x2F;components&#x2F;nf-graph.js:281</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The exponent to use for xScaleType &quot;pow&quot; or &quot;power&quot;.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 3</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xRange\" class=\"property item\">\n                        <h3 class=\"name\"><code>xRange</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l896\"><code>app&#x2F;components&#x2F;nf-graph.js:896</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x range of the graph in pixels. The min and max pixel values\n                    in an array form.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">Function</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l842\"><code>app&#x2F;components&#x2F;nf-graph.js:842</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets the current xScale used to draw the graph.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xScaleFactory\" class=\"property item\">\n                        <h3 class=\"name\"><code>xScaleFactory</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l812\"><code>app&#x2F;components&#x2F;nf-graph.js:812</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets a function to create the xScale</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xScaleType\" class=\"property item\">\n                        <h3 class=\"name\"><code>xScaleType</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l408\"><code>app&#x2F;components&#x2F;nf-graph.js:408</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The type of scale to use for x values.</p>\n                    <p>Possible Values:</p>\n                    <ul>\n                    <li><code>'linear'</code> - a standard linear scale</li>\n                    <li><code>'log'</code> - a logarithmic scale</li>\n                    <li><code>'power'</code> - a power-based scale (exponent = 3)</li>\n                    <li><code>'ordinal'</code> - an ordinal scale, used for ordinal data. required for bar graphs.</li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;linear&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xUniqueData\" class=\"property item\">\n                        <h3 class=\"name\"><code>xUniqueData</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l729\"><code>app&#x2F;components&#x2F;nf-graph.js:729</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yAxis\" class=\"property item\">\n                        <h3 class=\"name\"><code>yAxis</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l470\"><code>app&#x2F;components&#x2F;nf-graph.js:470</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>the <code>nf-y-axis</code> component is registered here if there is one present</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_yDataExtent\" class=\"property item\">\n                        <h3 class=\"name\"><code>yDataExtent</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l718\"><code>app&#x2F;components&#x2F;nf-graph.js:718</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets the highest and lowest y values of the graphed data in a two element array.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yDomain\" class=\"property item\">\n                        <h3 class=\"name\"><code>yDomain</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l834\"><code>app&#x2F;components&#x2F;nf-graph.js:834</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets the domain of y values.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yLogMin\" class=\"property item\">\n                        <h3 class=\"name\"><code>yLogMin</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l305\"><code>app&#x2F;components&#x2F;nf-graph.js:305</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The min value to use for yScaleType &quot;log&quot; if yMin &lt;= 0</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0.1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_yMax\" class=\"property item\">\n                        <h3 class=\"name\"><code>yMax</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l535\"><code>app&#x2F;components&#x2F;nf-graph.js:535</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the maximum y domain value to display on the graph.\n                    Behavior depends on <code>yMaxMode</code>.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yMaxMode\" class=\"property item\">\n                        <h3 class=\"name\"><code>yMaxMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l597\"><code>app&#x2F;components&#x2F;nf-graph.js:597</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Sets the behavior of <code>yMax</code> for the graph.</p>\n                    <h3>Possible values:</h3>\n                    <ul>\n                    <li>'auto': (default) yMax is always equal to the maximum domain value contained in the graphed data. Cannot be set.</li>\n                    <li>'fixed': yMax can be set to an exact value and will not change based on graphed data.</li>\n                    <li>'push': yMax can be set to a specific value, but will update if the maximum y value contained in the graph is greater than\n                    what yMax is currently set to.</li>\n                    <li>'push-tick': yMax can be set to a specific value, but will update to next &quot;nice&quot; tick if the maximum y value contained in\n                    the graph is greater than that yMax is set to.</li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;auto&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_yMin\" class=\"property item\">\n                        <h3 class=\"name\"><code>yMin</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l528\"><code>app&#x2F;components&#x2F;nf-graph.js:528</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the minimum y domain value to display on the graph.\n                    Behavior depends on <code>yMinMode</code>.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yMinMode\" class=\"property item\">\n                        <h3 class=\"name\"><code>yMinMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l579\"><code>app&#x2F;components&#x2F;nf-graph.js:579</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Sets the behavior of <code>yMin</code> for the graph.</p>\n                    <h3>Possible values:</h3>\n                    <ul>\n                    <li>'auto': (default) yMin is always equal to the minimum domain value contained in the graphed data. Cannot be set.</li>\n                    <li>'fixed': yMin can be set to an exact value and will not change based on graphed data.</li>\n                    <li>'push': yMin can be set to a specific value, but will update if the minimum y value contained in the graph is less than\n                    what yMin is currently set to.</li>\n                    <li>'push-tick': yMin can be set to a specific value, but will update to next &quot;nice&quot; tick if the minimum y value contained in\n                    the graph is less than that yMin is set to.</li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;auto&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_yOrdinalOuterPadding\" class=\"property item\">\n                        <h3 class=\"name\"><code>yOrdinalOuterPadding</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l462\"><code>app&#x2F;components&#x2F;nf-graph.js:462</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The padding at the ends of the domain data when <code>yScaleType</code> is <code>'ordinal'</code></p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0.1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_yOrdinalPadding\" class=\"property item\">\n                        <h3 class=\"name\"><code>yOrdinalPadding</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l454\"><code>app&#x2F;components&#x2F;nf-graph.js:454</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The padding between value steps when <code>xScaleType</code> is <code>'ordinal'</code></p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0.1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_yPowerExponent\" class=\"property item\">\n                        <h3 class=\"name\"><code>yPowerExponent</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l289\"><code>app&#x2F;components&#x2F;nf-graph.js:289</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The exponent to use for yScaleType &quot;pow&quot; or &quot;power&quot;.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 3</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_yRange\" class=\"property item\">\n                        <h3 class=\"name\"><code>yRange</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l885\"><code>app&#x2F;components&#x2F;nf-graph.js:885</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y range of the graph in pixels. The min and max pixel values\n                    in an array form.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">Function</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l850\"><code>app&#x2F;components&#x2F;nf-graph.js:850</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets the current yScale used to draw the graph.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScaleFactory\" class=\"property item\">\n                        <h3 class=\"name\"><code>yScaleFactory</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l819\"><code>app&#x2F;components&#x2F;nf-graph.js:819</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets a function to create the yScale</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScaleType\" class=\"property item\">\n                        <h3 class=\"name\"><code>yScaleType</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l423\"><code>app&#x2F;components&#x2F;nf-graph.js:423</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The type of scale to use for y values.</p>\n                    <p>Possible Values:</p>\n                    <ul>\n                    <li><code>'linear'</code> - a standard linear scale</li>\n                    <li><code>'log'</code> - a logarithmic scale</li>\n                    <li><code>'power'</code> - a power-based scale (exponent = 3)</li>\n                    <li><code>'ordinal'</code> - an ordinal scale, used for ordinal data. required for bar graphs.</li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;linear&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_yUniqueData\" class=\"property item\">\n                        <h3 class=\"name\"><code>yUniqueData</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-graph.js.html#l748\"><code>app&#x2F;components&#x2F;nf-graph.js:748</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-horizontal-line.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-horizontal-line - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-horizontal-line Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-horizontal-line.js.html#l5\"><code>app&#x2F;components&#x2F;nf-horizontal-line.js:5</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Draws a horizontal line on the graph at a given y domain value</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_lineY\">lineY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_x1\">x1</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_x2\">x2</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_y\">y</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_lineY\" class=\"property item private\">\n                        <h3 class=\"name\"><code>lineY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-horizontal-line.js.html#l28\"><code>app&#x2F;components&#x2F;nf-horizontal-line.js:28</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The computed y coordinate of the line to draw</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_x1\" class=\"property item private\">\n                        <h3 class=\"name\"><code>x1</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-horizontal-line.js.html#l42\"><code>app&#x2F;components&#x2F;nf-horizontal-line.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The left x coordinate of the line</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_x2\" class=\"property item private\">\n                        <h3 class=\"name\"><code>x2</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-horizontal-line.js.html#l51\"><code>app&#x2F;components&#x2F;nf-horizontal-line.js:51</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The right x coordinate of the line</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_xScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_y\" class=\"property item\">\n                        <h3 class=\"name\"><code>y</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-horizontal-line.js.html#l20\"><code>app&#x2F;components&#x2F;nf-horizontal-line.js:20</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y domain value at which to draw the horizontal line</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_yScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-line.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-line - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-line Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                    <li><a href=\"mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                    <li><a href=\"mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                    <li><a href=\"mixins.graph-graphic-with-tracking-dot.html\">mixins.graph-graphic-with-tracking-dot</a></li>\n                    <li><a href=\"mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-line.js.html#l10\"><code>app&#x2F;components&#x2F;nf-line.js:10</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>A line graphic for <code>nf-graph</code>. Displays a line for the data it's passed.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private\">\n                                <a href=\"#method__toggleSelected\">_toggleSelected</a>\n\n                            </li>\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__unregisterGraphic\">_unregisterGraphic</a>\n\n                            </li>\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__updateGraphSelected\">_updateGraphSelected</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_createLineFn\">createLineFn</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_getActualTrackData\">getActualTrackData</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                            <li class=\"index-item method private\">\n                                <a href=\"#method_lineFn\">lineFn</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_d\">d</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_data\">data</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_firstVisibleData\">firstVisibleData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_interpolator\">interpolator</a>\n\n                            </li>\n                            <li class=\"index-item property deprecated inherited\">\n                                <a href=\"#property_isSelected\">isSelected</a>\n\n                                    <span class=\"flag deprecated\">deprecated</span>\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_lastVisibleData\">lastVisibleData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_renderedData\">renderedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_selectable\">selectable</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_selected\">selected</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xprop\">xprop</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xPropFn\">xPropFn</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yprop\">yprop</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yPropFn\">yPropFn</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__toggleSelected\" class=\"method item private\">\n    <h3 class=\"name\"><code>_toggleSelected</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-line.js.html#l67\"><code>app&#x2F;components&#x2F;nf-line.js:67</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Event handler to toggle the <code>selected</code> property on click</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method__unregisterGraphic\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_unregisterGraphic</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-registered-graphic.html#method__unregisterGraphic\">mixins.graph-registered-graphic</a>:\n        <a href=\"../files/addon_mixins_graph-registered-graphic.js.html#l18\"><code>addon&#x2F;mixins&#x2F;graph-registered-graphic.js:18</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>calls <a href=\"../classes/components.nf-graph.html#method_unregisterGraphic\" class=\"crosslink\">unregisterGraphic</a> on\n<code>didInsertElement</code>.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method__updateGraphSelected\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_updateGraphSelected</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-selectable-graphic.html#method__updateGraphSelected\">mixins.graph-selectable-graphic</a>:\n        <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:38</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Makes calls to the parent nf-graph to update it's\n<code>selected</code> property. Observes changes to <code>selected</code> and also\nfires on <code>didInsertElement</code>.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_createLineFn\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>createLineFn</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>xScale</code>\n                </li>\n                <li class=\"arg\">\n                        <code>yScale</code>\n                </li>\n                <li class=\"arg\">\n                        <code>interpolate</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n        <span class=\"returns-inline\">\n            <span class=\"type\">Function</span>\n        </span>\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-line-utils.html#method_createLineFn\">mixins.graph-line-utils</a>:\n        <a href=\"../files/addon_mixins_graph-line-utils.js.html#l10\"><code>addon&#x2F;mixins&#x2F;graph-line-utils.js:10</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Create a d3 line function from a given scales and interpolation</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">xScale</code>\n                        <span class=\"type\">Function</span>\n\n\n                    <div class=\"param-description\">\n                        <p>d3 scale function</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">yScale</code>\n                        <span class=\"type\">Function</span>\n\n\n                    <div class=\"param-description\">\n                        <p>d3 scale function</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">interpolate</code>\n                        <span class=\"type\">String</span>\n\n\n                    <div class=\"param-description\">\n                        <p>d3 interpolator name</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n        <div class=\"returns\">\n            <h4>Returns:</h4>\n\n            <div class=\"returns-description\">\n                        <span class=\"type\">Function</span>:\n                    <p>a d3 function that will create SVG path data from a given data set.</p>\n\n            </div>\n        </div>\n\n\n</div>\n<div id=\"method_getActualTrackData\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>getActualTrackData</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>renderX</code>\n                </li>\n                <li class=\"arg\">\n                        <code>renderY</code>\n                </li>\n                <li class=\"arg\">\n                        <code>data</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n        <span class=\"returns-inline\">\n            <span class=\"type\">Object</span>\n        </span>\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-data-graphic.html#method_getActualTrackData\">mixins.graph-data-graphic</a>:\n        <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l235\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:235</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Gets the actual data at a rendered tracking point passed to it.\nThis is overridden in nf-area to account for stacking of data.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">renderX</code>\n                        <span class=\"type\">Number</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the x domain value the data is rendered at</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">renderY</code>\n                        <span class=\"type\">Number</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the y domain value the data is rendered at</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">data</code>\n                        <span class=\"type\">Object</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the raw data from the point</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n        <div class=\"returns\">\n            <h4>Returns:</h4>\n\n            <div class=\"returns-description\">\n                        <span class=\"type\">Object</span>:\n                    <p>simple x, y point structure</p>\n\n            </div>\n        </div>\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_lineFn\" class=\"method item private\">\n    <h3 class=\"name\"><code>lineFn</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>data</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n        <span class=\"returns-inline\">\n            <span class=\"type\">String</span>\n        </span>\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-line.js.html#l40\"><code>app&#x2F;components&#x2F;nf-line.js:40</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>The d3 line function to create the line path.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">data</code>\n                        <span class=\"type\">Array</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the array of coordinate arrays to plot as an SVG path</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n        <div class=\"returns\">\n            <h4>Returns:</h4>\n\n            <div class=\"returns-description\">\n                        <span class=\"type\">String</span>:\n                    <p>an SVG path data string</p>\n\n            </div>\n        </div>\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_d\" class=\"property item private\">\n                        <h3 class=\"name\"><code>d</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-line.js.html#l54\"><code>app&#x2F;components&#x2F;nf-line.js:54</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The SVG path data string to render the line</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_data\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>data</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l25\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:25</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the data used by the component to plot itself.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_firstVisibleData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>firstVisibleData</code></h3>\n                        <span class=\"type\">Object</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_firstVisibleData\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l152\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:152</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The first element from <a href=\"../classes/mixins.graph-data-graphic.html#property_renderedData\" class=\"crosslink\">renderedData</a>\n                    that is actually visible within the x domain.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_interpolator\" class=\"property item\">\n                        <h3 class=\"name\"><code>interpolator</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-line.js.html#l28\"><code>app&#x2F;components&#x2F;nf-line.js:28</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The type of D3 interpolator to use to create the line.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;linear&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_isSelected\" class=\"property item deprecated inherited\">\n                        <h3 class=\"name\"><code>isSelected</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                            <span class=\"flag deprecated\" title=\"use &#x60;selected&#x60;\">deprecated</span>\n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_isSelected\">mixins.graph-selectable-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l31\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:31</code></a>\n                            </p>\n                    \n                                <p>Deprecated: use &#x60;selected&#x60;</p>\n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Alias of selected</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_lastVisibleData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>lastVisibleData</code></h3>\n                        <span class=\"type\">Object</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_lastVisibleData\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l179\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:179</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The last element from <a href=\"../classes/mixins.graph-data-graphic.html#property_renderedData\" class=\"crosslink\">renderedData</a>\n                    that is actually visible within the x domain.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_renderedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>renderedData</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_renderedData\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l111\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:111</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The list of data points from mixins.graph-data-graphc/mappedData:property that\n                    fits within the x domain, plus up to one data point outside of that domain in each direction.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_selectable\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>selectable</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selectable\">mixins.graph-selectable-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l13\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:13</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether or not the graphic is &quot;selectable&quot;. Meaning can be &quot;selected&quot; on the nf-graph\n                    via some action (usually click). The component will then show up in the nf-graph parent's selected\n                    property.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_selected\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>selected</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\">mixins.graph-selectable-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l23\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:23</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether or not the graphic is selected.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xprop\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xprop</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_xprop\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l59\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:59</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The path of the property on each object in\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a>\n                    to use as x data to plot on the graph.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;x&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xPropFn\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xPropFn</code></h3>\n                        <span class=\"type\">Function</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_xPropFn\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l81\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:81</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The function to get the x value from each\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a> object</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_xScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yprop\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yprop</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_yprop\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l70\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:70</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The path of the property on each object in\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a>\n                    to use as y data to plot on the graph.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;y&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_yPropFn\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yPropFn</code></h3>\n                        <span class=\"type\">Function</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_yPropFn\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l96\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:96</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The function to get the y value from each\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a> object</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_yScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-plot.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-plot - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-plot Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-plot.js.html#l6\"><code>app&#x2F;components&#x2F;nf-plot.js:6</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Plots a group tag on a graph at a given x and y domain coordinate.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_hasX\">hasX</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_hasY\">hasY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_isVisible\">isVisible</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_rangeX\">rangeX</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_rangeY\">rangeY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_transform\">transform</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x\">x</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x\">x</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hasX\" class=\"property item\">\n                        <h3 class=\"name\"><code>hasX</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-plot.js.html#l35\"><code>app&#x2F;components&#x2F;nf-plot.js:35</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>True if an <code>x</code> value is present (defined, not null and non-empty)</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_hasY\" class=\"property item\">\n                        <h3 class=\"name\"><code>hasY</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-plot.js.html#l43\"><code>app&#x2F;components&#x2F;nf-plot.js:43</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>True if an <code>y</code> value is present (defined, not null and non-empty)</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_isVisible\" class=\"property item\">\n                        <h3 class=\"name\"><code>isVisible</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-plot.js.html#l51\"><code>app&#x2F;components&#x2F;nf-plot.js:51</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The calculated visibility of the component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_rangeX\" class=\"property item\">\n                        <h3 class=\"name\"><code>rangeX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-plot.js.html#l59\"><code>app&#x2F;components&#x2F;nf-plot.js:59</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The calculated x coordinate</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_rangeY\" class=\"property item\">\n                        <h3 class=\"name\"><code>rangeY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-plot.js.html#l72\"><code>app&#x2F;components&#x2F;nf-plot.js:72</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The calculated y coordinate</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_transform\" class=\"property item\">\n                        <h3 class=\"name\"><code>transform</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-plot.js.html#l85\"><code>app&#x2F;components&#x2F;nf-plot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The SVG transform of the component's <code>&lt;g&gt;</code> tag.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_x\" class=\"property item\">\n                        <h3 class=\"name\"><code>x</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-plot.js.html#l28\"><code>app&#x2F;components&#x2F;nf-plot.js:28</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y domain value to set the plot at</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_x\" class=\"property item\">\n                        <h3 class=\"name\"><code>x</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-plot.js.html#l21\"><code>app&#x2F;components&#x2F;nf-plot.js:21</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x domain value to set the plot at</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_xScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_yScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-range-marker.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-range-marker - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-range-marker Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-range-marker.js.html#l5\"><code>app&#x2F;components&#x2F;nf-range-marker.js:5</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Draws a rectangular strip with a templated label on an <code>nf-graph</code>.\nShould always be used in conjunction with an <code>nf-range-markers</code> container component.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private\">\n                                <a href=\"#method__setup\">_setup</a>\n\n                            </li>\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method private\">\n                                <a href=\"#method__unregister\">_unregister</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property\">\n                                <a href=\"#property_bottom\">bottom</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_container\">container</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_height\">height</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_labelTransform\">labelTransform</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_marginBottom\">marginBottom</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_marginTop\">marginTop</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_parentController\">parentController</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_plotData\">plotData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_totalHeight\">totalHeight</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_transform\">transform</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_width\">width</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x\">x</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xMax\">xMax</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xMin\">xMin</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_y\">y</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__setup\" class=\"method item private\">\n    <h3 class=\"name\"><code>_setup</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-range-marker.js.html#l170\"><code>app&#x2F;components&#x2F;nf-range-marker.js:170</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initialization function that registers the range marker with its parent\nand populates the container property</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method__unregister\" class=\"method item private\">\n    <h3 class=\"name\"><code>_unregister</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-range-marker.js.html#l183\"><code>app&#x2F;components&#x2F;nf-range-marker.js:183</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Unregisters the range marker from its parent when the range marker is destroyed.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_bottom\" class=\"property item\">\n                        <h3 class=\"name\"><code>bottom</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-range-marker.js.html#l136\"><code>app&#x2F;components&#x2F;nf-range-marker.js:136</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The computed bottom of the range marker, not including the bottom margin.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_container\" class=\"property item\">\n                        <h3 class=\"name\"><code>container</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-range-markers.html\" class=\"crosslink\">components.nf-range-markers</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-range-marker.js.html#l21\"><code>app&#x2F;components&#x2F;nf-range-marker.js:21</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent <code>nf-range-markers</code> component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_height\" class=\"property item\">\n                        <h3 class=\"name\"><code>height</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-range-marker.js.html#l59\"><code>app&#x2F;components&#x2F;nf-range-marker.js:59</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The height of the range marker.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 10</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_labelTransform\" class=\"property item\">\n                        <h3 class=\"name\"><code>labelTransform</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-range-marker.js.html#l159\"><code>app&#x2F;components&#x2F;nf-range-marker.js:159</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The computed SVG transform fo the range marker label container.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_marginBottom\" class=\"property item\">\n                        <h3 class=\"name\"><code>marginBottom</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-range-marker.js.html#l51\"><code>app&#x2F;components&#x2F;nf-range-marker.js:51</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The spacing below the range marker.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 3</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_marginTop\" class=\"property item\">\n                        <h3 class=\"name\"><code>marginTop</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-range-marker.js.html#l43\"><code>app&#x2F;components&#x2F;nf-range-marker.js:43</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The spacing above the range marker.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 10</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_parentController\" class=\"property item private\">\n                        <h3 class=\"name\"><code>parentController</code></h3>\n                        <span class=\"type\">Ember.Controller</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-plots.js.html#l11\"><code>app&#x2F;components&#x2F;nf-plots.js:11</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent controller to use for template binding</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_plotData\" class=\"property item private\">\n                        <h3 class=\"name\"><code>plotData</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-plots.js.html#l20\"><code>app&#x2F;components&#x2F;nf-plots.js:20</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The model for adding plots to the graph</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_totalHeight\" class=\"property item\">\n                        <h3 class=\"name\"><code>totalHeight</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-range-marker.js.html#l123\"><code>app&#x2F;components&#x2F;nf-range-marker.js:123</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The computed total height of the range marker including its margins.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_transform\" class=\"property item\">\n                        <h3 class=\"name\"><code>transform</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-range-marker.js.html#l148\"><code>app&#x2F;components&#x2F;nf-range-marker.js:148</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The computed SVG transform of the range marker container</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_width\" class=\"property item\">\n                        <h3 class=\"name\"><code>width</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-range-marker.js.html#l79\"><code>app&#x2F;components&#x2F;nf-range-marker.js:79</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The computed width of the range marker.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_x\" class=\"property item\">\n                        <h3 class=\"name\"><code>x</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-range-marker.js.html#l67\"><code>app&#x2F;components&#x2F;nf-range-marker.js:67</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The computed x position of the range marker.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xMax\" class=\"property item\">\n                        <h3 class=\"name\"><code>xMax</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-range-marker.js.html#l36\"><code>app&#x2F;components&#x2F;nf-range-marker.js:36</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The maximum domain value for the range to mark.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xMin\" class=\"property item\">\n                        <h3 class=\"name\"><code>xMin</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-range-marker.js.html#l29\"><code>app&#x2F;components&#x2F;nf-range-marker.js:29</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The minimum domain value for the range to mark.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_xScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_y\" class=\"property item\">\n                        <h3 class=\"name\"><code>y</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-range-marker.js.html#l92\"><code>app&#x2F;components&#x2F;nf-range-marker.js:92</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The computed y position of the range marker.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_yScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-range-markers.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-range-markers - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-range-markers Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-range-markers.js.html#l4\"><code>app&#x2F;components&#x2F;nf-range-markers.js:4</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>A container and manager for <code>nf-range-marker</code> components.\nUsed to draw an association between <code>nf-range-marker</code> components so they\ncan be laid out in a manner in which they don't collide.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_registerMarker\">registerMarker</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_unregisterMarker\">unregisterMarker</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_isRangeMarkerContainer\">isRangeMarkerContainer</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_markerMargin\">markerMargin</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_markers\">markers</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_orient\">orient</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_registerMarker\" class=\"method item\">\n    <h3 class=\"name\"><code>registerMarker</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>marker</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-range-markers.js.html#l54\"><code>app&#x2F;components&#x2F;nf-range-markers.js:54</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Adds the passed marker to the <code>markers</code> list, and sets the <code>prevMarker</code> and <code>nextMarker</code>\nproperties on the marker component and it's neighbor.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">marker</code>\n                        <span class=\"type\">Nf-range-marker</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the range marker to register with this container</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n\n\n</div>\n<div id=\"method_unregisterMarker\" class=\"method item\">\n    <h3 class=\"name\"><code>unregisterMarker</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>marker</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-range-markers.js.html#l72\"><code>app&#x2F;components&#x2F;nf-range-markers.js:72</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Removes the marker from the <code>markers</code> list. Also updates the <code>nextMarker</code> and <code>prevMarker</code>\nproperties of it's neighboring components.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">marker</code>\n                        <span class=\"type\">Nf-range-marker</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the range marker to remove from the <code>markers</code> list.</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_isRangeMarkerContainer\" class=\"property item\">\n                        <h3 class=\"name\"><code>isRangeMarkerContainer</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-range-markers.js.html#l16\"><code>app&#x2F;components&#x2F;nf-range-markers.js:16</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Used by <code>nf-range-marker</code> to identify the <code>nf-range-markers</code> container</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_markerMargin\" class=\"property item\">\n                        <h3 class=\"name\"><code>markerMargin</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-range-markers.js.html#l36\"><code>app&#x2F;components&#x2F;nf-range-markers.js:36</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The margin, in pixels, between the markers</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 10</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_markers\" class=\"property item\">\n                        <h3 class=\"name\"><code>markers</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-range-markers.js.html#l44\"><code>app&#x2F;components&#x2F;nf-range-markers.js:44</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The marker components registered with this container</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_orient\" class=\"property item\">\n                        <h3 class=\"name\"><code>orient</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-range-markers.js.html#l25\"><code>app&#x2F;components&#x2F;nf-range-markers.js:25</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Sets the orientation of the range markers.</p>\n                    <ul>\n                    <li><code>'bottom'</code> - Range markers start at the bottom and stack upward</li>\n                    <li><code>'top'</code> - Range markers start at the top and stack downward</li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;bottom&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-right-tick.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-right-tick - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-right-tick Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-right-tick.js.html#l5\"><code>app&#x2F;components&#x2F;nf-right-tick.js:5</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Draws a line and a chevron at the specified domain value\non the right side of an <code>nf-graph</code>.</p>\n<h3>Tips</h3>\n<ul>\n<li>Position outside of <code>nf-graph-content</code> component, but inside <code>nf-graph</code>.</li>\n<li>Adding <code>paddingRight</code> to <code>nf-graph</code> component will not affect <code>nf-right-tick</code>'s position.</li>\n</ul>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private\">\n                                <a href=\"#method__getElements\">_getElements</a>\n\n                            </li>\n                            <li class=\"index-item method private\">\n                                <a href=\"#method__nonTransitionalUpdate\">_nonTransitionalUpdate</a>\n\n                            </li>\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method private\">\n                                <a href=\"#method__transitionalUpdate\">_transitionalUpdate</a>\n\n                            </li>\n                            <li class=\"index-item method private\">\n                                <a href=\"#method__triggerNonTransitionalUpdate\">_triggerNonTransitionalUpdate</a>\n\n                            </li>\n                            <li class=\"index-item method private\">\n                                <a href=\"#method__triggerTransition\">_triggerTransition</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_duration\">duration</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_isVisible\">isVisible</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_transform\">transform</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_value\">value</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_y\">y</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__getElements\" class=\"method item private\">\n    <h3 class=\"name\"><code>_getElements</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-right-tick.js.html#l126\"><code>app&#x2F;components&#x2F;nf-right-tick.js:126</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Gets the elements required to do the d3 transitions</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method__nonTransitionalUpdate\" class=\"method item private\">\n    <h3 class=\"name\"><code>_nonTransitionalUpdate</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-right-tick.js.html#l106\"><code>app&#x2F;components&#x2F;nf-right-tick.js:106</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Updates the tick position without a transition.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method__transitionalUpdate\" class=\"method item private\">\n    <h3 class=\"name\"><code>_transitionalUpdate</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-right-tick.js.html#l84\"><code>app&#x2F;components&#x2F;nf-right-tick.js:84</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>performs the D3 transition to move the tick to the proper position.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method__triggerNonTransitionalUpdate\" class=\"method item private\">\n    <h3 class=\"name\"><code>_triggerNonTransitionalUpdate</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-right-tick.js.html#l117\"><code>app&#x2F;components&#x2F;nf-right-tick.js:117</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Schedules the update of non-transitional positions</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method__triggerTransition\" class=\"method item private\">\n    <h3 class=\"name\"><code>_triggerTransition</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-right-tick.js.html#l97\"><code>app&#x2F;components&#x2F;nf-right-tick.js:97</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Schedules the transition when <code>value</code> changes on on init.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_duration\" class=\"property item\">\n                        <h3 class=\"name\"><code>duration</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-right-tick.js.html#l25\"><code>app&#x2F;components&#x2F;nf-right-tick.js:25</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The transition duration in milliseconds</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 400</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_isVisible\" class=\"property item private\">\n                        <h3 class=\"name\"><code>isVisible</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-right-tick.js.html#l41\"><code>app&#x2F;components&#x2F;nf-right-tick.js:41</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Sets the visibility of the component. Returns false if <code>y</code> is not\n                    a numeric data type.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_transform\" class=\"property item private\">\n                        <h3 class=\"name\"><code>transform</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-right-tick.js.html#l69\"><code>app&#x2F;components&#x2F;nf-right-tick.js:69</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The SVG transform used to render the tick</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_value\" class=\"property item\">\n                        <h3 class=\"name\"><code>value</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-right-tick.js.html#l33\"><code>app&#x2F;components&#x2F;nf-right-tick.js:33</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The domain value at which to place the tick</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_xScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_y\" class=\"property item\">\n                        <h3 class=\"name\"><code>y</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-right-tick.js.html#l52\"><code>app&#x2F;components&#x2F;nf-right-tick.js:52</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The calculated y coordinate of the tick</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_yScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-selection-box.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-selection-box - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-selection-box Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-selection-box.js.html#l6\"><code>app&#x2F;components&#x2F;nf-selection-box.js:6</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Draws a rectangle on an <code>nf-graph</code> given domain values <code>xMin</code>, <code>xMax</code>, <code>yMin</code> and <code>yMax</code>.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_didInsertElement\">didInsertElement</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_doUpdatePosition\">doUpdatePosition</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                            <li class=\"index-item method private\">\n                                <a href=\"#method_updatePosition\">updatePosition</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_duration\">duration</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_rectPath\">rectPath</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x0\">x0</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x1\">x1</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xMax\">xMax</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xMin\">xMin</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_y0\">y0</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_y1\">y1</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yMax\">yMax</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yMin\">yMin</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_didInsertElement\" class=\"method item\">\n    <h3 class=\"name\"><code>didInsertElement</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-selection-box.js.html#l137\"><code>app&#x2F;components&#x2F;nf-selection-box.js:137</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Sets up the required d3 elements after component\nis inserted into the DOM</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_doUpdatePosition\" class=\"method item\">\n    <h3 class=\"name\"><code>doUpdatePosition</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-selection-box.js.html#l104\"><code>app&#x2F;components&#x2F;nf-selection-box.js:104</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Updates the position of the box with a transition</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_updatePosition\" class=\"method item private\">\n    <h3 class=\"name\"><code>updatePosition</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-selection-box.js.html#l124\"><code>app&#x2F;components&#x2F;nf-selection-box.js:124</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Schedules an update to the position of the box after render.</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_duration\" class=\"property item\">\n                        <h3 class=\"name\"><code>duration</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-selection-box.js.html#l17\"><code>app&#x2F;components&#x2F;nf-selection-box.js:17</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The duration of the transition in ms</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 400</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_rectPath\" class=\"property item\">\n                        <h3 class=\"name\"><code>rectPath</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-selection-box.js.html#l91\"><code>app&#x2F;components&#x2F;nf-selection-box.js:91</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The SVG path string for the box's rectangle.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_x0\" class=\"property item\">\n                        <h3 class=\"name\"><code>x0</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-selection-box.js.html#l55\"><code>app&#x2F;components&#x2F;nf-selection-box.js:55</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x pixel position of xMin</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_x1\" class=\"property item\">\n                        <h3 class=\"name\"><code>x1</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-selection-box.js.html#l64\"><code>app&#x2F;components&#x2F;nf-selection-box.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x pixel position of xMax</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xMax\" class=\"property item\">\n                        <h3 class=\"name\"><code>xMax</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-selection-box.js.html#l32\"><code>app&#x2F;components&#x2F;nf-selection-box.js:32</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The maximum x domain value to encompoass.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xMin\" class=\"property item\">\n                        <h3 class=\"name\"><code>xMin</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-selection-box.js.html#l25\"><code>app&#x2F;components&#x2F;nf-selection-box.js:25</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The minimum x domain value to encompass.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_xScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_y0\" class=\"property item\">\n                        <h3 class=\"name\"><code>y0</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-selection-box.js.html#l73\"><code>app&#x2F;components&#x2F;nf-selection-box.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y pixel position of yMin</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_y1\" class=\"property item\">\n                        <h3 class=\"name\"><code>y1</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-selection-box.js.html#l82\"><code>app&#x2F;components&#x2F;nf-selection-box.js:82</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y pixel position of yMax</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yMax\" class=\"property item\">\n                        <h3 class=\"name\"><code>yMax</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-selection-box.js.html#l46\"><code>app&#x2F;components&#x2F;nf-selection-box.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The maximum y domain value to encompass</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_yMin\" class=\"property item\">\n                        <h3 class=\"name\"><code>yMin</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-selection-box.js.html#l39\"><code>app&#x2F;components&#x2F;nf-selection-box.js:39</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The minimum y domain value to encompass.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_yScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-svg-image.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-svg-image - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-svg-image Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                    <li><a href=\"mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-svg-image.js.html#l7\"><code>app&#x2F;components&#x2F;nf-svg-image.js:7</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>An image to be displayed in a graph with that takes domain based measurements and\nuses the scale of the graph. Creates an <code>&lt;image class=&quot;nf-image&quot;/&gt;</code> SVG element.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__updateGraphSelected\">_updateGraphSelected</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_height\">height</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property deprecated inherited\">\n                                <a href=\"#property_isSelected\">isSelected</a>\n\n                                    <span class=\"flag deprecated\">deprecated</span>\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_selectable\">selectable</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_selected\">selected</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_src\">src</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_svgHeight\">svgHeight</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_svgWidth\">svgWidth</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_svgX\">svgX</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_svgY\">svgY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_width\">width</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x\">x</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_y\">y</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method__updateGraphSelected\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_updateGraphSelected</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-selectable-graphic.html#method__updateGraphSelected\">mixins.graph-selectable-graphic</a>:\n        <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:38</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Makes calls to the parent nf-graph to update it's\n<code>selected</code> property. Observes changes to <code>selected</code> and also\nfires on <code>didInsertElement</code>.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_height\" class=\"property item\">\n                        <h3 class=\"name\"><code>height</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-image.js.html#l63\"><code>app&#x2F;components&#x2F;nf-svg-image.js:63</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The height as a domain value. Does not\n                    handle ordinal scales. To set a pixel value, just\n                    set <code>svgHeight</code> directly.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_isSelected\" class=\"property item deprecated inherited\">\n                        <h3 class=\"name\"><code>isSelected</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                            <span class=\"flag deprecated\" title=\"use &#x60;selected&#x60;\">deprecated</span>\n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_isSelected\">mixins.graph-selectable-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l31\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:31</code></a>\n                            </p>\n                    \n                                <p>Deprecated: use &#x60;selected&#x60;</p>\n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Alias of selected</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_selectable\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>selectable</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selectable\">mixins.graph-selectable-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l13\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:13</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether or not the graphic is &quot;selectable&quot;. Meaning can be &quot;selected&quot; on the nf-graph\n                    via some action (usually click). The component will then show up in the nf-graph parent's selected\n                    property.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_selected\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>selected</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\">mixins.graph-selectable-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l23\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:23</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether or not the graphic is selected.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_src\" class=\"property item\">\n                        <h3 class=\"name\"><code>src</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-image.js.html#l77\"><code>app&#x2F;components&#x2F;nf-svg-image.js:77</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The image source url</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_svgHeight\" class=\"property item\">\n                        <h3 class=\"name\"><code>svgHeight</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-image.js.html#l142\"><code>app&#x2F;components&#x2F;nf-svg-image.js:142</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The height, in pixels of the image.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_svgWidth\" class=\"property item\">\n                        <h3 class=\"name\"><code>svgWidth</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-image.js.html#l133\"><code>app&#x2F;components&#x2F;nf-svg-image.js:133</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The width, in pixels, of the image.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_svgX\" class=\"property item\">\n                        <h3 class=\"name\"><code>svgX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-image.js.html#l115\"><code>app&#x2F;components&#x2F;nf-svg-image.js:115</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The pixel value at which to plot the image.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_svgY\" class=\"property item\">\n                        <h3 class=\"name\"><code>svgY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-image.js.html#l124\"><code>app&#x2F;components&#x2F;nf-svg-image.js:124</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The pixel value at which to plot the image.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_width\" class=\"property item\">\n                        <h3 class=\"name\"><code>width</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-image.js.html#l47\"><code>app&#x2F;components&#x2F;nf-svg-image.js:47</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The width as a domain value. Does not handle ordinal\n                    scales. To set a pixel value, set <code>svgWidth</code> directly.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_x\" class=\"property item\">\n                        <h3 class=\"name\"><code>x</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-image.js.html#l31\"><code>app&#x2F;components&#x2F;nf-svg-image.js:31</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The domain x value to place the image at.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_xScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_y\" class=\"property item\">\n                        <h3 class=\"name\"><code>y</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-image.js.html#l38\"><code>app&#x2F;components&#x2F;nf-svg-image.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The domain y value to place the image at.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_yScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-svg-line.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-svg-line - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-svg-line Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                    <li><a href=\"mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-svg-line.js.html#l7\"><code>app&#x2F;components&#x2F;nf-svg-line.js:7</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Draws a basic line between two points on the graph.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__updateGraphSelected\">_updateGraphSelected</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property deprecated inherited\">\n                                <a href=\"#property_isSelected\">isSelected</a>\n\n                                    <span class=\"flag deprecated\">deprecated</span>\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_selectable\">selectable</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_selected\">selected</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_svgX1\">svgX1</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_svgX2\">svgX2</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_svgY1\">svgY1</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_svgY2\">svgY2</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x1\">x1</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x2\">x2</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_y1\">y1</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_y2\">y2</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method__updateGraphSelected\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_updateGraphSelected</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-selectable-graphic.html#method__updateGraphSelected\">mixins.graph-selectable-graphic</a>:\n        <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:38</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Makes calls to the parent nf-graph to update it's\n<code>selected</code> property. Observes changes to <code>selected</code> and also\nfires on <code>didInsertElement</code>.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_isSelected\" class=\"property item deprecated inherited\">\n                        <h3 class=\"name\"><code>isSelected</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                            <span class=\"flag deprecated\" title=\"use &#x60;selected&#x60;\">deprecated</span>\n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_isSelected\">mixins.graph-selectable-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l31\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:31</code></a>\n                            </p>\n                    \n                                <p>Deprecated: use &#x60;selected&#x60;</p>\n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Alias of selected</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_selectable\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>selectable</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selectable\">mixins.graph-selectable-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l13\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:13</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether or not the graphic is &quot;selectable&quot;. Meaning can be &quot;selected&quot; on the nf-graph\n                    via some action (usually click). The component will then show up in the nf-graph parent's selected\n                    property.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_selected\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>selected</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\">mixins.graph-selectable-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l23\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:23</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether or not the graphic is selected.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_svgX1\" class=\"property item\">\n                        <h3 class=\"name\"><code>svgX1</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-line.js.html#l57\"><code>app&#x2F;components&#x2F;nf-svg-line.js:57</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The pixel value to plot the SVGLineElement's x1 at.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_svgX2\" class=\"property item\">\n                        <h3 class=\"name\"><code>svgX2</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-line.js.html#l66\"><code>app&#x2F;components&#x2F;nf-svg-line.js:66</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The pixel value to plot the SVGLineElement's x2 at.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_svgY1\" class=\"property item\">\n                        <h3 class=\"name\"><code>svgY1</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-line.js.html#l75\"><code>app&#x2F;components&#x2F;nf-svg-line.js:75</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The pixel value to plot the SVGLineElement's y1 at.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_svgY2\" class=\"property item\">\n                        <h3 class=\"name\"><code>svgY2</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-line.js.html#l84\"><code>app&#x2F;components&#x2F;nf-svg-line.js:84</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The pixel value to plot the SVGLineElement's y2 at.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_x1\" class=\"property item\">\n                        <h3 class=\"name\"><code>x1</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-line.js.html#l29\"><code>app&#x2F;components&#x2F;nf-svg-line.js:29</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The domain value to plot the SVGLineElement's x1 at.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_x2\" class=\"property item\">\n                        <h3 class=\"name\"><code>x2</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-line.js.html#l36\"><code>app&#x2F;components&#x2F;nf-svg-line.js:36</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The domain value to plot the SVGLineElement's x2 at.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_xScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_y1\" class=\"property item\">\n                        <h3 class=\"name\"><code>y1</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-line.js.html#l43\"><code>app&#x2F;components&#x2F;nf-svg-line.js:43</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The domain value to plot the SVGLineElement's y1 at.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_y2\" class=\"property item\">\n                        <h3 class=\"name\"><code>y2</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-line.js.html#l50\"><code>app&#x2F;components&#x2F;nf-svg-line.js:50</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The domain value to plot the SVGLineElement's y2 at.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_yScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-svg-path.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-svg-path - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-svg-path Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                    <li><a href=\"mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-svg-path.js.html#l7\"><code>app&#x2F;components&#x2F;nf-svg-path.js:7</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>An SVG path primitive that plots based on a graph's scale.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__updateGraphSelected\">_updateGraphSelected</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property\">\n                                <a href=\"#property_d\">d</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property deprecated inherited\">\n                                <a href=\"#property_isSelected\">isSelected</a>\n\n                                    <span class=\"flag deprecated\">deprecated</span>\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_points\">points</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_selectable\">selectable</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_selected\">selected</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_svgPoints\">svgPoints</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method__updateGraphSelected\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_updateGraphSelected</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-selectable-graphic.html#method__updateGraphSelected\">mixins.graph-selectable-graphic</a>:\n        <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:38</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Makes calls to the parent nf-graph to update it's\n<code>selected</code> property. Observes changes to <code>selected</code> and also\nfires on <code>didInsertElement</code>.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_d\" class=\"property item\">\n                        <h3 class=\"name\"><code>d</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-path.js.html#l68\"><code>app&#x2F;components&#x2F;nf-svg-path.js:68</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The raw svg path d attribute output</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_isSelected\" class=\"property item deprecated inherited\">\n                        <h3 class=\"name\"><code>isSelected</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                            <span class=\"flag deprecated\" title=\"use &#x60;selected&#x60;\">deprecated</span>\n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_isSelected\">mixins.graph-selectable-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l31\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:31</code></a>\n                            </p>\n                    \n                                <p>Deprecated: use &#x60;selected&#x60;</p>\n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Alias of selected</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_points\" class=\"property item\">\n                        <h3 class=\"name\"><code>points</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-path.js.html#l23\"><code>app&#x2F;components&#x2F;nf-svg-path.js:23</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The array of points to use to plot the path. This is an array of arrays, in the following format:</p>\n                    <pre class=\"code prettyprint\"><code>  // specify path pen commands\n                      [\n                        [50, 50, 'L'],\n                        [100, 100, 'L']\n                      ]\n                    \n                      // or they will default to 'L'\n                      [\n                        [50, 50],\n                        [100, 100]\n                      ]</code></pre>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_selectable\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>selectable</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selectable\">mixins.graph-selectable-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l13\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:13</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether or not the graphic is &quot;selectable&quot;. Meaning can be &quot;selected&quot; on the nf-graph\n                    via some action (usually click). The component will then show up in the nf-graph parent's selected\n                    property.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_selected\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>selected</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\">mixins.graph-selectable-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l23\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:23</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether or not the graphic is selected.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_svgPoints\" class=\"property item\">\n                        <h3 class=\"name\"><code>svgPoints</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-path.js.html#l43\"><code>app&#x2F;components&#x2F;nf-svg-path.js:43</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The data points mapped to scale</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_xScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_yScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-svg-rect.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-svg-rect - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-svg-rect Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                    <li><a href=\"mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-svg-rect.js.html#l7\"><code>app&#x2F;components&#x2F;nf-svg-rect.js:7</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>A rectangle that plots using domain values from the graph. Uses an SVGPathElement\nto plot the rectangle, to allow for rectangles with &quot;negative&quot; heights.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__updateGraphSelected\">_updateGraphSelected</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_click\">click</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property\">\n                                <a href=\"#property_d\">d</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_height\">height</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property deprecated inherited\">\n                                <a href=\"#property_isSelected\">isSelected</a>\n\n                                    <span class=\"flag deprecated\">deprecated</span>\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_selectable\">selectable</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_selected\">selected</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_width\">width</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x\">x</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x0\">x0</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x1\">x1</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_y\">y</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_y0\">y0</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_y1\">y1</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method__updateGraphSelected\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_updateGraphSelected</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-selectable-graphic.html#method__updateGraphSelected\">mixins.graph-selectable-graphic</a>:\n        <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:38</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Makes calls to the parent nf-graph to update it's\n<code>selected</code> property. Observes changes to <code>selected</code> and also\nfires on <code>didInsertElement</code>.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_click\" class=\"method item\">\n    <h3 class=\"name\"><code>click</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-svg-rect.js.html#l145\"><code>app&#x2F;components&#x2F;nf-svg-rect.js:145</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Click event handler. Toggles selected if selectable.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_d\" class=\"property item\">\n                        <h3 class=\"name\"><code>d</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-rect.js.html#l132\"><code>app&#x2F;components&#x2F;nf-svg-rect.js:132</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The SVG path data for the rectangle</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_height\" class=\"property item\">\n                        <h3 class=\"name\"><code>height</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-rect.js.html#l58\"><code>app&#x2F;components&#x2F;nf-svg-rect.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The height as a domain value. If the yScale is ordinal,\n                    this value is the indice offset to which to draw the rectangle.\n                    For example, if the height is <code>3</code> then draw the rectangle\n                    to two ordinals passed whatever <code>y</code> is set to.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_isSelected\" class=\"property item deprecated inherited\">\n                        <h3 class=\"name\"><code>isSelected</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                            <span class=\"flag deprecated\" title=\"use &#x60;selected&#x60;\">deprecated</span>\n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_isSelected\">mixins.graph-selectable-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l31\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:31</code></a>\n                            </p>\n                    \n                                <p>Deprecated: use &#x60;selected&#x60;</p>\n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Alias of selected</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_selectable\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>selectable</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selectable\">mixins.graph-selectable-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l13\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:13</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether or not the graphic is &quot;selectable&quot;. Meaning can be &quot;selected&quot; on the nf-graph\n                    via some action (usually click). The component will then show up in the nf-graph parent's selected\n                    property.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_selected\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>selected</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\">mixins.graph-selectable-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l23\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:23</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether or not the graphic is selected.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_width\" class=\"property item\">\n                        <h3 class=\"name\"><code>width</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-rect.js.html#l40\"><code>app&#x2F;components&#x2F;nf-svg-rect.js:40</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The width as a domain value. If xScale is ordinal,\n                    then this value is the indice offset to which to draw the\n                    rectangle. In other words, if it's <code>2</code>, then draw the rectangle\n                    to two ordinals past whatever <code>x</code> is set to.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_x\" class=\"property item\">\n                        <h3 class=\"name\"><code>x</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-rect.js.html#l24\"><code>app&#x2F;components&#x2F;nf-svg-rect.js:24</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The domain x value to place the rect at.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_x0\" class=\"property item\">\n                        <h3 class=\"name\"><code>x0</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-rect.js.html#l114\"><code>app&#x2F;components&#x2F;nf-svg-rect.js:114</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x value of the top right corner of the rectangle</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_x1\" class=\"property item\">\n                        <h3 class=\"name\"><code>x1</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-rect.js.html#l74\"><code>app&#x2F;components&#x2F;nf-svg-rect.js:74</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x value of the bottom right corner of the rectangle.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_xScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_y\" class=\"property item\">\n                        <h3 class=\"name\"><code>y</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-rect.js.html#l31\"><code>app&#x2F;components&#x2F;nf-svg-rect.js:31</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The domain y value to place the rect at.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_y0\" class=\"property item\">\n                        <h3 class=\"name\"><code>y0</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-rect.js.html#l123\"><code>app&#x2F;components&#x2F;nf-svg-rect.js:123</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y value of the top right corner of the rectangle.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_y1\" class=\"property item\">\n                        <h3 class=\"name\"><code>y1</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-svg-rect.js.html#l94\"><code>app&#x2F;components&#x2F;nf-svg-rect.js:94</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y value of the bottom right corner of the rectangle</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_yScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-tracker.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-tracker - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-tracker Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                    <li><a href=\"mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                    <li><a href=\"mixins.graph-graphic-with-tracking-dot.html\">mixins.graph-graphic-with-tracking-dot</a></li>\n            </ul>\n        </div>\n\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-tracker.js.html#l9\"><code>app&#x2F;components&#x2F;nf-tracker.js:9</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>A tracking graphic component used to do things like create tracking dots for nf-area or nf-line.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_getActualTrackData\">getActualTrackData</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties\">\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_data\">data</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_firstVisibleData\">firstVisibleData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_lastVisibleData\">lastVisibleData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_renderedData\">renderedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xprop\">xprop</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xPropFn\">xPropFn</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yprop\">yprop</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yPropFn\">yPropFn</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_getActualTrackData\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>getActualTrackData</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>renderX</code>\n                </li>\n                <li class=\"arg\">\n                        <code>renderY</code>\n                </li>\n                <li class=\"arg\">\n                        <code>data</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n        <span class=\"returns-inline\">\n            <span class=\"type\">Object</span>\n        </span>\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-data-graphic.html#method_getActualTrackData\">mixins.graph-data-graphic</a>:\n        <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l235\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:235</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Gets the actual data at a rendered tracking point passed to it.\nThis is overridden in nf-area to account for stacking of data.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">renderX</code>\n                        <span class=\"type\">Number</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the x domain value the data is rendered at</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">renderY</code>\n                        <span class=\"type\">Number</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the y domain value the data is rendered at</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">data</code>\n                        <span class=\"type\">Object</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the raw data from the point</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n        <div class=\"returns\">\n            <h4>Returns:</h4>\n\n            <div class=\"returns-description\">\n                        <span class=\"type\">Object</span>:\n                    <p>simple x, y point structure</p>\n\n            </div>\n        </div>\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_data\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>data</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l25\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:25</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the data used by the component to plot itself.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_firstVisibleData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>firstVisibleData</code></h3>\n                        <span class=\"type\">Object</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_firstVisibleData\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l152\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:152</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The first element from <a href=\"../classes/mixins.graph-data-graphic.html#property_renderedData\" class=\"crosslink\">renderedData</a>\n                    that is actually visible within the x domain.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_lastVisibleData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>lastVisibleData</code></h3>\n                        <span class=\"type\">Object</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_lastVisibleData\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l179\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:179</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The last element from <a href=\"../classes/mixins.graph-data-graphic.html#property_renderedData\" class=\"crosslink\">renderedData</a>\n                    that is actually visible within the x domain.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_renderedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>renderedData</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_renderedData\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l111\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:111</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The list of data points from mixins.graph-data-graphc/mappedData:property that\n                    fits within the x domain, plus up to one data point outside of that domain in each direction.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xprop\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xprop</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_xprop\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l59\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:59</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The path of the property on each object in\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a>\n                    to use as x data to plot on the graph.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;x&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xPropFn\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xPropFn</code></h3>\n                        <span class=\"type\">Function</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_xPropFn\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l81\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:81</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The function to get the x value from each\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a> object</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_xScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yprop\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yprop</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_yprop\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l70\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:70</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The path of the property on each object in\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a>\n                    to use as y data to plot on the graph.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;y&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_yPropFn\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yPropFn</code></h3>\n                        <span class=\"type\">Function</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-data-graphic.html#property_yPropFn\">mixins.graph-data-graphic</a>:\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l96\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:96</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The function to get the y value from each\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a> object</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_yScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-vertical-line.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-vertical-line - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-vertical-line Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-vertical-line.js.html#l5\"><code>app&#x2F;components&#x2F;nf-vertical-line.js:5</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Draws a vertical line on a graph at a given x domain value</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_lineX\">lineX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x\">x</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_y1\">y1</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_y2\">y2</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_lineX\" class=\"property item private\">\n                        <h3 class=\"name\"><code>lineX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-vertical-line.js.html#l46\"><code>app&#x2F;components&#x2F;nf-vertical-line.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The calculated x coordinate of the vertical line</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_x\" class=\"property item\">\n                        <h3 class=\"name\"><code>x</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-vertical-line.js.html#l38\"><code>app&#x2F;components&#x2F;nf-vertical-line.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x domain value at which to draw the vertical line on the graph</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_xScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_y1\" class=\"property item private\">\n                        <h3 class=\"name\"><code>y1</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-vertical-line.js.html#l20\"><code>app&#x2F;components&#x2F;nf-vertical-line.js:20</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The top y coordinate of the line</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_y2\" class=\"property item private\">\n                        <h3 class=\"name\"><code>y2</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-vertical-line.js.html#l29\"><code>app&#x2F;components&#x2F;nf-vertical-line.js:29</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The bottom y coordinate of the line</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_yScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-x-axis.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-x-axis - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-x-axis Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-x-axis.js.html#l7\"><code>app&#x2F;components&#x2F;nf-x-axis.js:7</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>A component for adding a templated x axis to an <code>nf-graph</code> component.\nAll items contained within this component are used to template each tick mark on the\nrendered graph. Tick values are supplied to the inner scope of this component on the\nview template via <code>tick</code>.</p>\n<h3>Styling</h3>\n<p>The main container will have a <code>nf-x-axis</code> class.\nA <code>orient-top</code> or <code>orient-bottom</code> container will be applied to the container\ndepending on the <code>orient</code> setting.</p>\n<p>Ticks are positioned via a <code>&lt;g&gt;</code> tag, that will contain whatever is passed into it via\ntemplating, along with the tick line. <code>&lt;text&gt;</code> tags within tick templates do have some\ndefault styling applied to them to position them appropriately based off of orientation.</p>\n<h3>Example</h3>\n<pre class=\"code prettyprint\"><code>  {{#nf-graph width=500 height=300}}\n    {{#nf-x-axis height=40 as |tick|}}\n      &lt;text&gt;x is {{tick.value}}&lt;/text&gt;\n    {{/nf-x-axis}}\n  {{/nf-graph}}</code></pre>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property\">\n                                <a href=\"#property_axisLineY\">axisLineY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_height\">height</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_orient\">orient</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_orientClass\">orientClass</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_tickCount\">tickCount</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_tickFactory\">tickFactory</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_tickFilter\">tickFilter</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_tickLength\">tickLength</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_tickPadding\">tickPadding</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_ticks\">ticks</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_transform\">transform</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_uniqueXData\">uniqueXData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_width\">width</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x\">x</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_y\">y</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_axisLineY\" class=\"property item\">\n                        <h3 class=\"name\"><code>axisLineY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-x-axis.js.html#l288\"><code>app&#x2F;components&#x2F;nf-x-axis.js:288</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y position, in pixels, of the axis line</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_height\" class=\"property item\">\n                        <h3 class=\"name\"><code>height</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-x-axis.js.html#l54\"><code>app&#x2F;components&#x2F;nf-x-axis.js:54</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The height of the x axis in pixels.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 20</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_orient\" class=\"property item\">\n                        <h3 class=\"name\"><code>orient</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-x-axis.js.html#l87\"><code>app&#x2F;components&#x2F;nf-x-axis.js:87</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The orientation of the x axis. Value can be <code>'top'</code> or <code>'bottom'</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;bottom&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_orientClass\" class=\"property item\">\n                        <h3 class=\"name\"><code>orientClass</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-x-axis.js.html#l121\"><code>app&#x2F;components&#x2F;nf-x-axis.js:121</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The class applied due to orientation (e.g. <code>'orient-top'</code>)</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_tickCount\" class=\"property item\">\n                        <h3 class=\"name\"><code>tickCount</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-x-axis.js.html#l62\"><code>app&#x2F;components&#x2F;nf-x-axis.js:62</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The number of ticks to display</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 12</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_tickFactory\" class=\"property item\">\n                        <h3 class=\"name\"><code>tickFactory</code></h3>\n                        <span class=\"type\">Function</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-x-axis.js.html#l196\"><code>app&#x2F;components&#x2F;nf-x-axis.js:196</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>A method to call to override the default behavior of how ticks are created.</p>\n                    <p>The function signature should match:</p>\n                    <pre class=\"code prettyprint\"><code>  // - scale: d3.Scale\n                      // - tickCount: number of ticks\n                      // - uniqueData: unique data points for the axis\n                      // - scaleType: string of &quot;linear&quot; or &quot;ordinal&quot;\n                      // returns: an array of tick values.\n                      function(scale, tickCount, uniqueData, scaleType) {\n                        return [100,200,300];\n                      }</code></pre>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_tickFilter\" class=\"property item\">\n                        <h3 class=\"name\"><code>tickFilter</code></h3>\n                        <span class=\"type\">Function</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-x-axis.js.html#l97\"><code>app&#x2F;components&#x2F;nf-x-axis.js:97</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>An optional filtering function to allow more control over what tick marks are displayed.\n                    The function should have exactly the same signature as the function you'd use for an\n                    <code>Array.prototype.filter()</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                            <div class=\"example\">\n                                <h4>Example:</h4>\n                    \n                                <div class=\"example-content\">\n                                    <pre class=\"code prettyprint\"><code>  {{#nf-x-axis tickFilter=myFilter as |tick|}}\n                        &lt;text&gt;{{tick.value}}&lt;/text&gt;\n                      {{/nf-x-axis}}\n                    </code></pre>\n                    <p>And on your controller:</p>\n                    <pre class=\"code prettyprint\"><code>  myFilter: function(tick, index, ticks) {\n                        return tick.value &lt; 1000;\n                      },\n                    </code></pre>\n                    <p>The above example will filter down the set of ticks to only those that are less than 1000.</p>\n                    \n                                </div>\n                            </div>\n                    \n                    </div>\n                    <div id=\"property_tickLength\" class=\"property item\">\n                        <h3 class=\"name\"><code>tickLength</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-x-axis.js.html#l70\"><code>app&#x2F;components&#x2F;nf-x-axis.js:70</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The length of the tick line (the small vertical line indicating the tick)</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_tickPadding\" class=\"property item\">\n                        <h3 class=\"name\"><code>tickPadding</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-x-axis.js.html#l78\"><code>app&#x2F;components&#x2F;nf-x-axis.js:78</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The spacing between the end of the tick line and the origin of the templated\n                    tick content</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_ticks\" class=\"property item\">\n                        <h3 class=\"name\"><code>ticks</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-x-axis.js.html#l242\"><code>app&#x2F;components&#x2F;nf-x-axis.js:242</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The models for the ticks to display on the axis.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_transform\" class=\"property item\">\n                        <h3 class=\"name\"><code>transform</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-x-axis.js.html#l131\"><code>app&#x2F;components&#x2F;nf-x-axis.js:131</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The SVG Transform applied to this component's container.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_uniqueXData\" class=\"property item\">\n                        <h3 class=\"name\"><code>uniqueXData</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-x-axis.js.html#l234\"><code>app&#x2F;components&#x2F;nf-x-axis.js:234</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>A unique set of all x data on the graph</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_width\" class=\"property item\">\n                        <h3 class=\"name\"><code>width</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-x-axis.js.html#l188\"><code>app&#x2F;components&#x2F;nf-x-axis.js:188</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The width of the component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_x\" class=\"property item\">\n                        <h3 class=\"name\"><code>x</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-x-axis.js.html#l173\"><code>app&#x2F;components&#x2F;nf-x-axis.js:173</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>This x position of this component's container</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_xScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_y\" class=\"property item\">\n                        <h3 class=\"name\"><code>y</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-x-axis.js.html#l143\"><code>app&#x2F;components&#x2F;nf-x-axis.js:143</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y position of this component's container.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_yScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-y-axis.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-y-axis - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-y-axis Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n            </ul>\n        </div>\n\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-y-axis.js.html#l7\"><code>app&#x2F;components&#x2F;nf-y-axis.js:7</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>A component for adding a templated y axis to an <code>nf-graph</code> component.\nAll items contained within this component are used to template each tick mark on the\nrendered graph. Tick values are supplied to the inner scope of this component on the\nview template via <code>tick</code>.</p>\n<h3>Styling</h3>\n<p>The main container will have a <code>nf-y-axis</code> class.\nA <code>orient-left</code> or <code>orient-right</code> container will be applied to the container\ndepending on the <code>orient</code> setting.</p>\n<p>Ticks are positioned via a <code>&lt;g&gt;</code> tag, that will contain whatever is passed into it via\ntemplating, along with the tick line. <code>&lt;text&gt;</code> tags within tick templates do have some\ndefault styling applied to them to position them appropriately based off of orientation.</p>\n<h3>Example</h3>\n<pre class=\"code prettyprint\"><code>  {{#nf-graph width=500 height=300}}\n    {{#nf-y-axis width=40 as |tick|}}\n      &lt;text&gt;y is {{tick.value}}&lt;/text&gt;\n    {{/nf-y-axis}}\n  {{/nf-graph}}</code></pre>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties\">\n                            <li class=\"index-item property\">\n                                <a href=\"#property_axisLineX\">axisLineX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_height\">height</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_isOrientRight\">isOrientRight</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_orient\">orient</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_tickCount\">tickCount</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_tickFactory\">tickFactory</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_tickFilter\">tickFilter</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_tickLength\">tickLength</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_tickPadding\">tickPadding</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_ticks\">ticks</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_transform\">transform</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_uniqueYData\">uniqueYData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_width\">width</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x\">x</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_y\">y</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_axisLineX\" class=\"property item\">\n                        <h3 class=\"name\"><code>axisLineX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-axis.js.html#l284\"><code>app&#x2F;components&#x2F;nf-y-axis.js:284</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x position of the axis line.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_height\" class=\"property item\">\n                        <h3 class=\"name\"><code>height</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-axis.js.html#l174\"><code>app&#x2F;components&#x2F;nf-y-axis.js:174</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>the height of the component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_isOrientRight\" class=\"property item\">\n                        <h3 class=\"name\"><code>isOrientRight</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-axis.js.html#l124\"><code>app&#x2F;components&#x2F;nf-y-axis.js:124</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>computed property. returns true if <code>orient</code> is equal to <code>'right'</code>.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_orient\" class=\"property item\">\n                        <h3 class=\"name\"><code>orient</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-axis.js.html#l81\"><code>app&#x2F;components&#x2F;nf-y-axis.js:81</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The orientation of the y axis. Possible values are <code>'left'</code> and <code>'right'</code></p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;left&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_tickCount\" class=\"property item\">\n                        <h3 class=\"name\"><code>tickCount</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-axis.js.html#l49\"><code>app&#x2F;components&#x2F;nf-y-axis.js:49</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The number of ticks to display</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_tickFactory\" class=\"property item\">\n                        <h3 class=\"name\"><code>tickFactory</code></h3>\n                        <span class=\"type\">Function</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-axis.js.html#l187\"><code>app&#x2F;components&#x2F;nf-y-axis.js:187</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>A method to call to override the default behavior of how ticks are created.</p>\n                    <p>The function signature should match:</p>\n                    <pre class=\"code prettyprint\"><code>  // - scale: d3.Scale\n                      // - tickCount: number of ticks\n                      // - uniqueData: unique data points for the axis\n                      // - scaleType: string of &quot;linear&quot; or &quot;ordinal&quot;\n                      // returns: an array of tick values.\n                      function(scale, tickCount, uniqueData, scaleType) {\n                        return [100,200,300];\n                      }</code></pre>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_tickFilter\" class=\"property item\">\n                        <h3 class=\"name\"><code>tickFilter</code></h3>\n                        <span class=\"type\">Function</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-axis.js.html#l95\"><code>app&#x2F;components&#x2F;nf-y-axis.js:95</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>An optional filtering function to allow more control over what tick marks are displayed.\n                    The function should have exactly the same signature as the function you'd use for an\n                    <code>Array.prototype.filter()</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                            <div class=\"example\">\n                                <h4>Example:</h4>\n                    \n                                <div class=\"example-content\">\n                                    <pre class=\"code prettyprint\"><code>  {{#nf-y-axis tickFilter=myFilter as |tick|}}\n                        &lt;text&gt;{{tick.value}}&lt;/text&gt;\n                      {{/nf-y-axis}}\n                    </code></pre>\n                    <p>And on your controller:</p>\n                    <pre class=\"code prettyprint\"><code>  myFilter: function(tick, index, ticks) {\n                        return tick.value &lt; 1000;\n                      },\n                    </code></pre>\n                    <p>The above example will filter down the set of ticks to only those that are less than 1000.</p>\n                    \n                                </div>\n                            </div>\n                    \n                    </div>\n                    <div id=\"property_tickLength\" class=\"property item\">\n                        <h3 class=\"name\"><code>tickLength</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-axis.js.html#l57\"><code>app&#x2F;components&#x2F;nf-y-axis.js:57</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The length of the tick's accompanying line.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_tickPadding\" class=\"property item\">\n                        <h3 class=\"name\"><code>tickPadding</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-axis.js.html#l65\"><code>app&#x2F;components&#x2F;nf-y-axis.js:65</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The distance between the tick line and the origin tick's templated output</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 3</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_ticks\" class=\"property item\">\n                        <h3 class=\"name\"><code>ticks</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-axis.js.html#l240\"><code>app&#x2F;components&#x2F;nf-y-axis.js:240</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The ticks to be displayed.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_transform\" class=\"property item\">\n                        <h3 class=\"name\"><code>transform</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-axis.js.html#l133\"><code>app&#x2F;components&#x2F;nf-y-axis.js:133</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The SVG transform for positioning the component.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_uniqueYData\" class=\"property item\">\n                        <h3 class=\"name\"><code>uniqueYData</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-axis.js.html#l232\"><code>app&#x2F;components&#x2F;nf-y-axis.js:232</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>All y data from the graph, filtered to unique values.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_width\" class=\"property item\">\n                        <h3 class=\"name\"><code>width</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-axis.js.html#l73\"><code>app&#x2F;components&#x2F;nf-y-axis.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The total width of the y axis</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 40</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_x\" class=\"property item\">\n                        <h3 class=\"name\"><code>x</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-axis.js.html#l145\"><code>app&#x2F;components&#x2F;nf-y-axis.js:145</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x position of the component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_xScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_y\" class=\"property item\">\n                        <h3 class=\"name\"><code>y</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-axis.js.html#l166\"><code>app&#x2F;components&#x2F;nf-y-axis.js:166</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y position of the component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_yScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/components.nf-y-diff.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>components.nf-y-diff - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>components.nf-y-diff Class</h1>\n<div class=\"box meta\">\n        <div class=\"uses\">\n            Uses\n            <ul class=\"inline commas\">\n                    <li><a href=\"mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                    <li><a href=\"mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n            </ul>\n        </div>\n\n        <div class=\"extends\">\n            Extends Ember.Component\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-y-diff.js.html#l6\"><code>app&#x2F;components&#x2F;nf-y-diff.js:6</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Draws a box underneath (or over) the y axis to between the given <code>a</code> and <code>b</code>\ndomain values. Component content is used to template a label in that box.</p>\n<h2>Tips</h2>\n<ul>\n<li>Should be outside of <code>nf-graph-content</code>.</li>\n<li>Should be &quot;above&quot; <code>nf-y-axis</code> in the markup.</li>\n<li>As a convenience, <code>&lt;text&gt;</code> elements will automatically be positioned based on y-axis orientation\ndue to default styling.</li>\n</ul>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private inherited\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_adjustWidth\">adjustWidth</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_didInsertElement\">didInsertElement</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_doAdjustWidth\">doAdjustWidth</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_doTransition\">doTransition</a>\n\n                            </li>\n                            <li class=\"index-item method inherited\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_transition\">transition</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property\">\n                                <a href=\"#property_a\">a</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_b\">b</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_contentPadding\">contentPadding</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_contentTransform\">contentTransform</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_contentX\">contentX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_diff\">diff</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_duration\">duration</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_isOrientRight\">isOrientRight</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_isPositive\">isPositive</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_parentController\">parentController</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property_transform\">transform</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_width\">width</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yA\">yA</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yB\">yB</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yCenter\">yCenter</a>\n\n                            </li>\n                            <li class=\"index-item property inherited\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private inherited\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method__trackedDataChanged\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_adjustWidth\" class=\"method item\">\n    <h3 class=\"name\"><code>adjustWidth</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-y-diff.js.html#l254\"><code>app&#x2F;components&#x2F;nf-y-diff.js:254</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Schedules a call to <code>doAdjustWidth</code> on afterRender</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_didInsertElement\" class=\"method item\">\n    <h3 class=\"name\"><code>didInsertElement</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-y-diff.js.html#l178\"><code>app&#x2F;components&#x2F;nf-y-diff.js:178</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Sets up the d3 related elements when component is inserted\ninto the DOM</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_doAdjustWidth\" class=\"method item\">\n    <h3 class=\"name\"><code>doAdjustWidth</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-y-diff.js.html#l228\"><code>app&#x2F;components&#x2F;nf-y-diff.js:228</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Updates to d3 managed DOM elments that do\nnot require transitioning, because they're width-related.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_doTransition\" class=\"method item\">\n    <h3 class=\"name\"><code>doTransition</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-y-diff.js.html#l200\"><code>app&#x2F;components&#x2F;nf-y-diff.js:200</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Performs the transition (animation) of the elements.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item inherited\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>Inherited from\n                <a href=\"../classes/mixins.graph-has-graph-parent.html#method_init\">mixins.graph-has-graph-parent</a>:\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_transition\" class=\"method item\">\n    <h3 class=\"name\"><code>transition</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/app_components_nf-y-diff.js.html#l220\"><code>app&#x2F;components&#x2F;nf-y-diff.js:220</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Schedules a transition once at afterRender.</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_a\" class=\"property item\">\n                        <h3 class=\"name\"><code>a</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-diff.js.html#l30\"><code>app&#x2F;components&#x2F;nf-y-diff.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The starting domain value of the difference measurement. The subrahend of the difference calculation.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_b\" class=\"property item\">\n                        <h3 class=\"name\"><code>b</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-diff.js.html#l38\"><code>app&#x2F;components&#x2F;nf-y-diff.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The ending domain value of the difference measurement. The minuend of the difference calculation.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_contentPadding\" class=\"property item\">\n                        <h3 class=\"name\"><code>contentPadding</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-diff.js.html#l46\"><code>app&#x2F;components&#x2F;nf-y-diff.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The amount of padding, in pixels, between the edge of the difference &quot;box&quot; and the content container</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_contentTransform\" class=\"property item private\">\n                        <h3 class=\"name\"><code>contentTransform</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-diff.js.html#l165\"><code>app&#x2F;components&#x2F;nf-y-diff.js:165</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The SVG transformation used to position the content container.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_contentX\" class=\"property item\">\n                        <h3 class=\"name\"><code>contentX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-diff.js.html#l144\"><code>app&#x2F;components&#x2F;nf-y-diff.js:144</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x pixel coordinate of the content container.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_didTrack\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_didTrack\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_diff\" class=\"property item\">\n                        <h3 class=\"name\"><code>diff</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-diff.js.html#l101\"><code>app&#x2F;components&#x2F;nf-y-diff.js:101</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The calculated difference between <code>a</code> and <code>b</code>.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_duration\" class=\"property item\">\n                        <h3 class=\"name\"><code>duration</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-diff.js.html#l54\"><code>app&#x2F;components&#x2F;nf-y-diff.js:54</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The duration of the transition, in milliseconds, as the difference slides vertically</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 400</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_graph\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_hoverData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_isOrientRight\" class=\"property item\">\n                        <h3 class=\"name\"><code>isOrientRight</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-diff.js.html#l119\"><code>app&#x2F;components&#x2F;nf-y-diff.js:119</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Returns <code>true</code> if the graph's y-axis component is configured to orient right.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_isPositive\" class=\"property item\">\n                        <h3 class=\"name\"><code>isPositive</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-diff.js.html#l111\"><code>app&#x2F;components&#x2F;nf-y-diff.js:111</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Returns <code>true</code> if <code>diff</code> is a positive number</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_parentController\" class=\"property item private\">\n                        <h3 class=\"name\"><code>parentController</code></h3>\n                        <span class=\"type\">Ember.Controller</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-diff.js.html#l135\"><code>app&#x2F;components&#x2F;nf-y-diff.js:135</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The view controller for the view this component is present in</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleOffsetY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomX\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_scaleZoomY\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_showTrackingDot\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackedData\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingDotRadius\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-has-graph-parent.html#property_trackingMode\">mixins.graph-has-graph-parent</a>:\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_transform\" class=\"property item private\">\n                        <h3 class=\"name\"><code>transform</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-diff.js.html#l92\"><code>app&#x2F;components&#x2F;nf-y-diff.js:92</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The SVG transformation of the component.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_width\" class=\"property item\">\n                        <h3 class=\"name\"><code>width</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-diff.js.html#l127\"><code>app&#x2F;components&#x2F;nf-y-diff.js:127</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The width of the difference box</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_xScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yA\" class=\"property item\">\n                        <h3 class=\"name\"><code>yA</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-diff.js.html#l83\"><code>app&#x2F;components&#x2F;nf-y-diff.js:83</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y pixel value of a.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yB\" class=\"property item\">\n                        <h3 class=\"name\"><code>yB</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-diff.js.html#l74\"><code>app&#x2F;components&#x2F;nf-y-diff.js:74</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y pixel value of b.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yCenter\" class=\"property item\">\n                        <h3 class=\"name\"><code>yCenter</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/app_components_nf-y-diff.js.html#l62\"><code>app&#x2F;components&#x2F;nf-y-diff.js:62</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The calculated vertical center of the difference box, in pixels.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item inherited\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>Inherited from\n                                    <a href=\"../classes/mixins.graph-requires-scale-source.html#property_yScale\">mixins.graph-requires-scale-source</a>:\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/index.html",
    "content": "<!doctype html>\n<html>\n    <head>\n        <title>Redirector</title>\n        <meta http-equiv=\"refresh\" content=\"0;url=../\">\n    </head>\n    <body>\n        <a href=\"../\">Click here to redirect</a>\n    </body>\n</html>\n"
  },
  {
    "path": "docs/classes/mixins.graph-area-utils.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>mixins.graph-area-utils - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>mixins.graph-area-utils Class</h1>\n<div class=\"box meta\">\n\n        <div class=\"extends\">\n            Extends Ember.Mixin\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/addon_mixins_graph-area-utils.js.html#l3\"><code>addon&#x2F;mixins&#x2F;graph-area-utils.js:3</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Utility functions for drawing an area.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method\">\n                                <a href=\"#method_createAreaFn\">createAreaFn</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method_createAreaFn\" class=\"method item\">\n    <h3 class=\"name\"><code>createAreaFn</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>xScale</code>\n                </li>\n                <li class=\"arg\">\n                        <code>yScale</code>\n                </li>\n                <li class=\"arg\">\n                        <code>interpolator</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n        <span class=\"returns-inline\">\n            <span class=\"type\">Function</span>\n        </span>\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_mixins_graph-area-utils.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-area-utils.js:12</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Creates a d3 area function from a given set of scales and an interpolator</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">xScale</code>\n                        <span class=\"type\">Function</span>\n\n\n                    <div class=\"param-description\">\n                        <p>a d3 scale</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">yScale</code>\n                        <span class=\"type\">Function</span>\n\n\n                    <div class=\"param-description\">\n                        <p>a d3 scale</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">interpolator</code>\n                        <span class=\"type\">String</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the name of the d3 interpolator to use.</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n        <div class=\"returns\">\n            <h4>Returns:</h4>\n\n            <div class=\"returns-description\">\n                        <span class=\"type\">Function</span>:\n                    <p>a function that when called will create SVG path data.</p>\n\n            </div>\n        </div>\n\n\n</div>\n            </div>\n\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/mixins.graph-data-graphic.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>mixins.graph-data-graphic - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>mixins.graph-data-graphic Class</h1>\n<div class=\"box meta\">\n\n        <div class=\"extends\">\n            Extends Ember.Mixin\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l10\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:10</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>This is mixed in to  child components that need to register data\nwith the graph. Includes methods for extracting, sorting and scrubbing data\nfor use in graphing components.</p>\n<p>Requires <a href=\"../classes/mixins.graph-registered-graphic.html\" class=\"crosslink\">mixins.graph-registered-graphic</a> and\n<a href=\"../classes/mixins.graph-has-graph-parent.html\" class=\"crosslink\">mixins.graph-has-graph-parent</a></p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method\">\n                                <a href=\"#method_getActualTrackData\">getActualTrackData</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property\">\n                                <a href=\"#property_data\">data</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_firstVisibleData\">firstVisibleData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_lastVisibleData\">lastVisibleData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_renderedData\">renderedData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xprop\">xprop</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xPropFn\">xPropFn</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yprop\">yprop</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yPropFn\">yPropFn</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method_getActualTrackData\" class=\"method item\">\n    <h3 class=\"name\"><code>getActualTrackData</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>renderX</code>\n                </li>\n                <li class=\"arg\">\n                        <code>renderY</code>\n                </li>\n                <li class=\"arg\">\n                        <code>data</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n        <span class=\"returns-inline\">\n            <span class=\"type\">Object</span>\n        </span>\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l235\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:235</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Gets the actual data at a rendered tracking point passed to it.\nThis is overridden in nf-area to account for stacking of data.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">renderX</code>\n                        <span class=\"type\">Number</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the x domain value the data is rendered at</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">renderY</code>\n                        <span class=\"type\">Number</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the y domain value the data is rendered at</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">data</code>\n                        <span class=\"type\">Object</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the raw data from the point</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n        <div class=\"returns\">\n            <h4>Returns:</h4>\n\n            <div class=\"returns-description\">\n                        <span class=\"type\">Object</span>:\n                    <p>simple x, y point structure</p>\n\n            </div>\n        </div>\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_data\" class=\"property item\">\n                        <h3 class=\"name\"><code>data</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l25\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:25</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the data used by the component to plot itself.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_firstVisibleData\" class=\"property item\">\n                        <h3 class=\"name\"><code>firstVisibleData</code></h3>\n                        <span class=\"type\">Object</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l152\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:152</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The first element from <a href=\"../classes/mixins.graph-data-graphic.html#property_renderedData\" class=\"crosslink\">renderedData</a>\n                    that is actually visible within the x domain.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_lastVisibleData\" class=\"property item\">\n                        <h3 class=\"name\"><code>lastVisibleData</code></h3>\n                        <span class=\"type\">Object</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l179\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:179</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The last element from <a href=\"../classes/mixins.graph-data-graphic.html#property_renderedData\" class=\"crosslink\">renderedData</a>\n                    that is actually visible within the x domain.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_renderedData\" class=\"property item\">\n                        <h3 class=\"name\"><code>renderedData</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l111\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:111</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The list of data points from mixins.graph-data-graphc/mappedData:property that\n                    fits within the x domain, plus up to one data point outside of that domain in each direction.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xprop\" class=\"property item\">\n                        <h3 class=\"name\"><code>xprop</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l59\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:59</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The path of the property on each object in\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a>\n                    to use as x data to plot on the graph.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;x&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xPropFn\" class=\"property item\">\n                        <h3 class=\"name\"><code>xPropFn</code></h3>\n                        <span class=\"type\">Function</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l81\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:81</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The function to get the x value from each\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a> object</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yprop\" class=\"property item\">\n                        <h3 class=\"name\"><code>yprop</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l70\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:70</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The path of the property on each object in\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a>\n                    to use as y data to plot on the graph.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;y&#x27;</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_yPropFn\" class=\"property item\">\n                        <h3 class=\"name\"><code>yPropFn</code></h3>\n                        <span class=\"type\">Function</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-data-graphic.js.html#l96\"><code>addon&#x2F;mixins&#x2F;graph-data-graphic.js:96</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The function to get the y value from each\n                    <a href=\"../classes/mixins.graph-data-graphic.html#property_data\" class=\"crosslink\">data</a> object</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/mixins.graph-has-graph-parent.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>mixins.graph-has-graph-parent - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>mixins.graph-has-graph-parent Class</h1>\n<div class=\"box meta\">\n\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l3\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:3</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Adds initialization code to graph the <code>nf-graph</code> parent\nto a component that is to be contained in an <code>nf-graph</code>.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods\">\n                            <li class=\"index-item method private\">\n                                <a href=\"#method__trackedDataChanged\">_trackedDataChanged</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_init\">init</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties\">\n                            <li class=\"index-item property\">\n                                <a href=\"#property_didTrack\">didTrack</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_hoverData\">hoverData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_showTrackingDot\">showTrackingDot</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_trackedData\">trackedData</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_trackingDotRadius\">trackingDotRadius</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_trackingMode\">trackingMode</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__trackedDataChanged\" class=\"method item private\">\n    <h3 class=\"name\"><code>_trackedDataChanged</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l101\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:101</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Observes changes to tracked data and sends the\ndidTrack action.</p>\n\n    </div>\n\n\n\n\n</div>\n<div id=\"method_init\" class=\"method item\">\n    <h3 class=\"name\"><code>init</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l20\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:20</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Initalization method that gets the <code>nf-graph</code> parent\nand assigns it to <code>graph</code>\nNOTE: all object that mixin and have init, must call super.init()</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_didTrack\" class=\"property item\">\n                        <h3 class=\"name\"><code>didTrack</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:38</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The action to send on <code>didTrack</code>.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\"><a href=\"../classes/components.nf-graph.html\" class=\"crosslink\">components.nf-graph</a></span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-has-graph-parent.js.html#l12\"><code>addon&#x2F;mixins&#x2F;graph-has-graph-parent.js:12</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The parent graph for a component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_hoverData\" class=\"property item\">\n                        <h3 class=\"name\"><code>hoverData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l64\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component, ONLY if the\n                    graph-content is currently being hovered.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_showTrackingDot\" class=\"property item\">\n                        <h3 class=\"name\"><code>showTrackingDot</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l85\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:85</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether the tracking dot should be shown at all.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> true</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackedData\" class=\"property item\">\n                        <h3 class=\"name\"><code>trackedData</code></h3>\n                        <span class=\"type\">Object an object with the following values:  \n                      - point: an  x, y  pair for the exact px coordinates inside the graph-content\n                      - graphX: domain x value at mouse position\n                      - graphY: domain y value at mouse position\n                      - x: nearest x data value\n                      - y: nearest y data value\n                      - data: nearest raw data\n                      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n                      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n                      - mouseX: mouse x position in pixels\n                      - mouseY: mouse y position in pixels</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l46\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:46</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The value of the data that is being tracked by the component.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingDotRadius\" class=\"property item\">\n                        <h3 class=\"name\"><code>trackingDotRadius</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l30\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:30</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The radius of the tracking dot in pixels</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 2.5</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_trackingMode\" class=\"property item\">\n                        <h3 class=\"name\"><code>trackingMode</code></h3>\n                        <span class=\"type\">String</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-graphic-with-tracking-dot.js.html#l8\"><code>addon&#x2F;mixins&#x2F;graph-graphic-with-tracking-dot.js:8</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets the tracking mode of the component.</p>\n                    <p>Possible values are:</p>\n                    <ul>\n                    <li>'none': no tracking behavior</li>\n                    <li>'hover': only track while mouse hover</li>\n                    <li>'snap-last': track while mouse hover, but snap to the last data element when not hovering</li>\n                    <li>'snap-first': track while mouse hover, but snap to the first data element when not hovering</li>\n                    <li>'selected-hover': The same as <code>'hover'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-last': The same as <code>'snap-last'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    <li>'selected-snap-first': The same as <code>'snap-first'</code> tracking mode, but only when the compononent is\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html#property_selected\" class=\"crosslink\">selected</a></li>\n                    </ul>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> &#x27;none&#x27;</p>\n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/mixins.graph-line-utils.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>mixins.graph-line-utils - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>mixins.graph-line-utils Class</h1>\n<div class=\"box meta\">\n\n        <div class=\"extends\">\n            Extends Ember.Mixin\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/addon_mixins_graph-line-utils.js.html#l3\"><code>addon&#x2F;mixins&#x2F;graph-line-utils.js:3</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    \n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method\">\n                                <a href=\"#method_createLineFn\">createLineFn</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method_createLineFn\" class=\"method item\">\n    <h3 class=\"name\"><code>createLineFn</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>xScale</code>\n                </li>\n                <li class=\"arg\">\n                        <code>yScale</code>\n                </li>\n                <li class=\"arg\">\n                        <code>interpolate</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n        <span class=\"returns-inline\">\n            <span class=\"type\">Function</span>\n        </span>\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_mixins_graph-line-utils.js.html#l10\"><code>addon&#x2F;mixins&#x2F;graph-line-utils.js:10</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Create a d3 line function from a given scales and interpolation</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">xScale</code>\n                        <span class=\"type\">Function</span>\n\n\n                    <div class=\"param-description\">\n                        <p>d3 scale function</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">yScale</code>\n                        <span class=\"type\">Function</span>\n\n\n                    <div class=\"param-description\">\n                        <p>d3 scale function</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">interpolate</code>\n                        <span class=\"type\">String</span>\n\n\n                    <div class=\"param-description\">\n                        <p>d3 interpolator name</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n        <div class=\"returns\">\n            <h4>Returns:</h4>\n\n            <div class=\"returns-description\">\n                        <span class=\"type\">Function</span>:\n                    <p>a d3 function that will create SVG path data from a given data set.</p>\n\n            </div>\n        </div>\n\n\n</div>\n            </div>\n\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/mixins.graph-registered-graphic.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>mixins.graph-registered-graphic - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>mixins.graph-registered-graphic Class</h1>\n<div class=\"box meta\">\n\n        <div class=\"extends\">\n            Extends Ember.Mixin\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/addon_mixins_graph-registered-graphic.js.html#l3\"><code>addon&#x2F;mixins&#x2F;graph-registered-graphic.js:3</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    \n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private\">\n                                <a href=\"#method__unregisterGraphic\">_unregisterGraphic</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__unregisterGraphic\" class=\"method item private\">\n    <h3 class=\"name\"><code>_unregisterGraphic</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_mixins_graph-registered-graphic.js.html#l18\"><code>addon&#x2F;mixins&#x2F;graph-registered-graphic.js:18</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>calls <a href=\"../classes/components.nf-graph.html#method_unregisterGraphic\" class=\"crosslink\">unregisterGraphic</a> on\n<code>didInsertElement</code>.</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/mixins.graph-requires-scale-source.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>mixins.graph-requires-scale-source - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>mixins.graph-requires-scale-source Class</h1>\n<div class=\"box meta\">\n\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l27\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:27</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Adds functionality to identify a parent control that will provide an x and\ny scale, then adds scaling properties to the component it's mixed in to.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties\">\n                            <li class=\"index-item property\">\n                                <a href=\"#property_scaleOffsetX\">scaleOffsetX</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_scaleOffsetY\">scaleOffsetY</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_scaleZoomX\">scaleZoomX</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_scaleZoomY\">scaleZoomY</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_scaleOffsetX\" class=\"property item\">\n                        <h3 class=\"name\"><code>scaleOffsetX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l88\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:88</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleOffsetY\" class=\"property item\">\n                        <h3 class=\"name\"><code>scaleOffsetY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l103\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:103</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The offset, in pixels, for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomX\" class=\"property item\">\n                        <h3 class=\"name\"><code>scaleZoomX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l58\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the x scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scaleZoomY\" class=\"property item\">\n                        <h3 class=\"name\"><code>scaleZoomY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l73\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:73</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The zoom multiplier for the y scale</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 1</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l34\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-requires-scale-source.js.html#l42\"><code>addon&#x2F;mixins&#x2F;graph-requires-scale-source.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale used by this component</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/mixins.graph-selectable-graphic.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>mixins.graph-selectable-graphic - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>mixins.graph-selectable-graphic Class</h1>\n<div class=\"box meta\">\n\n        <div class=\"extends\">\n            Extends Ember.Mixin\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l3\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:3</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Adds functionality to a component to make it a selectable graphic\nwithin it's parent nf-graph.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private\">\n                                <a href=\"#method__updateGraphSelected\">_updateGraphSelected</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property deprecated\">\n                                <a href=\"#property_isSelected\">isSelected</a>\n\n                                    <span class=\"flag deprecated\">deprecated</span>\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_selectable\">selectable</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_selected\">selected</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__updateGraphSelected\" class=\"method item private\">\n    <h3 class=\"name\"><code>_updateGraphSelected</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l38\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:38</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Makes calls to the parent nf-graph to update it's\n<code>selected</code> property. Observes changes to <code>selected</code> and also\nfires on <code>didInsertElement</code>.</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_isSelected\" class=\"property item deprecated\">\n                        <h3 class=\"name\"><code>isSelected</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                            <span class=\"flag deprecated\" title=\"use &#x60;selected&#x60;\">deprecated</span>\n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l31\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:31</code></a>\n                            </p>\n                    \n                                <p>Deprecated: use &#x60;selected&#x60;</p>\n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Alias of selected</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_selectable\" class=\"property item\">\n                        <h3 class=\"name\"><code>selectable</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l13\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:13</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether or not the graphic is &quot;selectable&quot;. Meaning can be &quot;selected&quot; on the nf-graph\n                    via some action (usually click). The component will then show up in the nf-graph parent's selected\n                    property.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_selected\" class=\"property item\">\n                        <h3 class=\"name\"><code>selected</code></h3>\n                        <span class=\"type\">Boolean</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_mixins_graph-selectable-graphic.js.html#l23\"><code>addon&#x2F;mixins&#x2F;graph-selectable-graphic.js:23</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>Gets or sets whether or not the graphic is selected.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> false</p>\n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/utils.nf.graph-event.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>utils.nf.graph-event - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>utils.nf.graph-event Class</h1>\n<div class=\"box meta\">\n\n        <div class=\"extends\">\n            Extends Graph-position\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/addon_utils_nf_graph-event.js.html#l3\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-event.js:3</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Event object for graph events</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private\">\n                                <a href=\"#method_identity\">identity</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_natualSort\">natualSort</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_naturalCompare\">naturalCompare</a>\n\n                            </li>\n                            <li class=\"index-item method private\">\n                                <a href=\"#method_naturalTokenize\">naturalTokenize</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_nearestIndexTo\">nearestIndexTo</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property\">\n                                <a href=\"#property_data\">data</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_originalEvent\">originalEvent</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method_identity\" class=\"method item private\">\n    <h3 class=\"name\"><code>identity</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>x</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n        <span class=\"returns-inline\">\n            <span class=\"type\">Any</span>\n        </span>\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_utils_nf_array-helpers.js.html#l5\"><code>addon&#x2F;utils&#x2F;nf&#x2F;array-helpers.js:5</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>returns whatever you pass into it.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">x</code>\n                        <span class=\"type\">Any</span>\n\n\n                    <div class=\"param-description\">\n                         \n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n        <div class=\"returns\">\n            <h4>Returns:</h4>\n\n            <div class=\"returns-description\">\n                        <span class=\"type\">Any</span>:\n                    <p>x</p>\n\n            </div>\n        </div>\n\n\n</div>\n<div id=\"method_natualSort\" class=\"method item\">\n    <h3 class=\"name\"><code>natualSort</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>arr</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_utils_nf_array-helpers.js.html#l112\"><code>addon&#x2F;utils&#x2F;nf&#x2F;array-helpers.js:112</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Sorts the array &quot;naturally&quot;. Meaning taking into account both\nalphabetical and numeric sorting within strings.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">arr</code>\n                        <span class=\"type\">Array</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the array to sort</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n\n\n</div>\n<div id=\"method_naturalCompare\" class=\"method item\">\n    <h3 class=\"name\"><code>naturalCompare</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>a</code>\n                </li>\n                <li class=\"arg\">\n                        <code>b</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n        <span class=\"returns-inline\">\n            <span class=\"type\">Number</span>\n        </span>\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_utils_nf_array-helpers.js.html#l77\"><code>addon&#x2F;utils&#x2F;nf&#x2F;array-helpers.js:77</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>A JavaScript sorting predicate for natural sorting.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">a</code>\n                        <span class=\"type\">Any</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the value to compare to b</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">b</code>\n                        <span class=\"type\">Any</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the value to compare to a</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n        <div class=\"returns\">\n            <h4>Returns:</h4>\n\n            <div class=\"returns-description\">\n                        <span class=\"type\">Number</span>:\n                    <p><code>-1</code>, <code>0</code> or <code>1</code> if a is less than, equal to, or\ngreater than b, respectively.</p>\n\n            </div>\n        </div>\n\n\n</div>\n<div id=\"method_naturalTokenize\" class=\"method item private\">\n    <h3 class=\"name\"><code>naturalTokenize</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>item</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n        <span class=\"returns-inline\">\n            <span class=\"type\">Array</span>\n        </span>\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_utils_nf_array-helpers.js.html#l59\"><code>addon&#x2F;utils&#x2F;nf&#x2F;array-helpers.js:59</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>breaks a string into an array of tokens in preparation for natural\ncomparison and sorting.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">item</code>\n                        <span class=\"type\">String</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the value to tokenize</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n        <div class=\"returns\">\n            <h4>Returns:</h4>\n\n            <div class=\"returns-description\">\n                        <span class=\"type\">Array</span>:\n                    <p>an array of tokens found in the item</p>\n\n            </div>\n        </div>\n\n\n</div>\n<div id=\"method_nearestIndexTo\" class=\"method item\">\n    <h3 class=\"name\"><code>nearestIndexTo</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>arr</code>\n                </li>\n                <li class=\"arg\">\n                        <code>val</code>\n                </li>\n                <li class=\"arg\">\n                        <code>mappingFn</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_utils_nf_array-helpers.js.html#l16\"><code>addon&#x2F;utils&#x2F;nf&#x2F;array-helpers.js:16</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Performs a binary search on the array and finds the nearest index to the value passed.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">arr</code>\n                        <span class=\"type\">Array</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the <em>sorted</em> array to search.</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">val</code>\n                        <span class=\"type\">Number</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the value to find the nearest index to.</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">mappingFn</code>\n                        <span class=\"type\">Function</span>\n\n\n                    <div class=\"param-description\">\n                        <p>an optional function for pulling values out of the\narray items.</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_data\" class=\"property item\">\n                        <h3 class=\"name\"><code>data</code></h3>\n                        <span class=\"type\">Any</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-event.js.html#l18\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-event.js:18</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>A data value passed with the event</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_originalEvent\" class=\"property item\">\n                        <h3 class=\"name\"><code>originalEvent</code></h3>\n                        <span class=\"type\">Event</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-event.js.html#l10\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-event.js:10</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The original event that triggered this event or action</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/utils.nf.graph-mouse-event.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>utils.nf.graph-mouse-event - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>utils.nf.graph-mouse-event Class</h1>\n<div class=\"box meta\">\n\n        <div class=\"extends\">\n            Extends Graph-position\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/addon_utils_nf_graph-mouse-event.js.html#l8\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-mouse-event.js:8</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>An event context object generally returned by tracking events. Also used as\n<code>trackedData</code> in components such as <code>nf-line</code>, <code>nf-area</code> and <code>nf-bars</code>.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods extends\">\n                            <li class=\"index-item method private\">\n                                <a href=\"#method__getMousePoint\">_getMousePoint</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property private\">\n                                <a href=\"#property__mousePoint\">_mousePoint</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_data\">data</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_graphContentElement\">graphContentElement</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_mousePosition\">mousePosition</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_mouseX\">mouseX</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_mouseY\">mouseY</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_nearestDataPoint\">nearestDataPoint</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_originalEvent\">originalEvent</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x\">x</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_y\">y</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method__getMousePoint\" class=\"method item private\">\n    <h3 class=\"name\"><code>_getMousePoint</code></h3>\n\n        <span class=\"paren\">()</span>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_utils_nf_graph-mouse-event.js.html#l25\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-mouse-event.js:25</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Method used to get the mouse position relative to a container</p>\n\n    </div>\n\n\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property__mousePoint\" class=\"property item private\">\n                        <h3 class=\"name\"><code>_mousePoint</code></h3>\n                        <span class=\"type\">Object</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-mouse-event.js.html#l32\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-mouse-event.js:32</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The coordinates of the mouse relative to eh nf-graph-content</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_data\" class=\"property item\">\n                        <h3 class=\"name\"><code>data</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-mouse-event.js.html#l128\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-mouse-event.js:128</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The data carried by the nearest data point to the mouse position\n                    along the x axis.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_graphContentElement\" class=\"property item\">\n                        <h3 class=\"name\"><code>graphContentElement</code></h3>\n                        <span class=\"type\">SVGGElement</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-mouse-event.js.html#l45\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-mouse-event.js:45</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The nf-graph-content element of the nf-graph</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_mousePosition\" class=\"property item\">\n                        <h3 class=\"name\"><code>mousePosition</code></h3>\n                        <span class=\"type\">Graph-position</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-mouse-event.js.html#l69\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-mouse-event.js:69</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>A positioning object for the mouse position</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_mouseX\" class=\"property item\">\n                        <h3 class=\"name\"><code>mouseX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-mouse-event.js.html#l53\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-mouse-event.js:53</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The mouse x position relative to the graph content</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_mouseY\" class=\"property item\">\n                        <h3 class=\"name\"><code>mouseY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-mouse-event.js.html#l61\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-mouse-event.js:61</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The mouse y position relative to the graph content</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_nearestDataPoint\" class=\"property item\">\n                        <h3 class=\"name\"><code>nearestDataPoint</code></h3>\n                        <span class=\"type\">Array</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-mouse-event.js.html#l86\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-mouse-event.js:86</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The raw data point nearest the mouse.graphX position</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_originalEvent\" class=\"property item\">\n                        <h3 class=\"name\"><code>originalEvent</code></h3>\n                        <span class=\"type\">MouseEvent</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-mouse-event.js.html#l17\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-mouse-event.js:17</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The original event that triggered the action or ember event</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_x\" class=\"property item\">\n                        <h3 class=\"name\"><code>x</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-mouse-event.js.html#l100\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-mouse-event.js:100</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x domain value at the nearest data point to the mouse position\n                    along the x axis.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_y\" class=\"property item\">\n                        <h3 class=\"name\"><code>y</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-mouse-event.js.html#l114\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-mouse-event.js:114</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y domain value at the nearest data point to the mouse position\n                    along the x axis.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/utils.nf.graph-position.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>utils.nf.graph-position - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>utils.nf.graph-position Class</h1>\n<div class=\"box meta\">\n\n        <div class=\"extends\">\n            Extends Ember.Object\n        </div>\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/addon_utils_nf_graph-position.js.html#l6\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-position.js:6</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Position calculation class for nf-graph related events</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties extends\">\n                            <li class=\"index-item property private\">\n                                <a href=\"#property__graphContentX\">_graphContentX</a>\n\n                            </li>\n                            <li class=\"index-item property private\">\n                                <a href=\"#property__graphContentY\">_graphContentY</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_centerX\">centerX</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_centerY\">centerY</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_graph\">graph</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_graphOffset\">graphOffset</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_graphX\">graphX</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_graphY\">graphY</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_pageX\">pageX</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_pageY\">pageY</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_source\">source</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_x\">x</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_xScale\">xScale</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_y\">y</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_yScale\">yScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property__graphContentX\" class=\"property item private\">\n                        <h3 class=\"name\"><code>_graphContentX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-position.js.html#l210\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-position.js:210</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x position of the nf-graph-content within the nf-graph</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property__graphContentY\" class=\"property item private\">\n                        <h3 class=\"name\"><code>_graphContentY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                            <span class=\"flag private\">private</span>\n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-position.js.html#l218\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-position.js:218</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y position of the nf-graph-content within the nf-graph</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_centerX\" class=\"property item\">\n                        <h3 class=\"name\"><code>centerX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-position.js.html#l174\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-position.js:174</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The center point at x. Use in case of requiring a center point\n                    and using ordinal scale.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_centerY\" class=\"property item\">\n                        <h3 class=\"name\"><code>centerY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-position.js.html#l192\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-position.js:192</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The center point at y. Use in case of requiring a center point\n                    and using ordinal scale.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_graph\" class=\"property item\">\n                        <h3 class=\"name\"><code>graph</code></h3>\n                        <span class=\"type\">component.nf-graph</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-position.js.html#l13\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-position.js:13</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_graphOffset\" class=\"property item\">\n                        <h3 class=\"name\"><code>graphOffset</code></h3>\n                        <span class=\"type\">Object</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-position.js.html#l158\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-position.js:158</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The JQuery offset of the graph element</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_graphX\" class=\"property item\">\n                        <h3 class=\"name\"><code>graphX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-position.js.html#l26\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-position.js:26</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x position relative to graph</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_graphY\" class=\"property item\">\n                        <h3 class=\"name\"><code>graphY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-position.js.html#l45\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-position.js:45</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y position relative to graph</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_pageX\" class=\"property item\">\n                        <h3 class=\"name\"><code>pageX</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-position.js.html#l102\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-position.js:102</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x position relative to the document</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_pageY\" class=\"property item\">\n                        <h3 class=\"name\"><code>pageY</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-position.js.html#l118\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-position.js:118</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y position relative to the document</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_source\" class=\"property item\">\n                        <h3 class=\"name\"><code>source</code></h3>\n                        <span class=\"type\">Ember.Component</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-position.js.html#l20\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-position.js:20</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_x\" class=\"property item\">\n                        <h3 class=\"name\"><code>x</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-position.js.html#l64\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-position.js:64</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x domain value</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_xScale\" class=\"property item\">\n                        <h3 class=\"name\"><code>xScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-position.js.html#l134\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-position.js:134</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The x scale from either the source or graph used to calculate positions</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_y\" class=\"property item\">\n                        <h3 class=\"name\"><code>y</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-position.js.html#l83\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-position.js:83</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y domain value</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_yScale\" class=\"property item\">\n                        <h3 class=\"name\"><code>yScale</code></h3>\n                        <span class=\"type\">d3.scale</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_graph-position.js.html#l146\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-position.js:146</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The y scale from either the source or graph used to calculate positions</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/utils.nf.scroll-area-action-context.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>utils.nf.scroll-area-action-context - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>utils.nf.scroll-area-action-context Class</h1>\n<div class=\"box meta\">\n\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/addon_utils_nf_scroll-area-action-context.js.html#l4\"><code>addon&#x2F;utils&#x2F;nf&#x2F;scroll-area-action-context.js:4</code></a>\n        </div>\n\n            Module: <a href=\"../modules/scale-utils.html\">scale-utils</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>Action context event object for an nf-scroll-area scroll event.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n            <li class=\"api-class-tab properties\"><a href=\"#properties\">Properties</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods\">\n                            <li class=\"index-item method\">\n                                <a href=\"#method_normalizeScale\">normalizeScale</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n                <div class=\"index-section properties\">\n                    <h3>Properties</h3>\n\n                    <ul class=\"index-list properties\">\n                            <li class=\"index-item property\">\n                                <a href=\"#property_data\">data</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_originalEvent\">originalEvent</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_outerHeight\">outerHeight</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_outerWidth\">outerWidth</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_scrollHeight\">scrollHeight</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_scrollLeft\">scrollLeft</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_scrollLeftMax\">scrollLeftMax</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_scrollLeftPercentage\">scrollLeftPercentage</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_scrollTop\">scrollTop</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_scrollTopMax\">scrollTopMax</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_scrollTopPercentage\">scrollTopPercentage</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_scrollWidth\">scrollWidth</a>\n\n                            </li>\n                            <li class=\"index-item property\">\n                                <a href=\"#property_source\">source</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method_normalizeScale\" class=\"method item\">\n    <h3 class=\"name\"><code>normalizeScale</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>scale</code>\n                </li>\n                <li class=\"arg\">\n                        <code>val</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n        <span class=\"returns-inline\">\n            <span class=\"type\">Number</span>\n        </span>\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_utils_nf_scale-utils.js.html#l7\"><code>addon&#x2F;utils&#x2F;nf&#x2F;scale-utils.js:7</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Ensures the output of a scale function is something palatable by SVG.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">scale</code>\n                        <span class=\"type\">d3.scale</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the scale to use to get the value</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">val</code>\n                        <span class=\"type\">Any</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the value to transform with the scale</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n        <div class=\"returns\">\n            <h4>Returns:</h4>\n\n            <div class=\"returns-description\">\n                        <span class=\"type\">Number</span>:\n                    <p>the output of the scale function, but if NaN, it will return 0.</p>\n\n            </div>\n        </div>\n\n\n</div>\n            </div>\n\n            <div id=\"properties\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Properties</h2>\n\n                    <div id=\"property_data\" class=\"property item\">\n                        <h3 class=\"name\"><code>data</code></h3>\n                        <span class=\"type\">Unknown</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_scroll-area-action-context.js.html#l114\"><code>addon&#x2F;utils&#x2F;nf&#x2F;scroll-area-action-context.js:114</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The optional data to send with the action</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_originalEvent\" class=\"property item\">\n                        <h3 class=\"name\"><code>originalEvent</code></h3>\n                        <span class=\"type\">Event</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_scroll-area-action-context.js.html#l121\"><code>addon&#x2F;utils&#x2F;nf&#x2F;scroll-area-action-context.js:121</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The original scroll event object</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_outerHeight\" class=\"property item\">\n                        <h3 class=\"name\"><code>outerHeight</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_scroll-area-action-context.js.html#l26\"><code>addon&#x2F;utils&#x2F;nf&#x2F;scroll-area-action-context.js:26</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The outer height of the element</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_outerWidth\" class=\"property item\">\n                        <h3 class=\"name\"><code>outerWidth</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_scroll-area-action-context.js.html#l50\"><code>addon&#x2F;utils&#x2F;nf&#x2F;scroll-area-action-context.js:50</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The outer width of the element</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scrollHeight\" class=\"property item\">\n                        <h3 class=\"name\"><code>scrollHeight</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_scroll-area-action-context.js.html#l18\"><code>addon&#x2F;utils&#x2F;nf&#x2F;scroll-area-action-context.js:18</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The scroll height of the element.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scrollLeft\" class=\"property item\">\n                        <h3 class=\"name\"><code>scrollLeft</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_scroll-area-action-context.js.html#l34\"><code>addon&#x2F;utils&#x2F;nf&#x2F;scroll-area-action-context.js:34</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The scroll left in pixels.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scrollLeftMax\" class=\"property item\">\n                        <h3 class=\"name\"><code>scrollLeftMax</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_scroll-area-action-context.js.html#l82\"><code>addon&#x2F;utils&#x2F;nf&#x2F;scroll-area-action-context.js:82</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The calculated maximum value for scrollTop in pixels.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scrollLeftPercentage\" class=\"property item\">\n                        <h3 class=\"name\"><code>scrollLeftPercentage</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_scroll-area-action-context.js.html#l94\"><code>addon&#x2F;utils&#x2F;nf&#x2F;scroll-area-action-context.js:94</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The calculated percentage, in decimals, of content scrolled.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scrollTop\" class=\"property item\">\n                        <h3 class=\"name\"><code>scrollTop</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_scroll-area-action-context.js.html#l10\"><code>addon&#x2F;utils&#x2F;nf&#x2F;scroll-area-action-context.js:10</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The scroll top in pixels.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_scrollTopMax\" class=\"property item\">\n                        <h3 class=\"name\"><code>scrollTopMax</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_scroll-area-action-context.js.html#l58\"><code>addon&#x2F;utils&#x2F;nf&#x2F;scroll-area-action-context.js:58</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The calculated maximum value for scrollTop in pixels.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scrollTopPercentage\" class=\"property item\">\n                        <h3 class=\"name\"><code>scrollTopPercentage</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_scroll-area-action-context.js.html#l70\"><code>addon&#x2F;utils&#x2F;nf&#x2F;scroll-area-action-context.js:70</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The calculated percentage, in decimals, of content scrolled.</p>\n                    \n                        </div>\n                    \n                    \n                    \n                    </div>\n                    <div id=\"property_scrollWidth\" class=\"property item\">\n                        <h3 class=\"name\"><code>scrollWidth</code></h3>\n                        <span class=\"type\">Number</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_scroll-area-action-context.js.html#l42\"><code>addon&#x2F;utils&#x2F;nf&#x2F;scroll-area-action-context.js:42</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The scroll width of the element.</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> 0</p>\n                    \n                    \n                    </div>\n                    <div id=\"property_source\" class=\"property item\">\n                        <h3 class=\"name\"><code>source</code></h3>\n                        <span class=\"type\">Ember.Component</span>\n                    \n                    \n                    \n                    \n                    \n                        <div class=\"meta\">\n                                    <p>\n                                    Defined in\n                            <a href=\"../files/addon_utils_nf_scroll-area-action-context.js.html#l106\"><code>addon&#x2F;utils&#x2F;nf&#x2F;scroll-area-action-context.js:106</code></a>\n                            </p>\n                    \n                    \n                        </div>\n                    \n                        <div class=\"description\">\n                            <p>The component that fired the event</p>\n                    \n                        </div>\n                    \n                            <p><strong>Default:</strong> null</p>\n                    \n                    \n                    </div>\n            </div>\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/classes/utils.parse-property-expression.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>utils.parse-property-expression - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>utils.parse-property-expression Class</h1>\n<div class=\"box meta\">\n\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/addon_utils_parse-property-expression.js.html#l1\"><code>addon&#x2F;utils&#x2F;parse-property-expression.js:1</code></a>\n        </div>\n\n            Module: <a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>A function that will parse a path expression into a &quot;getter&quot; function that\ncan retrieve a value from that path off of any object when called.</p>\n<h3>Example</h3>\n<pre class=\"code prettyprint\"><code>  import parsePropertyExpr from 'utils/parse-property-expr';\n\n  var test = { foo: { bar: ['apple', 'banana'] } };\n  var getFooBar1 = parsePropertyExpr('foo.bar[1]');\n  var result = getFooBar1(test);\n  console.log(result); // &quot;banana&quot;\n</code></pre>\n<h3>Notes</h3>\n<p>Will return <code>undefined</code> if the nothing is at the end of the path, or the\npath cannot be reached.</p>\n\n</div>\n\n\n<div id=\"classdocs\" class=\"tabview\">\n    <ul class=\"api-class-tabs\">\n        <li class=\"api-class-tab index\"><a href=\"#index\">Index</a></li>\n\n            <li class=\"api-class-tab methods\"><a href=\"#methods\">Methods</a></li>\n    </ul>\n\n    <div>\n        <div id=\"index\" class=\"api-class-tabpanel index\">\n            <h2 class=\"off-left\">Item Index</h2>\n\n                <div class=\"index-section methods\">\n                    <h3>Methods</h3>\n\n                    <ul class=\"index-list methods\">\n                            <li class=\"index-item method\">\n                                <a href=\"#method_default\">default</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_downloadSvg\">downloadSvg</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_getMousePoint\">getMousePoint</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_getRectPath\">getRectPath</a>\n\n                            </li>\n                            <li class=\"index-item method private\">\n                                <a href=\"#method_inlineAllStyles\">inlineAllStyles</a>\n\n                            </li>\n                            <li class=\"index-item method\">\n                                <a href=\"#method_svgToImageUrl\">svgToImageUrl</a>\n\n                            </li>\n                    </ul>\n                </div>\n\n\n\n        </div>\n\n            <div id=\"methods\" class=\"api-class-tabpanel\">\n                <h2 class=\"off-left\">Methods</h2>\n\n<div id=\"method_default\" class=\"method item\">\n    <h3 class=\"name\"><code>default</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>expr</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n        <span class=\"returns-inline\">\n            <span class=\"type\">Function</span>\n        </span>\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_utils_parse-property-expression.js.html#l24\"><code>addon&#x2F;utils&#x2F;parse-property-expression.js:24</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        \n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">expr</code>\n                        <span class=\"type\">String</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the expression to parse</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n        <div class=\"returns\">\n            <h4>Returns:</h4>\n\n            <div class=\"returns-description\">\n                        <span class=\"type\">Function</span>:\n                    <p>a function that when called with an object,\nwill locate the value at the end of the expressed path.</p>\n\n            </div>\n        </div>\n\n\n</div>\n<div id=\"method_downloadSvg\" class=\"method item\">\n    <h3 class=\"name\"><code>downloadSvg</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>svg</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_utils_nf_svg-dom.js.html#l65\"><code>addon&#x2F;utils&#x2F;nf&#x2F;svg-dom.js:65</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Triggers a download of an image rendered from the passed svg document</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">svg</code>\n                        <span class=\"type\">SVGSVGElement</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the svg document to render</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n\n\n</div>\n<div id=\"method_getMousePoint\" class=\"method item\">\n    <h3 class=\"name\"><code>getMousePoint</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>container</code>\n                </li>\n                <li class=\"arg\">\n                        <code>e</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n        <span class=\"returns-inline\">\n            <span class=\"type\">Object</span>\n        </span>\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_utils_nf_svg-dom.js.html#l77\"><code>addon&#x2F;utils&#x2F;nf&#x2F;svg-dom.js:77</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        \n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">container</code>\n                        <span class=\"type\">SVGElement</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the container reference to get the mouse position from</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">e</code>\n                        <span class=\"type\">MouseEvent</span>\n\n\n                    <div class=\"param-description\">\n                        <p>A DOM mouse event</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n        <div class=\"returns\">\n            <h4>Returns:</h4>\n\n            <div class=\"returns-description\">\n                        <span class=\"type\">Object</span>:\n                    <p>the {x, y} data of the mouse position relative to the container</p>\n\n            </div>\n        </div>\n\n\n</div>\n<div id=\"method_getRectPath\" class=\"method item\">\n    <h3 class=\"name\"><code>getRectPath</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>x</code>\n                </li>\n                <li class=\"arg\">\n                        <code>y</code>\n                </li>\n                <li class=\"arg\">\n                        <code>w</code>\n                </li>\n                <li class=\"arg\">\n                        <code>h</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n        <span class=\"returns-inline\">\n            <span class=\"type\">String</span>\n        </span>\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_utils_nf_svg-dom.js.html#l108\"><code>addon&#x2F;utils&#x2F;nf&#x2F;svg-dom.js:108</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Creates an SVG path string for a rectangle</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">x</code>\n                        <span class=\"type\">Object</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the x position of the rectangle</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">y</code>\n                        <span class=\"type\">Number</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the y position of the rectangle</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">w</code>\n                        <span class=\"type\">Number</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the width of the rectangle</p>\n\n                    </div>\n\n                </li>\n                <li class=\"param\">\n                        <code class=\"param-name\">h</code>\n                        <span class=\"type\">Number</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the height of the rectangle</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n        <div class=\"returns\">\n            <h4>Returns:</h4>\n\n            <div class=\"returns-description\">\n                        <span class=\"type\">String</span>:\n                    <p>the svg path string for the rectangle</p>\n\n            </div>\n        </div>\n\n\n</div>\n<div id=\"method_inlineAllStyles\" class=\"method item private\">\n    <h3 class=\"name\"><code>inlineAllStyles</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>element</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n\n\n        <span class=\"flag private\">private</span>\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_utils_nf_svg-dom.js.html#l6\"><code>addon&#x2F;utils&#x2F;nf&#x2F;svg-dom.js:6</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Traverses an element and all of its descendants, setting their\ninline style property to whatever the computed style is.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">element</code>\n                        <span class=\"type\">Element</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the dom element to traverse.</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n\n\n</div>\n<div id=\"method_svgToImageUrl\" class=\"method item\">\n    <h3 class=\"name\"><code>svgToImageUrl</code></h3>\n\n        <div class=\"args\">\n            <span class=\"paren\">(</span><ul class=\"args-list inline commas\">\n                <li class=\"arg\">\n                        <code>svg</code>\n                </li>\n            </ul><span class=\"paren\">)</span>\n        </div>\n\n\n\n\n\n\n\n\n    <div class=\"meta\">\n                <p>\n                Defined in\n        <a href=\"../files/addon_utils_nf_svg-dom.js.html#l29\"><code>addon&#x2F;utils&#x2F;nf&#x2F;svg-dom.js:29</code></a>\n        </p>\n\n\n\n    </div>\n\n    <div class=\"description\">\n        <p>Renders an SVG element to a Base64 encoded data URI.</p>\n\n    </div>\n\n        <div class=\"params\">\n            <h4>Parameters:</h4>\n\n            <ul class=\"params-list\">\n                <li class=\"param\">\n                        <code class=\"param-name\">svg</code>\n                        <span class=\"type\">SVGSVGElement</span>\n\n\n                    <div class=\"param-description\">\n                        <p>the svg element to render</p>\n\n                    </div>\n\n                </li>\n            </ul>\n        </div>\n\n\n\n</div>\n            </div>\n\n\n\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/data.json",
    "content": "{\n    \"project\": {\n        \"name\": \"ember-nf-graph\",\n        \"description\": \"A DSL for creating graphs with Ember\"\n    },\n    \"files\": {\n        \"addon/mixins/graph-area-utils.js\": {\n            \"name\": \"addon/mixins/graph-area-utils.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"mixins.graph-area-utils\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"mixins\": 1\n            }\n        },\n        \"addon/mixins/graph-data-graphic.js\": {\n            \"name\": \"addon/mixins/graph-data-graphic.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"mixins.graph-data-graphic\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"mixins\": 1\n            }\n        },\n        \"addon/mixins/graph-graphic-with-tracking-dot.js\": {\n            \"name\": \"addon/mixins/graph-graphic-with-tracking-dot.js\",\n            \"modules\": {},\n            \"classes\": {},\n            \"fors\": {},\n            \"namespaces\": {}\n        },\n        \"addon/mixins/graph-has-graph-parent.js\": {\n            \"name\": \"addon/mixins/graph-has-graph-parent.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"mixins.graph-has-graph-parent\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"mixins\": 1\n            }\n        },\n        \"addon/mixins/graph-line-utils.js\": {\n            \"name\": \"addon/mixins/graph-line-utils.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"mixins.graph-line-utils\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"mixins\": 1\n            }\n        },\n        \"addon/mixins/graph-registered-graphic.js\": {\n            \"name\": \"addon/mixins/graph-registered-graphic.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"mixins.graph-registered-graphic\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"mixins\": 1\n            }\n        },\n        \"addon/mixins/graph-requires-scale-source.js\": {\n            \"name\": \"addon/mixins/graph-requires-scale-source.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"mixins.graph-requires-scale-source\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"mixins\": 1\n            }\n        },\n        \"addon/mixins/graph-selectable-graphic.js\": {\n            \"name\": \"addon/mixins/graph-selectable-graphic.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"mixins.graph-selectable-graphic\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"mixins\": 1\n            }\n        },\n        \"addon/utils/nf/array-helpers.js\": {\n            \"name\": \"addon/utils/nf/array-helpers.js\",\n            \"modules\": {\n                \"utils/nf/array-helpers\": 1\n            },\n            \"classes\": {},\n            \"fors\": {},\n            \"namespaces\": {}\n        },\n        \"addon/utils/nf/graph-event.js\": {\n            \"name\": \"addon/utils/nf/graph-event.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"utils.nf.graph-event\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"utils.nf\": 1\n            }\n        },\n        \"addon/utils/nf/graph-mouse-event.js\": {\n            \"name\": \"addon/utils/nf/graph-mouse-event.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"utils.nf.graph-mouse-event\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"utils.nf\": 1\n            }\n        },\n        \"addon/utils/nf/graph-position.js\": {\n            \"name\": \"addon/utils/nf/graph-position.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"utils.nf.graph-position\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"utils.nf\": 1\n            }\n        },\n        \"addon/utils/nf/scale-utils.js\": {\n            \"name\": \"addon/utils/nf/scale-utils.js\",\n            \"modules\": {\n                \"scale-utils\": 1\n            },\n            \"classes\": {},\n            \"fors\": {},\n            \"namespaces\": {\n                \"utils.nf\": 1\n            }\n        },\n        \"addon/utils/nf/scroll-area-action-context.js\": {\n            \"name\": \"addon/utils/nf/scroll-area-action-context.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"utils.nf.scroll-area-action-context\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"utils.nf\": 1\n            }\n        },\n        \"addon/utils/nf/svg-dom.js\": {\n            \"name\": \"addon/utils/nf/svg-dom.js\",\n            \"modules\": {\n                \"utils/nf/svg-dom\": 1\n            },\n            \"classes\": {},\n            \"fors\": {},\n            \"namespaces\": {}\n        },\n        \"addon/utils/parse-property-expression.js\": {\n            \"name\": \"addon/utils/parse-property-expression.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"utils.parse-property-expression\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"utils\": 1\n            }\n        },\n        \"app/components/nf-area-stack.js\": {\n            \"name\": \"app/components/nf-area-stack.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-area-stack\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-area.js\": {\n            \"name\": \"app/components/nf-area.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-area\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-bars.js\": {\n            \"name\": \"app/components/nf-bars.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-bars\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-crosshair.js\": {\n            \"name\": \"app/components/nf-crosshair.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-crosshair\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-dot.js\": {\n            \"name\": \"app/components/nf-dot.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-dot\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-gg.js\": {\n            \"name\": \"app/components/nf-gg.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-gg\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-graph-content.js\": {\n            \"name\": \"app/components/nf-graph-content.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-graph-content\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-graph.js\": {\n            \"name\": \"app/components/nf-graph.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-graph\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-horizontal-line.js\": {\n            \"name\": \"app/components/nf-horizontal-line.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-horizontal-line\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-line.js\": {\n            \"name\": \"app/components/nf-line.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-line\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-plot.js\": {\n            \"name\": \"app/components/nf-plot.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-plot\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-plots.js\": {\n            \"name\": \"app/components/nf-plots.js\",\n            \"modules\": {},\n            \"classes\": {},\n            \"fors\": {},\n            \"namespaces\": {}\n        },\n        \"app/components/nf-range-marker.js\": {\n            \"name\": \"app/components/nf-range-marker.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-range-marker\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-range-markers.js\": {\n            \"name\": \"app/components/nf-range-markers.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-range-markers\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-right-tick.js\": {\n            \"name\": \"app/components/nf-right-tick.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-right-tick\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-selection-box.js\": {\n            \"name\": \"app/components/nf-selection-box.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-selection-box\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-svg-image.js\": {\n            \"name\": \"app/components/nf-svg-image.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-svg-image\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-svg-line.js\": {\n            \"name\": \"app/components/nf-svg-line.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-svg-line\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-svg-path.js\": {\n            \"name\": \"app/components/nf-svg-path.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-svg-path\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-svg-rect.js\": {\n            \"name\": \"app/components/nf-svg-rect.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-svg-rect\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-tracker.js\": {\n            \"name\": \"app/components/nf-tracker.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-tracker\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-vertical-line.js\": {\n            \"name\": \"app/components/nf-vertical-line.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-vertical-line\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-x-axis.js\": {\n            \"name\": \"app/components/nf-x-axis.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-x-axis\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-y-axis.js\": {\n            \"name\": \"app/components/nf-y-axis.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-y-axis\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        },\n        \"app/components/nf-y-diff.js\": {\n            \"name\": \"app/components/nf-y-diff.js\",\n            \"modules\": {},\n            \"classes\": {\n                \"components.nf-y-diff\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"components\": 1\n            }\n        }\n    },\n    \"modules\": {\n        \"utils/nf/array-helpers\": {\n            \"name\": \"utils/nf/array-helpers\",\n            \"submodules\": {},\n            \"classes\": {\n                \"mixins.graph-area-utils\": 1,\n                \"mixins.graph-data-graphic\": 1,\n                \"mixins.graph-has-graph-parent\": 1,\n                \"mixins.graph-line-utils\": 1,\n                \"mixins.graph-registered-graphic\": 1,\n                \"mixins.graph-requires-scale-source\": 1,\n                \"mixins.graph-selectable-graphic\": 1,\n                \"utils.nf.graph-event\": 1,\n                \"utils.nf.graph-mouse-event\": 1,\n                \"utils.nf.graph-position\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"utils.nf\": 1\n            },\n            \"tag\": \"module\",\n            \"file\": \"addon/utils/nf/graph-position.js\",\n            \"line\": 6\n        },\n        \"scale-utils\": {\n            \"name\": \"scale-utils\",\n            \"submodules\": {},\n            \"classes\": {\n                \"utils.nf.scroll-area-action-context\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"utils.nf\": 1\n            },\n            \"tag\": \"module\",\n            \"file\": \"addon/utils/nf/scroll-area-action-context.js\",\n            \"line\": 4,\n            \"description\": \"utilities for dealing with d3 scales\"\n        },\n        \"utils/nf/svg-dom\": {\n            \"name\": \"utils/nf/svg-dom\",\n            \"submodules\": {},\n            \"classes\": {\n                \"utils.parse-property-expression\": 1,\n                \"components.nf-area-stack\": 1,\n                \"components.nf-area\": 1,\n                \"components.nf-bars\": 1,\n                \"components.nf-crosshair\": 1,\n                \"components.nf-dot\": 1,\n                \"components.nf-gg\": 1,\n                \"components.nf-graph-content\": 1,\n                \"components.nf-graph\": 1,\n                \"components.nf-horizontal-line\": 1,\n                \"components.nf-line\": 1,\n                \"components.nf-plot\": 1,\n                \"components.nf-range-marker\": 1,\n                \"components.nf-range-markers\": 1,\n                \"components.nf-right-tick\": 1,\n                \"components.nf-selection-box\": 1,\n                \"components.nf-svg-image\": 1,\n                \"components.nf-svg-line\": 1,\n                \"components.nf-svg-path\": 1,\n                \"components.nf-svg-rect\": 1,\n                \"components.nf-tracker\": 1,\n                \"components.nf-vertical-line\": 1,\n                \"components.nf-x-axis\": 1,\n                \"components.nf-y-axis\": 1,\n                \"components.nf-y-diff\": 1\n            },\n            \"fors\": {},\n            \"namespaces\": {\n                \"utils\": 1,\n                \"components\": 1\n            },\n            \"tag\": \"module\",\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 6\n        }\n    },\n    \"classes\": {\n        \"mixins.graph-area-utils\": {\n            \"name\": \"mixins.graph-area-utils\",\n            \"shortname\": \"mixins.graph-area-utils\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [\n                \"components.nf-area\"\n            ],\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"mixins\",\n            \"file\": \"addon/mixins/graph-area-utils.js\",\n            \"line\": 3,\n            \"description\": \"Utility functions for drawing an area.\",\n            \"extends\": \"Ember.Mixin\"\n        },\n        \"mixins.graph-data-graphic\": {\n            \"name\": \"mixins.graph-data-graphic\",\n            \"shortname\": \"mixins.graph-data-graphic\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [\n                \"components.nf-area\",\n                \"components.nf-bars\",\n                \"components.nf-line\",\n                \"components.nf-tracker\"\n            ],\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"mixins\",\n            \"file\": \"addon/mixins/graph-data-graphic.js\",\n            \"line\": 10,\n            \"description\": \"This is mixed in to {{#crossLink components.nf-graph}}nf-graph{{/crossLink}} child components that need to register data\\nwith the graph. Includes methods for extracting, sorting and scrubbing data\\nfor use in graphing components.\\n\\nRequires {{#crossLink \\\"mixins.graph-registered-graphic\\\"}}{{/crossLink}} and \\n{{#crossLink \\\"mixins.graph-has-graph-parent\\\"}}{{/crossLink}}\",\n            \"extends\": \"Ember.Mixin\"\n        },\n        \"mixins.graph-has-graph-parent\": {\n            \"name\": \"mixins.graph-has-graph-parent\",\n            \"shortname\": \"mixins.graph-has-graph-parent\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [\n                \"components.nf-area\",\n                \"components.nf-bars\",\n                \"components.nf-crosshair\",\n                \"components.nf-dot\",\n                \"components.nf-gg\",\n                \"components.nf-graph-content\",\n                \"components.nf-horizontal-line\",\n                \"components.nf-line\",\n                \"components.nf-plot\",\n                \"components.nf-range-marker\",\n                \"components.nf-range-markers\",\n                \"components.nf-right-tick\",\n                \"components.nf-selection-box\",\n                \"components.nf-svg-image\",\n                \"components.nf-svg-line\",\n                \"components.nf-svg-path\",\n                \"components.nf-svg-rect\",\n                \"components.nf-tracker\",\n                \"components.nf-vertical-line\",\n                \"components.nf-x-axis\",\n                \"components.nf-y-axis\",\n                \"components.nf-y-diff\"\n            ],\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"mixins\",\n            \"file\": \"addon/mixins/graph-has-graph-parent.js\",\n            \"line\": 3,\n            \"description\": \"Adds initialization code to graph the `nf-graph` parent\\nto a component that is to be contained in an `nf-graph`.\"\n        },\n        \"mixins.graph-line-utils\": {\n            \"name\": \"mixins.graph-line-utils\",\n            \"shortname\": \"mixins.graph-line-utils\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [\n                \"components.nf-line\"\n            ],\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"mixins\",\n            \"file\": \"addon/mixins/graph-line-utils.js\",\n            \"line\": 3,\n            \"extends\": \"Ember.Mixin\"\n        },\n        \"mixins.graph-registered-graphic\": {\n            \"name\": \"mixins.graph-registered-graphic\",\n            \"shortname\": \"mixins.graph-registered-graphic\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [\n                \"components.nf-area\",\n                \"components.nf-bars\",\n                \"components.nf-line\"\n            ],\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"mixins\",\n            \"file\": \"addon/mixins/graph-registered-graphic.js\",\n            \"line\": 3,\n            \"extends\": \"Ember.Mixin\"\n        },\n        \"mixins.graph-requires-scale-source\": {\n            \"name\": \"mixins.graph-requires-scale-source\",\n            \"shortname\": \"mixins.graph-requires-scale-source\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [\n                \"components.nf-area\",\n                \"components.nf-bars\",\n                \"components.nf-dot\",\n                \"components.nf-horizontal-line\",\n                \"components.nf-line\",\n                \"components.nf-plot\",\n                \"components.nf-range-marker\",\n                \"components.nf-right-tick\",\n                \"components.nf-selection-box\",\n                \"components.nf-svg-image\",\n                \"components.nf-svg-line\",\n                \"components.nf-svg-path\",\n                \"components.nf-svg-rect\",\n                \"components.nf-tracker\",\n                \"components.nf-vertical-line\",\n                \"components.nf-x-axis\",\n                \"components.nf-y-axis\",\n                \"components.nf-y-diff\"\n            ],\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"mixins\",\n            \"file\": \"addon/mixins/graph-requires-scale-source.js\",\n            \"line\": 27,\n            \"description\": \"Adds functionality to identify a parent control that will provide an x and\\ny scale, then adds scaling properties to the component it's mixed in to.\"\n        },\n        \"mixins.graph-selectable-graphic\": {\n            \"name\": \"mixins.graph-selectable-graphic\",\n            \"shortname\": \"mixins.graph-selectable-graphic\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [\n                \"components.nf-area\",\n                \"components.nf-line\",\n                \"components.nf-svg-image\",\n                \"components.nf-svg-line\",\n                \"components.nf-svg-path\",\n                \"components.nf-svg-rect\"\n            ],\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"mixins\",\n            \"file\": \"addon/mixins/graph-selectable-graphic.js\",\n            \"line\": 3,\n            \"description\": \"Adds functionality to a component to make it a selectable graphic\\nwithin it's parent nf-graph.\",\n            \"extends\": \"Ember.Mixin\"\n        },\n        \"utils.nf.graph-event\": {\n            \"name\": \"utils.nf.graph-event\",\n            \"shortname\": \"utils.nf.graph-event\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\",\n            \"file\": \"addon/utils/nf/graph-event.js\",\n            \"line\": 3,\n            \"description\": \"Event object for graph events\",\n            \"extends\": \"graph-position\"\n        },\n        \"utils.nf.graph-mouse-event\": {\n            \"name\": \"utils.nf.graph-mouse-event\",\n            \"shortname\": \"utils.nf.graph-mouse-event\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\",\n            \"file\": \"addon/utils/nf/graph-mouse-event.js\",\n            \"line\": 8,\n            \"description\": \"An event context object generally returned by tracking events. Also used as\\n`trackedData` in components such as `nf-line`, `nf-area` and `nf-bars`.\",\n            \"extends\": \"graph-position\"\n        },\n        \"utils.nf.graph-position\": {\n            \"name\": \"utils.nf.graph-position\",\n            \"shortname\": \"utils.nf.graph-position\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\",\n            \"file\": \"addon/utils/nf/graph-position.js\",\n            \"line\": 6,\n            \"description\": \"Position calculation class for nf-graph related events\",\n            \"extends\": \"Ember.Object\"\n        },\n        \"utils.nf.scroll-area-action-context\": {\n            \"name\": \"utils.nf.scroll-area-action-context\",\n            \"shortname\": \"utils.nf.scroll-area-action-context\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"scale-utils\",\n            \"namespace\": \"utils.nf\",\n            \"file\": \"addon/utils/nf/scroll-area-action-context.js\",\n            \"line\": 4,\n            \"description\": \"Action context event object for an nf-scroll-area scroll event.\"\n        },\n        \"utils.parse-property-expression\": {\n            \"name\": \"utils.parse-property-expression\",\n            \"shortname\": \"utils.parse-property-expression\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"utils\",\n            \"file\": \"addon/utils/parse-property-expression.js\",\n            \"line\": 1,\n            \"description\": \"A function that will parse a path expression into a \\\"getter\\\" function that\\ncan retrieve a value from that path off of any object when called.\\n\\n### Example\\n      \\n      import parsePropertyExpr from 'utils/parse-property-expr';\\n\\n      var test = { foo: { bar: ['apple', 'banana'] } };\\n      var getFooBar1 = parsePropertyExpr('foo.bar[1]');\\n      var result = getFooBar1(test);\\n      console.log(result); // \\\"banana\\\"\\n\\n### Notes\\n\\nWill return `undefined` if the nothing is at the end of the path, or the\\npath cannot be reached.\"\n        },\n        \"components.nf-area-stack\": {\n            \"name\": \"components.nf-area-stack\",\n            \"shortname\": \"components.nf-area-stack\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-area-stack.js\",\n            \"line\": 3,\n            \"description\": \"A component for grouping and stacking `nf-area` components in an `nf-graph`.\\n\\nThis component looks at the order of the `nf-area` components underneath it \\nand uses the ydata of the next sibling `nf-area` component to determine the bottom \\nof each `nf-area` components path to be drawn.\\n\\n### Example\\n\\n    {{#nf-graph width=300 height=100}}\\n      {{#nf-graph-content}}\\n        {{#nf-area-stack}}\\n          {{nf-area data=myData xprop=\\\"time\\\" yprop=\\\"high\\\"}}\\n          {{nf-area data=myData xprop=\\\"time\\\" yprop=\\\"med\\\"}}\\n          {{nf-area data=myData xprop=\\\"time\\\" yprop=\\\"low\\\"}}\\n        {{/nf-area-stack}}\\n      {{/nf-graph-content}}\\n    {{/nf-graph}}\"\n        },\n        \"components.nf-area\": {\n            \"name\": \"components.nf-area\",\n            \"shortname\": \"components.nf-area\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-area.js\",\n            \"line\": 11,\n            \"description\": \"Adds an area graph to an `nf-graph` component.\\n\\nOptionally, if it's located within an `nf-area-stack` component, it will work with\\nsibling `nf-area` components to create a stacked graph.\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-area-utils\",\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-selectable-graphic\",\n                \"mixins.graph-registered-graphic\",\n                \"mixins.graph-data-graphic\",\n                \"mixins.graph-graphic-with-tracking-dot\",\n                \"mixins.graph-requires-scale-source\"\n            ]\n        },\n        \"components.nf-bars\": {\n            \"name\": \"components.nf-bars\",\n            \"shortname\": \"components.nf-bars\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-bars.js\",\n            \"line\": 11,\n            \"description\": \"Adds a bar graph to an `nf-graph` component.\\n\\n**Requires the graph has `xScaleType === 'ordinal'`***\\n\\n** `showTrackingDot` defaults to `false` in this component **\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-registered-graphic\",\n                \"mixins.graph-data-graphic\",\n                \"mixins.graph-requires-scale-source\",\n                \"mixins.graph-graphic-with-tracking-dot\"\n            ]\n        },\n        \"components.nf-crosshair\": {\n            \"name\": \"components.nf-crosshair\",\n            \"shortname\": \"components.nf-crosshair\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-crosshair.js\",\n            \"line\": 4,\n            \"description\": \"A component that adds a \\\"crosshair\\\" to an `nf-graph` that follows the mouse\\nwhile it's hovering over the graph content.\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\"\n            ]\n        },\n        \"components.nf-dot\": {\n            \"name\": \"components.nf-dot\",\n            \"shortname\": \"components.nf-dot\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-dot.js\",\n            \"line\": 5,\n            \"description\": \"Plots a circle at a given x and y domain value on an `nf-graph`.\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-requires-scale-source\"\n            ]\n        },\n        \"components.nf-gg\": {\n            \"name\": \"components.nf-gg\",\n            \"shortname\": \"components.nf-gg\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-gg.js\",\n            \"line\": 6,\n            \"description\": \"A grouping tag that provides zooming and offset functionality to it's children.\\n\\n## Example\\n\\nThe following example will show a line of `someData` with a 2x zoom, offset by 30px in both x and y\\ndirections:\\n\\n      {{#nf-gg scaleZoomX=\\\"2\\\" scaleZoomY=\\\"2\\\" scaleOffsetX=\\\"30\\\" scaleOffsetY=\\\"30\\\"}}\\n        {{nf-line data=someData}}\\n      {{/nf-gg}}\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-require-scale-source\",\n                \"mixins.graph-selecteble-graphic\"\n            ]\n        },\n        \"components.nf-graph-content\": {\n            \"name\": \"components.nf-graph-content\",\n            \"shortname\": \"components.nf-graph-content\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-graph-content.js\",\n            \"line\": 5,\n            \"description\": \"Container component for graphics to display in `nf-graph`. Represents\\nthe area where the graphics, such as lines will display.\\n\\nExists for layout purposes.\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\"\n            ]\n        },\n        \"components.nf-graph\": {\n            \"name\": \"components.nf-graph\",\n            \"shortname\": \"components.nf-graph\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 239,\n            \"description\": \"A container component for building complex Cartesian graphs.\\n\\n## Minimal example\\n\\n     {{#nf-graph width=100 height=50}}\\n       {{#nf-graph-content}}\\n         {{nf-line data=lineData xprop=\\\"foo\\\" yprop=\\\"bar\\\"}}\\n       {{/nf-graph-content}}\\n     {{/nf-graph}}\\n\\nThe above will create a simple 100x50 graph, with no axes, and a single line\\nplotting the data it finds on each object in the array `lineData` at properties\\n`foo` and `bar` for x and y values respectively.\\n\\n## More advanced example\\n\\n     {{#nf-graph width=500 height=300}}\\n       {{#nf-x-axis height=\\\"50\\\" as |tick|}}\\n         <text>{{tick.value}}</text>\\n       {{/nf-x-axis}}\\n\\n       {{#nf-y-axis width=\\\"120\\\" as |tick|}}\\n         <text>{{tick.value}}</text>\\n       {{/nf-y-axis}}\\n \\n       {{#nf-graph-content}}\\n         {{nf-line data=lineData xprop=\\\"foo\\\" yprop=\\\"bar\\\"}}\\n       {{/nf-graph-content}}\\n     {{/nf-graph}}\\n\\nThe above example will create a 500x300 graph with both axes visible. The graph will not \\nrender either axis unless its component is present.\",\n            \"extends\": \"Ember.Component\"\n        },\n        \"components.nf-horizontal-line\": {\n            \"name\": \"components.nf-horizontal-line\",\n            \"shortname\": \"components.nf-horizontal-line\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-horizontal-line.js\",\n            \"line\": 5,\n            \"description\": \"Draws a horizontal line on the graph at a given y domain value\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-requires-scale-source\"\n            ]\n        },\n        \"components.nf-line\": {\n            \"name\": \"components.nf-line\",\n            \"shortname\": \"components.nf-line\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-line.js\",\n            \"line\": 10,\n            \"description\": \"A line graphic for `nf-graph`. Displays a line for the data it's passed.\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-line-utils\",\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-selectable-graphic\",\n                \"mixins.graph-registered-graphic\",\n                \"mixins.graph-data-graphic\",\n                \"mixins.graph-graphic-with-tracking-dot\",\n                \"mixins.graph-requires-scale-source\"\n            ]\n        },\n        \"components.nf-plot\": {\n            \"name\": \"components.nf-plot\",\n            \"shortname\": \"components.nf-plot\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-plot.js\",\n            \"line\": 6,\n            \"description\": \"Plots a group tag on a graph at a given x and y domain coordinate.\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-requires-scale-source\"\n            ]\n        },\n        \"components.nf-range-marker\": {\n            \"name\": \"components.nf-range-marker\",\n            \"shortname\": \"components.nf-range-marker\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-range-marker.js\",\n            \"line\": 5,\n            \"description\": \"Draws a rectangular strip with a templated label on an `nf-graph`.\\nShould always be used in conjunction with an `nf-range-markers` container component.\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-requires-scale-source\"\n            ]\n        },\n        \"components.nf-range-markers\": {\n            \"name\": \"components.nf-range-markers\",\n            \"shortname\": \"components.nf-range-markers\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-range-markers.js\",\n            \"line\": 4,\n            \"description\": \"A container and manager for `nf-range-marker` components.\\nUsed to draw an association between `nf-range-marker` components so they \\ncan be laid out in a manner in which they don't collide.\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\"\n            ]\n        },\n        \"components.nf-right-tick\": {\n            \"name\": \"components.nf-right-tick\",\n            \"shortname\": \"components.nf-right-tick\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-right-tick.js\",\n            \"line\": 5,\n            \"description\": \"Draws a line and a chevron at the specified domain value \\non the right side of an `nf-graph`. \\n\\n### Tips\\n\\n- Position outside of `nf-graph-content` component, but inside `nf-graph`.\\n- Adding `paddingRight` to `nf-graph` component will not affect `nf-right-tick`'s position.\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-requires-scale-source\"\n            ]\n        },\n        \"components.nf-selection-box\": {\n            \"name\": \"components.nf-selection-box\",\n            \"shortname\": \"components.nf-selection-box\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-selection-box.js\",\n            \"line\": 6,\n            \"description\": \"Draws a rectangle on an `nf-graph` given domain values `xMin`, `xMax`, `yMin` and `yMax`.\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-requires-scale-source\"\n            ]\n        },\n        \"components.nf-svg-image\": {\n            \"name\": \"components.nf-svg-image\",\n            \"shortname\": \"components.nf-svg-image\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-svg-image.js\",\n            \"line\": 7,\n            \"description\": \"An image to be displayed in a graph with that takes domain based measurements and\\nuses the scale of the graph. Creates an `<image class=\\\"nf-image\\\"/>` SVG element.\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-requires-scale-source\",\n                \"mixins.graph-selectable-graphic\"\n            ]\n        },\n        \"components.nf-svg-line\": {\n            \"name\": \"components.nf-svg-line\",\n            \"shortname\": \"components.nf-svg-line\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-svg-line.js\",\n            \"line\": 7,\n            \"description\": \"Draws a basic line between two points on the graph.\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-requires-scale-source\",\n                \"mixins.graph-selectable-graphic\"\n            ]\n        },\n        \"components.nf-svg-path\": {\n            \"name\": \"components.nf-svg-path\",\n            \"shortname\": \"components.nf-svg-path\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-svg-path.js\",\n            \"line\": 7,\n            \"description\": \"An SVG path primitive that plots based on a graph's scale.\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-requires-scale-source\",\n                \"mixins.graph-selectable-graphic\"\n            ]\n        },\n        \"components.nf-svg-rect\": {\n            \"name\": \"components.nf-svg-rect\",\n            \"shortname\": \"components.nf-svg-rect\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-svg-rect.js\",\n            \"line\": 7,\n            \"description\": \"A rectangle that plots using domain values from the graph. Uses an SVGPathElement\\nto plot the rectangle, to allow for rectangles with \\\"negative\\\" heights.\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-requires-scale-source\",\n                \"mixins.graph-selectable-graphic\"\n            ]\n        },\n        \"components.nf-tracker\": {\n            \"name\": \"components.nf-tracker\",\n            \"shortname\": \"components.nf-tracker\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-tracker.js\",\n            \"line\": 9,\n            \"description\": \"A tracking graphic component used to do things like create tracking dots for nf-area or nf-line.\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-data-graphic\",\n                \"mixins.graph-requires-scale-source\",\n                \"mixins.graph-graphic-with-tracking-dot\"\n            ]\n        },\n        \"components.nf-vertical-line\": {\n            \"name\": \"components.nf-vertical-line\",\n            \"shortname\": \"components.nf-vertical-line\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-vertical-line.js\",\n            \"line\": 5,\n            \"description\": \"Draws a vertical line on a graph at a given x domain value\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-requires-scale-source\"\n            ]\n        },\n        \"components.nf-x-axis\": {\n            \"name\": \"components.nf-x-axis\",\n            \"shortname\": \"components.nf-x-axis\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-x-axis.js\",\n            \"line\": 7,\n            \"description\": \"A component for adding a templated x axis to an `nf-graph` component.\\nAll items contained within this component are used to template each tick mark on the\\nrendered graph. Tick values are supplied to the inner scope of this component on the\\nview template via `tick`.\\n\\n### Styling\\n\\nThe main container will have a `nf-x-axis` class.\\nA `orient-top` or `orient-bottom` container will be applied to the container\\ndepending on the `orient` setting.\\n\\nTicks are positioned via a `<g>` tag, that will contain whatever is passed into it via\\ntemplating, along with the tick line. `<text>` tags within tick templates do have some\\ndefault styling applied to them to position them appropriately based off of orientation.\\n\\n### Example\\n\\n      {{#nf-graph width=500 height=300}}\\n        {{#nf-x-axis height=40 as |tick|}}\\n          <text>x is {{tick.value}}</text>\\n        {{/nf-x-axis}}\\n      {{/nf-graph}}\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-requires-scale-source\"\n            ]\n        },\n        \"components.nf-y-axis\": {\n            \"name\": \"components.nf-y-axis\",\n            \"shortname\": \"components.nf-y-axis\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-y-axis.js\",\n            \"line\": 7,\n            \"description\": \"A component for adding a templated y axis to an `nf-graph` component.\\nAll items contained within this component are used to template each tick mark on the \\nrendered graph. Tick values are supplied to the inner scope of this component on the\\nview template via `tick`.\\n\\n### Styling\\n\\nThe main container will have a `nf-y-axis` class.\\nA `orient-left` or `orient-right` container will be applied to the container\\ndepending on the `orient` setting.\\n\\nTicks are positioned via a `<g>` tag, that will contain whatever is passed into it via\\ntemplating, along with the tick line. `<text>` tags within tick templates do have some \\ndefault styling applied to them to position them appropriately based off of orientation.\\n\\n### Example\\n\\n      {{#nf-graph width=500 height=300}}\\n        {{#nf-y-axis width=40 as |tick|}}\\n          <text>y is {{tick.value}}</text>\\n        {{/nf-y-axis}}\\n      {{/nf-graph}}\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-requires-scale-source\"\n            ]\n        },\n        \"components.nf-y-diff\": {\n            \"name\": \"components.nf-y-diff\",\n            \"shortname\": \"components.nf-y-diff\",\n            \"classitems\": [],\n            \"plugins\": [],\n            \"extensions\": [],\n            \"plugin_for\": [],\n            \"extension_for\": [],\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\",\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 6,\n            \"description\": \"Draws a box underneath (or over) the y axis to between the given `a` and `b`\\ndomain values. Component content is used to template a label in that box.\\n\\n## Tips\\n\\n- Should be outside of `nf-graph-content`.\\n- Should be \\\"above\\\" `nf-y-axis` in the markup.\\n- As a convenience, `<text>` elements will automatically be positioned based on y-axis orientation\\n  due to default styling.\",\n            \"extends\": \"Ember.Component\",\n            \"uses\": [\n                \"mixins.graph-has-graph-parent\",\n                \"mixins.graph-requires-scale-source\"\n            ]\n        }\n    },\n    \"classitems\": [\n        {\n            \"file\": \"addon/mixins/graph-area-utils.js\",\n            \"line\": 12,\n            \"description\": \"Creates a d3 area function from a given set of scales and an interpolator\",\n            \"itemtype\": \"method\",\n            \"name\": \"createAreaFn\",\n            \"params\": [\n                {\n                    \"name\": \"xScale\",\n                    \"description\": \"a d3 scale\",\n                    \"type\": \"Function\"\n                },\n                {\n                    \"name\": \"yScale\",\n                    \"description\": \"a d3 scale\",\n                    \"type\": \"Function\"\n                },\n                {\n                    \"name\": \"interpolator\",\n                    \"description\": \"the name of the d3 interpolator to use.\",\n                    \"type\": \"String\"\n                }\n            ],\n            \"return\": {\n                \"description\": \"a function that when called will create SVG path data.\",\n                \"type\": \"Function\"\n            },\n            \"class\": \"mixins.graph-area-utils\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-data-graphic.js\",\n            \"line\": 25,\n            \"description\": \"Gets or sets the data used by the component to plot itself.\",\n            \"itemtype\": \"property\",\n            \"name\": \"data\",\n            \"type\": \"Array\",\n            \"default\": \"null\",\n            \"class\": \"mixins.graph-data-graphic\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-data-graphic.js\",\n            \"line\": 59,\n            \"description\": \"The path of the property on each object in \\n{{#crossLink \\\"mixins.graph-data-graphic/data:property\\\"}}{{/crossLink}}\\nto use as x data to plot on the graph.\",\n            \"itemtype\": \"property\",\n            \"name\": \"xprop\",\n            \"type\": \"String\",\n            \"default\": \"'x'\",\n            \"class\": \"mixins.graph-data-graphic\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-data-graphic.js\",\n            \"line\": 70,\n            \"description\": \"The path of the property on each object in \\n{{#crossLink \\\"mixins.graph-data-graphic/data:property\\\"}}{{/crossLink}}\\nto use as y data to plot on the graph.\",\n            \"itemtype\": \"property\",\n            \"name\": \"yprop\",\n            \"type\": \"String\",\n            \"default\": \"'y'\",\n            \"class\": \"mixins.graph-data-graphic\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-data-graphic.js\",\n            \"line\": 81,\n            \"description\": \"The function to get the x value from each \\n{{#crossLink \\\"mixins.graph-data-graphic/data:property\\\"}}{{/crossLink}} object\",\n            \"itemtype\": \"property\",\n            \"name\": \"xPropFn\",\n            \"type\": \"Function\",\n            \"readonly\": \"\",\n            \"class\": \"mixins.graph-data-graphic\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-data-graphic.js\",\n            \"line\": 96,\n            \"description\": \"The function to get the y value from each \\n{{#crossLink \\\"mixins.graph-data-graphic/data:property\\\"}}{{/crossLink}} object\",\n            \"itemtype\": \"property\",\n            \"name\": \"yPropFn\",\n            \"type\": \"Function\",\n            \"readonly\": \"\",\n            \"class\": \"mixins.graph-data-graphic\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-data-graphic.js\",\n            \"line\": 111,\n            \"description\": \"The list of data points from {{#crossLink \\\"mixins.graph-data-graphc/mappedData:property\\\"}}{{/crossLink}} that\\nfits within the x domain, plus up to one data point outside of that domain in each direction.\",\n            \"itemtype\": \"property\",\n            \"name\": \"renderedData\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"mixins.graph-data-graphic\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-data-graphic.js\",\n            \"line\": 152,\n            \"description\": \"The first element from {{#crossLink \\\"mixins.graph-data-graphic/renderedData:property\\\"}}{{/crossLink}}\\nthat is actually visible within the x domain.\",\n            \"itemtype\": \"property\",\n            \"name\": \"firstVisibleData\",\n            \"type\": \"{Object}\",\n            \"readonly\": \"\",\n            \"class\": \"mixins.graph-data-graphic\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-data-graphic.js\",\n            \"line\": 179,\n            \"description\": \"The last element from {{#crossLink \\\"mixins.graph-data-graphic/renderedData:property\\\"}}{{/crossLink}}\\nthat is actually visible within the x domain.\",\n            \"itemtype\": \"property\",\n            \"name\": \"lastVisibleData\",\n            \"type\": \"{Object}\",\n            \"readonly\": \"\",\n            \"class\": \"mixins.graph-data-graphic\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-data-graphic.js\",\n            \"line\": 235,\n            \"description\": \"Gets the actual data at a rendered tracking point passed to it.\\nThis is overridden in nf-area to account for stacking of data.\",\n            \"itemtype\": \"method\",\n            \"name\": \"getActualTrackData\",\n            \"params\": [\n                {\n                    \"name\": \"renderX\",\n                    \"description\": \"the x domain value the data is rendered at\",\n                    \"type\": \"Number\"\n                },\n                {\n                    \"name\": \"renderY\",\n                    \"description\": \"the y domain value the data is rendered at\",\n                    \"type\": \"Number\"\n                },\n                {\n                    \"name\": \"data\",\n                    \"description\": \"the raw data from the point\",\n                    \"type\": \"Object\"\n                }\n            ],\n            \"return\": {\n                \"description\": \"simple x, y point structure\",\n                \"type\": \"Object\"\n            },\n            \"class\": \"mixins.graph-data-graphic\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-graphic-with-tracking-dot.js\",\n            \"line\": 8,\n            \"description\": \"Gets or sets the tracking mode of the component.\\n\\nPossible values are:\\n\\n- 'none': no tracking behavior\\n- 'hover': only track while mouse hover\\n- 'snap-last': track while mouse hover, but snap to the last data element when not hovering\\n- 'snap-first': track while mouse hover, but snap to the first data element when not hovering\\n- 'selected-hover': The same as `'hover'` tracking mode, but only when the compononent is \\n{{#crossLink \\\"mixins.graph-selectable-graphic/selected:property\\\"}}{{/crossLink}}\\n- 'selected-snap-last': The same as `'snap-last'` tracking mode, but only when the compononent is \\n{{#crossLink \\\"mixins.graph-selectable-graphic/selected:property\\\"}}{{/crossLink}}\\n- 'selected-snap-first': The same as `'snap-first'` tracking mode, but only when the compononent is \\n{{#crossLink \\\"mixins.graph-selectable-graphic/selected:property\\\"}}{{/crossLink}}\",\n            \"itemtype\": \"property\",\n            \"name\": \"trackingMode\",\n            \"type\": \"String\",\n            \"default\": \"'none'\",\n            \"class\": \"mixins.graph-has-graph-parent\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-graphic-with-tracking-dot.js\",\n            \"line\": 30,\n            \"description\": \"The radius of the tracking dot in pixels\",\n            \"itemtype\": \"property\",\n            \"name\": \"trackingDotRadius\",\n            \"type\": \"{number}\",\n            \"default\": \"2.5\",\n            \"class\": \"mixins.graph-has-graph-parent\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-graphic-with-tracking-dot.js\",\n            \"line\": 38,\n            \"description\": \"The action to send on `didTrack`.\",\n            \"itemtype\": \"property\",\n            \"name\": \"didTrack\",\n            \"type\": \"String\",\n            \"default\": \"null\",\n            \"class\": \"mixins.graph-has-graph-parent\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-graphic-with-tracking-dot.js\",\n            \"line\": 46,\n            \"description\": \"The value of the data that is being tracked by the component.\",\n            \"itemtype\": \"property\",\n            \"name\": \"trackedData\",\n            \"type\": \"{Object} an object with the following values:  \\n  - point: an { x, y } pair for the exact px coordinates inside the graph-content\\n  - graphX: domain x value at mouse position\\n  - graphY: domain y value at mouse position\\n  - x: nearest x data value\\n  - y: nearest y data value\\n  - data: nearest raw data\\n  - renderX: domain x value to render a tracking dot at (stacked areas are offset)\\n  - renderY: domain x value to render a tracking dot at (stacked areas are offset)\\n  - mouseX: mouse x position in pixels\\n  - mouseY: mouse y position in pixels\",\n            \"default\": \"null\",\n            \"class\": \"mixins.graph-has-graph-parent\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-graphic-with-tracking-dot.js\",\n            \"line\": 64,\n            \"description\": \"The value of the data that is being tracked by the component, ONLY if the \\ngraph-content is currently being hovered.\",\n            \"itemtype\": \"property\",\n            \"name\": \"hoverData\",\n            \"type\": \"{Object} an object with the following values:  \\n  - point: an { x, y } pair for the exact px coordinates inside the graph-content\\n  - graphX: domain x value at mouse position\\n  - graphY: domain y value at mouse position\\n  - x: nearest x data value\\n  - y: nearest y data value\\n  - data: nearest raw data\\n  - renderX: domain x value to render a tracking dot at (stacked areas are offset)\\n  - renderY: domain x value to render a tracking dot at (stacked areas are offset)\\n  - mouseX: mouse x position in pixels\\n  - mouseY: mouse y position in pixels\",\n            \"default\": \"null\",\n            \"class\": \"mixins.graph-has-graph-parent\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-graphic-with-tracking-dot.js\",\n            \"line\": 85,\n            \"description\": \"Gets or sets whether the tracking dot should be shown at all.\",\n            \"itemtype\": \"property\",\n            \"name\": \"showTrackingDot\",\n            \"type\": \"{boolean}\",\n            \"default\": \"true\",\n            \"class\": \"mixins.graph-has-graph-parent\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-graphic-with-tracking-dot.js\",\n            \"line\": 101,\n            \"description\": \"Observes changes to tracked data and sends the\\ndidTrack action.\",\n            \"itemtype\": \"method\",\n            \"name\": \"_trackedDataChanged\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"mixins.graph-has-graph-parent\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-has-graph-parent.js\",\n            \"line\": 12,\n            \"description\": \"The parent graph for a component.\",\n            \"itemtype\": \"property\",\n            \"name\": \"graph\",\n            \"type\": \"components.nf-graph\",\n            \"default\": \"null\",\n            \"class\": \"mixins.graph-has-graph-parent\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-has-graph-parent.js\",\n            \"line\": 20,\n            \"description\": \"Initalization method that gets the `nf-graph` parent\\nand assigns it to `graph`\\nNOTE: all object that mixin and have init, must call super.init()\",\n            \"itemtype\": \"method\",\n            \"name\": \"init\",\n            \"class\": \"mixins.graph-has-graph-parent\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-line-utils.js\",\n            \"line\": 10,\n            \"description\": \"Create a d3 line function from a given scales and interpolation\",\n            \"itemtype\": \"method\",\n            \"name\": \"createLineFn\",\n            \"params\": [\n                {\n                    \"name\": \"xScale\",\n                    \"description\": \"d3 scale function\",\n                    \"type\": \"Function\"\n                },\n                {\n                    \"name\": \"yScale\",\n                    \"description\": \"d3 scale function\",\n                    \"type\": \"Function\"\n                },\n                {\n                    \"name\": \"interpolate\",\n                    \"description\": \"d3 interpolator name\",\n                    \"type\": \"String\"\n                }\n            ],\n            \"return\": {\n                \"description\": \"a d3 function that will create SVG path data from a given data set.\",\n                \"type\": \"Function\"\n            },\n            \"class\": \"mixins.graph-line-utils\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-registered-graphic.js\",\n            \"line\": 18,\n            \"description\": \"calls {{#crossLink \\\"components.nf-graph/unregisterGraphic\\\"}}{{/crossLink}} on\\n`didInsertElement`.\",\n            \"itemtype\": \"method\",\n            \"name\": \"_unregisterGraphic\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"mixins.graph-registered-graphic\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-requires-scale-source.js\",\n            \"line\": 34,\n            \"description\": \"The x scale used by this component\",\n            \"itemtype\": \"property\",\n            \"name\": \"xScale\",\n            \"type\": \"d3.scale\",\n            \"readonly\": \"\",\n            \"class\": \"mixins.graph-requires-scale-source\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-requires-scale-source.js\",\n            \"line\": 42,\n            \"description\": \"The y scale used by this component\",\n            \"itemtype\": \"property\",\n            \"name\": \"yScale\",\n            \"type\": \"d3.scale\",\n            \"readonly\": \"\",\n            \"class\": \"mixins.graph-requires-scale-source\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-requires-scale-source.js\",\n            \"line\": 58,\n            \"description\": \"The zoom multiplier for the x scale\",\n            \"itemtype\": \"property\",\n            \"name\": \"scaleZoomX\",\n            \"type\": \"Number\",\n            \"default\": \"1\",\n            \"class\": \"mixins.graph-requires-scale-source\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-requires-scale-source.js\",\n            \"line\": 73,\n            \"description\": \"The zoom multiplier for the y scale\",\n            \"itemtype\": \"property\",\n            \"name\": \"scaleZoomY\",\n            \"type\": \"Number\",\n            \"default\": \"1\",\n            \"class\": \"mixins.graph-requires-scale-source\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-requires-scale-source.js\",\n            \"line\": 88,\n            \"description\": \"The offset, in pixels, for the x scale\",\n            \"itemtype\": \"property\",\n            \"name\": \"scaleOffsetX\",\n            \"type\": \"Number\",\n            \"default\": \"0\",\n            \"class\": \"mixins.graph-requires-scale-source\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-requires-scale-source.js\",\n            \"line\": 103,\n            \"description\": \"The offset, in pixels, for the y scale\",\n            \"itemtype\": \"property\",\n            \"name\": \"scaleOffsetY\",\n            \"type\": \"Number\",\n            \"default\": \"0\",\n            \"class\": \"mixins.graph-requires-scale-source\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-selectable-graphic.js\",\n            \"line\": 13,\n            \"description\": \"Gets or sets whether or not the graphic is \\\"selectable\\\". Meaning can be \\\"selected\\\" on the nf-graph \\nvia some action (usually click). The component will then show up in the nf-graph parent's selected \\nproperty.\",\n            \"itemtype\": \"property\",\n            \"name\": \"selectable\",\n            \"type\": \"Boolean\",\n            \"default\": \"false\",\n            \"class\": \"mixins.graph-selectable-graphic\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-selectable-graphic.js\",\n            \"line\": 23,\n            \"description\": \"Gets or sets whether or not the graphic is selected.\",\n            \"itemtype\": \"property\",\n            \"name\": \"selected\",\n            \"type\": \"Boolean\",\n            \"default\": \"false\",\n            \"class\": \"mixins.graph-selectable-graphic\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-selectable-graphic.js\",\n            \"line\": 31,\n            \"description\": \"Alias of selected\",\n            \"itemtype\": \"property\",\n            \"name\": \"isSelected\",\n            \"deprecated\": true,\n            \"deprecationMessage\": \"use `selected`\",\n            \"class\": \"mixins.graph-selectable-graphic\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/mixins/graph-selectable-graphic.js\",\n            \"line\": 38,\n            \"description\": \"Makes calls to the parent nf-graph to update it's\\n`selected` property. Observes changes to `selected` and also \\nfires on `didInsertElement`.\",\n            \"itemtype\": \"method\",\n            \"name\": \"_updateGraphSelected\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"mixins.graph-selectable-graphic\",\n            \"namespace\": \"mixins\"\n        },\n        {\n            \"file\": \"addon/utils/nf/array-helpers.js\",\n            \"line\": 5,\n            \"description\": \"returns whatever you pass into it.\",\n            \"itemtype\": \"method\",\n            \"name\": \"identity\",\n            \"params\": [\n                {\n                    \"name\": \"x\",\n                    \"description\": \"\",\n                    \"type\": \"Any\"\n                }\n            ],\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"return\": {\n                \"description\": \"x\",\n                \"type\": \"Any\"\n            },\n            \"class\": \"utils.nf.graph-event\",\n            \"module\": \"utils/nf/array-helpers\"\n        },\n        {\n            \"file\": \"addon/utils/nf/array-helpers.js\",\n            \"line\": 16,\n            \"description\": \"Performs a binary search on the array and finds the nearest index to the value passed.\",\n            \"itemtype\": \"method\",\n            \"name\": \"nearestIndexTo\",\n            \"params\": [\n                {\n                    \"name\": \"arr\",\n                    \"description\": \"the *sorted* array to search.\",\n                    \"type\": \"Array\"\n                },\n                {\n                    \"name\": \"val\",\n                    \"description\": \"the value to find the nearest index to.\",\n                    \"type\": \"Number\"\n                },\n                {\n                    \"name\": \"mappingFn\",\n                    \"description\": \"an optional function for pulling values out of the \\narray items.\",\n                    \"type\": \"Function\"\n                }\n            ],\n            \"class\": \"utils.nf.graph-event\",\n            \"module\": \"utils/nf/array-helpers\"\n        },\n        {\n            \"file\": \"addon/utils/nf/array-helpers.js\",\n            \"line\": 59,\n            \"description\": \"breaks a string into an array of tokens in preparation for natural\\ncomparison and sorting.\",\n            \"itemtype\": \"method\",\n            \"name\": \"naturalTokenize\",\n            \"params\": [\n                {\n                    \"name\": \"item\",\n                    \"description\": \"the value to tokenize\",\n                    \"type\": \"String\"\n                }\n            ],\n            \"return\": {\n                \"description\": \"an array of tokens found in the item\",\n                \"type\": \"Array\"\n            },\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"utils.nf.graph-event\",\n            \"module\": \"utils/nf/array-helpers\"\n        },\n        {\n            \"file\": \"addon/utils/nf/array-helpers.js\",\n            \"line\": 77,\n            \"description\": \"A JavaScript sorting predicate for natural sorting.\",\n            \"itemtype\": \"method\",\n            \"name\": \"naturalCompare\",\n            \"params\": [\n                {\n                    \"name\": \"a\",\n                    \"description\": \"the value to compare to b\",\n                    \"type\": \"Any\"\n                },\n                {\n                    \"name\": \"b\",\n                    \"description\": \"the value to compare to a\",\n                    \"type\": \"Any\"\n                }\n            ],\n            \"return\": {\n                \"description\": \"`-1`, `0` or `1` if a is less than, equal to, or\\n  greater than b, respectively.\",\n                \"type\": \"Number\"\n            },\n            \"class\": \"utils.nf.graph-event\",\n            \"module\": \"utils/nf/array-helpers\"\n        },\n        {\n            \"file\": \"addon/utils/nf/array-helpers.js\",\n            \"line\": 112,\n            \"description\": \"Sorts the array \\\"naturally\\\". Meaning taking into account both\\nalphabetical and numeric sorting within strings.\",\n            \"itemtype\": \"method\",\n            \"name\": \"natualSort\",\n            \"params\": [\n                {\n                    \"name\": \"arr\",\n                    \"description\": \"the array to sort\",\n                    \"type\": \"Array\"\n                }\n            ],\n            \"class\": \"utils.nf.graph-event\",\n            \"module\": \"utils/nf/array-helpers\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-event.js\",\n            \"line\": 10,\n            \"description\": \"The original event that triggered this event or action\",\n            \"itemtype\": \"property\",\n            \"name\": \"originalEvent\",\n            \"type\": \"Event\",\n            \"default\": \"null\",\n            \"class\": \"utils.nf.graph-event\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-event.js\",\n            \"line\": 18,\n            \"description\": \"A data value passed with the event\",\n            \"itemtype\": \"property\",\n            \"name\": \"data\",\n            \"type\": \"any\",\n            \"default\": \"null\",\n            \"class\": \"utils.nf.graph-event\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-mouse-event.js\",\n            \"line\": 17,\n            \"description\": \"The original event that triggered the action or ember event\",\n            \"itemtype\": \"property\",\n            \"name\": \"originalEvent\",\n            \"type\": \"MouseEvent\",\n            \"default\": \"null\",\n            \"class\": \"utils.nf.graph-mouse-event\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-mouse-event.js\",\n            \"line\": 25,\n            \"description\": \"Method used to get the mouse position relative to a container\",\n            \"itemtype\": \"method\",\n            \"name\": \"_getMousePoint\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"utils.nf.graph-mouse-event\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-mouse-event.js\",\n            \"line\": 32,\n            \"description\": \"The coordinates of the mouse relative to eh nf-graph-content\",\n            \"itemtype\": \"property\",\n            \"name\": \"_mousePoint\",\n            \"type\": \"Object\",\n            \"readonly\": \"\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"utils.nf.graph-mouse-event\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-mouse-event.js\",\n            \"line\": 45,\n            \"description\": \"The nf-graph-content element of the nf-graph\",\n            \"itemtype\": \"property\",\n            \"name\": \"graphContentElement\",\n            \"type\": \"SVGGElement\",\n            \"readonly\": \"\",\n            \"class\": \"utils.nf.graph-mouse-event\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-mouse-event.js\",\n            \"line\": 53,\n            \"description\": \"The mouse x position relative to the graph content\",\n            \"itemtype\": \"property\",\n            \"name\": \"mouseX\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"utils.nf.graph-mouse-event\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-mouse-event.js\",\n            \"line\": 61,\n            \"description\": \"The mouse y position relative to the graph content\",\n            \"itemtype\": \"property\",\n            \"name\": \"mouseY\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"utils.nf.graph-mouse-event\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-mouse-event.js\",\n            \"line\": 69,\n            \"description\": \"A positioning object for the mouse position\",\n            \"itemtype\": \"property\",\n            \"name\": \"mousePosition\",\n            \"type\": \"graph-position\",\n            \"readonly\": \"\",\n            \"class\": \"utils.nf.graph-mouse-event\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-mouse-event.js\",\n            \"line\": 86,\n            \"description\": \"The raw data point nearest the mouse.graphX position\",\n            \"itemtype\": \"property\",\n            \"name\": \"nearestDataPoint\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"utils.nf.graph-mouse-event\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-mouse-event.js\",\n            \"line\": 100,\n            \"description\": \"The x domain value at the nearest data point to the mouse position\\nalong the x axis.\",\n            \"itemtype\": \"property\",\n            \"name\": \"x\",\n            \"readonly\": \"\",\n            \"class\": \"utils.nf.graph-mouse-event\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-mouse-event.js\",\n            \"line\": 114,\n            \"description\": \"The y domain value at the nearest data point to the mouse position\\nalong the x axis.\",\n            \"itemtype\": \"property\",\n            \"name\": \"y\",\n            \"readonly\": \"\",\n            \"class\": \"utils.nf.graph-mouse-event\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-mouse-event.js\",\n            \"line\": 128,\n            \"description\": \"The data carried by the nearest data point to the mouse position\\nalong the x axis.\",\n            \"itemtype\": \"property\",\n            \"name\": \"data\",\n            \"readonly\": \"\",\n            \"class\": \"utils.nf.graph-mouse-event\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-position.js\",\n            \"line\": 13,\n            \"itemtype\": \"property\",\n            \"name\": \"graph\",\n            \"type\": \"component.nf-graph\",\n            \"default\": \"null\",\n            \"class\": \"utils.nf.graph-position\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-position.js\",\n            \"line\": 20,\n            \"itemtype\": \"property\",\n            \"name\": \"source\",\n            \"type\": \"Ember.Component\",\n            \"class\": \"utils.nf.graph-position\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-position.js\",\n            \"line\": 26,\n            \"description\": \"The x position relative to graph\",\n            \"itemtype\": \"property\",\n            \"name\": \"graphX\",\n            \"type\": \"Number\",\n            \"class\": \"utils.nf.graph-position\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-position.js\",\n            \"line\": 45,\n            \"description\": \"The y position relative to graph\",\n            \"itemtype\": \"property\",\n            \"name\": \"graphY\",\n            \"type\": \"Number\",\n            \"class\": \"utils.nf.graph-position\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-position.js\",\n            \"line\": 64,\n            \"description\": \"The x domain value\",\n            \"itemtype\": \"property\",\n            \"name\": \"x\",\n            \"type\": \"Number\",\n            \"class\": \"utils.nf.graph-position\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-position.js\",\n            \"line\": 83,\n            \"description\": \"The y domain value\",\n            \"itemtype\": \"property\",\n            \"name\": \"y\",\n            \"type\": \"Number\",\n            \"class\": \"utils.nf.graph-position\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-position.js\",\n            \"line\": 102,\n            \"description\": \"The x position relative to the document\",\n            \"itemtype\": \"property\",\n            \"name\": \"pageX\",\n            \"type\": \"Number\",\n            \"class\": \"utils.nf.graph-position\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-position.js\",\n            \"line\": 118,\n            \"description\": \"The y position relative to the document\",\n            \"itemtype\": \"property\",\n            \"name\": \"pageY\",\n            \"type\": \"Number\",\n            \"class\": \"utils.nf.graph-position\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-position.js\",\n            \"line\": 134,\n            \"description\": \"The x scale from either the source or graph used to calculate positions\",\n            \"itemtype\": \"property\",\n            \"name\": \"xScale\",\n            \"type\": \"d3.scale\",\n            \"readonly\": \"\",\n            \"class\": \"utils.nf.graph-position\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-position.js\",\n            \"line\": 146,\n            \"description\": \"The y scale from either the source or graph used to calculate positions\",\n            \"itemtype\": \"property\",\n            \"name\": \"yScale\",\n            \"type\": \"d3.scale\",\n            \"readonly\": \"\",\n            \"class\": \"utils.nf.graph-position\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-position.js\",\n            \"line\": 158,\n            \"description\": \"The JQuery offset of the graph element\",\n            \"itemtype\": \"property\",\n            \"name\": \"graphOffset\",\n            \"type\": \"Object\",\n            \"readonly\": \"\",\n            \"class\": \"utils.nf.graph-position\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-position.js\",\n            \"line\": 174,\n            \"description\": \"The center point at x. Use in case of requiring a center point \\nand using ordinal scale.\",\n            \"itemtype\": \"property\",\n            \"name\": \"centerX\",\n            \"type\": \"Number\",\n            \"class\": \"utils.nf.graph-position\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-position.js\",\n            \"line\": 192,\n            \"description\": \"The center point at y. Use in case of requiring a center point \\nand using ordinal scale.\",\n            \"itemtype\": \"property\",\n            \"name\": \"centerY\",\n            \"type\": \"Number\",\n            \"class\": \"utils.nf.graph-position\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-position.js\",\n            \"line\": 210,\n            \"description\": \"The x position of the nf-graph-content within the nf-graph\",\n            \"itemtype\": \"property\",\n            \"name\": \"_graphContentX\",\n            \"type\": \"Number\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"utils.nf.graph-position\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/graph-position.js\",\n            \"line\": 218,\n            \"description\": \"The y position of the nf-graph-content within the nf-graph\",\n            \"itemtype\": \"property\",\n            \"name\": \"_graphContentY\",\n            \"type\": \"Number\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"utils.nf.graph-position\",\n            \"module\": \"utils/nf/array-helpers\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/scale-utils.js\",\n            \"line\": 7,\n            \"description\": \"Ensures the output of a scale function is something palatable by SVG.\",\n            \"itemtype\": \"method\",\n            \"name\": \"normalizeScale\",\n            \"params\": [\n                {\n                    \"name\": \"scale\",\n                    \"description\": \"the scale to use to get the value\",\n                    \"type\": \"d3.scale\"\n                },\n                {\n                    \"name\": \"val\",\n                    \"description\": \"the value to transform with the scale\",\n                    \"type\": \"Any\"\n                }\n            ],\n            \"return\": {\n                \"description\": \"the output of the scale function, but if NaN, it will return 0.\",\n                \"type\": \"Number\"\n            },\n            \"class\": \"utils.nf.scroll-area-action-context\",\n            \"module\": \"scale-utils\"\n        },\n        {\n            \"file\": \"addon/utils/nf/scroll-area-action-context.js\",\n            \"line\": 10,\n            \"description\": \"The scroll top in pixels.\",\n            \"itemtype\": \"property\",\n            \"name\": \"scrollTop\",\n            \"type\": \"Number\",\n            \"default\": \"0\",\n            \"class\": \"utils.nf.scroll-area-action-context\",\n            \"module\": \"scale-utils\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/scroll-area-action-context.js\",\n            \"line\": 18,\n            \"description\": \"The scroll height of the element.\",\n            \"itemtype\": \"property\",\n            \"name\": \"scrollHeight\",\n            \"type\": \"number\",\n            \"default\": \"0\",\n            \"class\": \"utils.nf.scroll-area-action-context\",\n            \"module\": \"scale-utils\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/scroll-area-action-context.js\",\n            \"line\": 26,\n            \"description\": \"The outer height of the element\",\n            \"itemtype\": \"property\",\n            \"name\": \"outerHeight\",\n            \"type\": \"Number\",\n            \"default\": \"0\",\n            \"class\": \"utils.nf.scroll-area-action-context\",\n            \"module\": \"scale-utils\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/scroll-area-action-context.js\",\n            \"line\": 34,\n            \"description\": \"The scroll left in pixels.\",\n            \"itemtype\": \"property\",\n            \"name\": \"scrollLeft\",\n            \"type\": \"Number\",\n            \"default\": \"0\",\n            \"class\": \"utils.nf.scroll-area-action-context\",\n            \"module\": \"scale-utils\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/scroll-area-action-context.js\",\n            \"line\": 42,\n            \"description\": \"The scroll width of the element.\",\n            \"itemtype\": \"property\",\n            \"name\": \"scrollWidth\",\n            \"type\": \"number\",\n            \"default\": \"0\",\n            \"class\": \"utils.nf.scroll-area-action-context\",\n            \"module\": \"scale-utils\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/scroll-area-action-context.js\",\n            \"line\": 50,\n            \"description\": \"The outer width of the element\",\n            \"itemtype\": \"property\",\n            \"name\": \"outerWidth\",\n            \"type\": \"Number\",\n            \"default\": \"0\",\n            \"class\": \"utils.nf.scroll-area-action-context\",\n            \"module\": \"scale-utils\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/scroll-area-action-context.js\",\n            \"line\": 58,\n            \"description\": \"The calculated maximum value for scrollTop in pixels.\",\n            \"itemtype\": \"property\",\n            \"name\": \"scrollTopMax\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"utils.nf.scroll-area-action-context\",\n            \"module\": \"scale-utils\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/scroll-area-action-context.js\",\n            \"line\": 70,\n            \"description\": \"The calculated percentage, in decimals, of content scrolled.\",\n            \"itemtype\": \"property\",\n            \"name\": \"scrollTopPercentage\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"utils.nf.scroll-area-action-context\",\n            \"module\": \"scale-utils\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/scroll-area-action-context.js\",\n            \"line\": 82,\n            \"description\": \"The calculated maximum value for scrollTop in pixels.\",\n            \"itemtype\": \"property\",\n            \"name\": \"scrollLeftMax\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"utils.nf.scroll-area-action-context\",\n            \"module\": \"scale-utils\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/scroll-area-action-context.js\",\n            \"line\": 94,\n            \"description\": \"The calculated percentage, in decimals, of content scrolled.\",\n            \"itemtype\": \"property\",\n            \"name\": \"scrollLeftPercentage\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"utils.nf.scroll-area-action-context\",\n            \"module\": \"scale-utils\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/scroll-area-action-context.js\",\n            \"line\": 106,\n            \"description\": \"The component that fired the event\",\n            \"itemtype\": \"property\",\n            \"name\": \"source\",\n            \"type\": \"Ember.Component\",\n            \"default\": \"null\",\n            \"class\": \"utils.nf.scroll-area-action-context\",\n            \"module\": \"scale-utils\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/scroll-area-action-context.js\",\n            \"line\": 114,\n            \"description\": \"The optional data to send with the action\",\n            \"itemtype\": \"property\",\n            \"name\": \"data\",\n            \"default\": \"null\",\n            \"class\": \"utils.nf.scroll-area-action-context\",\n            \"module\": \"scale-utils\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/scroll-area-action-context.js\",\n            \"line\": 121,\n            \"description\": \"The original scroll event object\",\n            \"itemtype\": \"property\",\n            \"name\": \"originalEvent\",\n            \"type\": \"Event\",\n            \"default\": \"null\",\n            \"class\": \"utils.nf.scroll-area-action-context\",\n            \"module\": \"scale-utils\",\n            \"namespace\": \"utils.nf\"\n        },\n        {\n            \"file\": \"addon/utils/nf/svg-dom.js\",\n            \"line\": 6,\n            \"description\": \"Traverses an element and all of its descendants, setting their\\ninline style property to whatever the computed style is.\",\n            \"itemtype\": \"method\",\n            \"name\": \"inlineAllStyles\",\n            \"params\": [\n                {\n                    \"name\": \"element\",\n                    \"description\": \"the dom element to traverse.\",\n                    \"type\": \"Element\"\n                }\n            ],\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"utils.parse-property-expression\",\n            \"module\": \"utils/nf/svg-dom\"\n        },\n        {\n            \"file\": \"addon/utils/nf/svg-dom.js\",\n            \"line\": 29,\n            \"description\": \"Renders an SVG element to a Base64 encoded data URI.\",\n            \"itemtype\": \"method\",\n            \"name\": \"svgToImageUrl\",\n            \"params\": [\n                {\n                    \"name\": \"svg\",\n                    \"description\": \"the svg element to render\",\n                    \"type\": \"SVGSVGElement\"\n                }\n            ],\n            \"class\": \"utils.parse-property-expression\",\n            \"module\": \"utils/nf/svg-dom\"\n        },\n        {\n            \"file\": \"addon/utils/nf/svg-dom.js\",\n            \"line\": 65,\n            \"description\": \"Triggers a download of an image rendered from the passed svg document\",\n            \"itemtype\": \"method\",\n            \"name\": \"downloadSvg\",\n            \"params\": [\n                {\n                    \"name\": \"svg\",\n                    \"description\": \"the svg document to render\",\n                    \"type\": \"SVGSVGElement\"\n                }\n            ],\n            \"class\": \"utils.parse-property-expression\",\n            \"module\": \"utils/nf/svg-dom\"\n        },\n        {\n            \"file\": \"addon/utils/nf/svg-dom.js\",\n            \"line\": 77,\n            \"itemtype\": \"method\",\n            \"name\": \"getMousePoint\",\n            \"params\": [\n                {\n                    \"name\": \"container\",\n                    \"description\": \"the container reference to get the mouse position from\",\n                    \"type\": \"SVGElement\"\n                },\n                {\n                    \"name\": \"e\",\n                    \"description\": \"A DOM mouse event\",\n                    \"type\": \"MouseEvent\"\n                }\n            ],\n            \"return\": {\n                \"description\": \"the {x, y} data of the mouse position relative to the container\",\n                \"type\": \"Object\"\n            },\n            \"class\": \"utils.parse-property-expression\",\n            \"module\": \"utils/nf/svg-dom\"\n        },\n        {\n            \"file\": \"addon/utils/nf/svg-dom.js\",\n            \"line\": 108,\n            \"description\": \"Creates an SVG path string for a rectangle\",\n            \"itemtype\": \"method\",\n            \"name\": \"getRectPath\",\n            \"params\": [\n                {\n                    \"name\": \"x\",\n                    \"description\": \"the x position of the rectangle\"\n                },\n                {\n                    \"name\": \"y\",\n                    \"description\": \"the y position of the rectangle\",\n                    \"type\": \"Number\"\n                },\n                {\n                    \"name\": \"w\",\n                    \"description\": \"the width of the rectangle\",\n                    \"type\": \"Number\"\n                },\n                {\n                    \"name\": \"h\",\n                    \"description\": \"the height of the rectangle\",\n                    \"type\": \"Number\"\n                }\n            ],\n            \"return\": {\n                \"description\": \"the svg path string for the rectangle\",\n                \"type\": \"String\"\n            },\n            \"class\": \"utils.parse-property-expression\",\n            \"module\": \"utils/nf/svg-dom\"\n        },\n        {\n            \"file\": \"addon/utils/parse-property-expression.js\",\n            \"line\": 24,\n            \"itemtype\": \"method\",\n            \"name\": \"default\",\n            \"params\": [\n                {\n                    \"name\": \"expr\",\n                    \"description\": \"the expression to parse\",\n                    \"type\": \"String\"\n                }\n            ],\n            \"return\": {\n                \"description\": \"a function that when called with an object,\\nwill locate the value at the end of the expressed path.\",\n                \"type\": \"Function\"\n            },\n            \"class\": \"utils.parse-property-expression\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"utils\"\n        },\n        {\n            \"file\": \"app/components/nf-area-stack.js\",\n            \"line\": 28,\n            \"description\": \"Used by `nf-area` to identify an area stack parent\",\n            \"itemtype\": \"property\",\n            \"name\": \"isAreaStack\",\n            \"type\": \"Boolean\",\n            \"default\": \"true\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-area-stack\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-area-stack.js\",\n            \"line\": 37,\n            \"description\": \"Whether or not to add the values together to create the stacked area\",\n            \"itemtype\": \"property\",\n            \"name\": \"aggregate\",\n            \"type\": \"{boolean}\",\n            \"default\": \"false\",\n            \"class\": \"components.nf-area-stack\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-area-stack.js\",\n            \"line\": 53,\n            \"description\": \"The collection of `nf-area` components under this stack.\",\n            \"itemtype\": \"property\",\n            \"name\": \"areas\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-area-stack\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-area-stack.js\",\n            \"line\": 63,\n            \"description\": \"Registers an area component with this stack. Also links areas to one\\nanother by setting `nextArea` on each area component.\",\n            \"itemtype\": \"method\",\n            \"name\": \"registerArea\",\n            \"params\": [\n                {\n                    \"name\": \"area\",\n                    \"description\": \"The area component to register.\",\n                    \"type\": \"Ember.Component\"\n                }\n            ],\n            \"class\": \"components.nf-area-stack\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-area-stack.js\",\n            \"line\": 81,\n            \"description\": \"Unregisters an area component from this stack. Also updates next\\nand previous links.\",\n            \"itemtype\": \"method\",\n            \"name\": \"unregisterArea\",\n            \"params\": [\n                {\n                    \"name\": \"area\",\n                    \"description\": \"the area to unregister\",\n                    \"type\": \"Ember.Component\"\n                }\n            ],\n            \"class\": \"components.nf-area-stack\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-area.js\",\n            \"line\": 34,\n            \"description\": \"The type of d3 interpolator to use to create the area\",\n            \"itemtype\": \"property\",\n            \"name\": \"interpolator\",\n            \"type\": \"String\",\n            \"default\": \"'linear'\",\n            \"class\": \"components.nf-area\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-area.js\",\n            \"line\": 42,\n            \"description\": \"The previous area in the stack, if this area is part of an `nf-area-stack`\",\n            \"itemtype\": \"property\",\n            \"name\": \"prevArea\",\n            \"type\": \"components.nf-area\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-area\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-area.js\",\n            \"line\": 50,\n            \"description\": \"The next area in the stack, if this area is part of an `nf-area-stack`\",\n            \"itemtype\": \"property\",\n            \"name\": \"nextArea\",\n            \"type\": \"components.nf-area\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-area\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-area.js\",\n            \"line\": 67,\n            \"description\": \"Override from `graph-data-graphic` mixin\",\n            \"itemtype\": \"method\",\n            \"name\": \"getActualTrackData\",\n            \"class\": \"components.nf-area\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-area.js\",\n            \"line\": 85,\n            \"description\": \"The computed set of next y values to use for the \\\"bottom\\\" of the graphed area.\\nIf the area is part of a stack, this will be the \\\"top\\\" of the next area in the stack,\\notherwise it will return an array of values at the \\\"bottom\\\" of the graph domain.\",\n            \"itemtype\": \"property\",\n            \"name\": \"nextYData\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-area\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-area.js\",\n            \"line\": 102,\n            \"description\": \"The current rendered data \\\"zipped\\\" together with the nextYData.\",\n            \"itemtype\": \"property\",\n            \"name\": \"mappedData\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-area\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-bars.js\",\n            \"line\": 34,\n            \"description\": \"The name of the property on each data item containing the className for the bar rectangle\",\n            \"itemtype\": \"property\",\n            \"name\": \"classprop\",\n            \"type\": \"String\",\n            \"default\": \"'className'\",\n            \"class\": \"components.nf-bars\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-bars.js\",\n            \"line\": 42,\n            \"description\": \"Gets the function to get the classname from each data item.\",\n            \"itemtype\": \"property\",\n            \"name\": \"getBarClass\",\n            \"readonly\": \"\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-bars\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-bars.js\",\n            \"line\": 53,\n            \"description\": \"The nf-bars-group this belongs to, if any.\",\n            \"itemtype\": \"property\",\n            \"name\": \"group\",\n            \"type\": \"components.nf-bars-group\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-bars\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-bars.js\",\n            \"line\": 61,\n            \"description\": \"The index of this component within the group, if any.\",\n            \"itemtype\": \"property\",\n            \"name\": \"groupIndex\",\n            \"type\": \"Number\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-bars\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-bars.js\",\n            \"line\": 69,\n            \"description\": \"The graph content height\",\n            \"itemtype\": \"property\",\n            \"name\": \"graphHeight\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-bars\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-bars.js\",\n            \"line\": 77,\n            \"description\": \"A scale provided by nf-bars-group to offset the bar rectangle output\",\n            \"itemtype\": \"property\",\n            \"name\": \"barScale\",\n            \"type\": \"d3.scale\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-bars\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-bars.js\",\n            \"line\": 85,\n            \"description\": \"The width of each bar.\",\n            \"itemtype\": \"property\",\n            \"name\": \"barWidth\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-bars\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-bars.js\",\n            \"line\": 106,\n            \"description\": \"The bar models used to render the bars.\",\n            \"itemtype\": \"property\",\n            \"name\": \"bars\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-bars\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-bars.js\",\n            \"line\": 145,\n            \"description\": \"The name of the action to fire when a bar is clicked.\",\n            \"itemtype\": \"property\",\n            \"name\": \"barClick\",\n            \"type\": \"String\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-bars\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-crosshair.js\",\n            \"line\": 17,\n            \"description\": \"The height of the crosshair in pixels\",\n            \"itemtype\": \"property\",\n            \"name\": \"height\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-crosshair\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-crosshair.js\",\n            \"line\": 25,\n            \"description\": \"The width of the crosshair in pixels\",\n            \"itemtype\": \"property\",\n            \"name\": \"width\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-crosshair\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-crosshair.js\",\n            \"line\": 33,\n            \"description\": \"The x position of the crosshairs\",\n            \"itemtype\": \"property\",\n            \"name\": \"x\",\n            \"type\": \"Number\",\n            \"default\": \"0\",\n            \"class\": \"components.nf-crosshair\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-crosshair.js\",\n            \"line\": 41,\n            \"description\": \"The y position of the crosshairs\",\n            \"itemtype\": \"property\",\n            \"name\": \"y\",\n            \"type\": \"Number\",\n            \"default\": \"0\",\n            \"class\": \"components.nf-crosshair\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-crosshair.js\",\n            \"line\": 49,\n            \"description\": \"The visibility of the component\",\n            \"itemtype\": \"property\",\n            \"name\": \"isVisible\",\n            \"type\": \"Boolean\",\n            \"default\": \"false\",\n            \"class\": \"components.nf-crosshair\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-dot.js\",\n            \"line\": 19,\n            \"description\": \"The x domain value at which to plot the circle\",\n            \"itemtype\": \"property\",\n            \"name\": \"x\",\n            \"type\": \"Number\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-dot\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-dot.js\",\n            \"line\": 27,\n            \"description\": \"The y domain value at which to plot the circle\",\n            \"itemtype\": \"property\",\n            \"name\": \"x\",\n            \"type\": \"Number\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-dot\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-dot.js\",\n            \"line\": 35,\n            \"description\": \"The radius of the circle plotted\",\n            \"itemtype\": \"property\",\n            \"name\": \"r\",\n            \"type\": \"Number\",\n            \"default\": \"2.5\",\n            \"class\": \"components.nf-dot\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-dot.js\",\n            \"line\": 47,\n            \"description\": \"The computed center x coordinate of the circle\",\n            \"itemtype\": \"property\",\n            \"name\": \"cx\",\n            \"type\": \"Number\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-dot\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-dot.js\",\n            \"line\": 61,\n            \"description\": \"The computed center y coordinate of the circle\",\n            \"itemtype\": \"property\",\n            \"name\": \"cy\",\n            \"type\": \"Number\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-dot\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-dot.js\",\n            \"line\": 75,\n            \"description\": \"Toggles the visibility of the dot. If x or y are\\nnot numbers, will return false.\",\n            \"itemtype\": \"property\",\n            \"name\": \"isVisible\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-dot\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph-content.js\",\n            \"line\": 26,\n            \"description\": \"The SVG transform for positioning the graph content\",\n            \"itemtype\": \"property\",\n            \"name\": \"transform\",\n            \"type\": \"String\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph-content\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph-content.js\",\n            \"line\": 38,\n            \"description\": \"The x position of the graph content\",\n            \"itemtype\": \"property\",\n            \"name\": \"x\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph-content\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph-content.js\",\n            \"line\": 46,\n            \"description\": \"The calculated y position of the graph content\",\n            \"itemtype\": \"property\",\n            \"name\": \"y\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph-content\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph-content.js\",\n            \"line\": 54,\n            \"description\": \"The calculated width of the graph content\",\n            \"itemtype\": \"property\",\n            \"name\": \"width\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph-content\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph-content.js\",\n            \"line\": 62,\n            \"description\": \"The calculated height of the graph content.\",\n            \"itemtype\": \"property\",\n            \"name\": \"height\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph-content\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph-content.js\",\n            \"line\": 71,\n            \"description\": \"An array containing models to render the grid lanes\",\n            \"itemtype\": \"property\",\n            \"name\": \"gridLanes\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph-content\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph-content.js\",\n            \"line\": 110,\n            \"description\": \"The name of the hoverChange action to fire\",\n            \"itemtype\": \"property\",\n            \"name\": \"hoverChange\",\n            \"type\": \"String\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-graph-content\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph-content.js\",\n            \"line\": 132,\n            \"description\": \"The name of the hoverEnd action to fire\",\n            \"itemtype\": \"property\",\n            \"name\": \"hoverEnd\",\n            \"type\": \"String\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-graph-content\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph-content.js\",\n            \"line\": 153,\n            \"description\": \"An array containing models to render fret lines\",\n            \"itemtype\": \"property\",\n            \"name\": \"frets\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph-content\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 281,\n            \"description\": \"The exponent to use for xScaleType \\\"pow\\\" or \\\"power\\\".\",\n            \"itemtype\": \"property\",\n            \"name\": \"xPowerExponent\",\n            \"type\": \"Number\",\n            \"default\": \"3\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 289,\n            \"description\": \"The exponent to use for yScaleType \\\"pow\\\" or \\\"power\\\".\",\n            \"itemtype\": \"property\",\n            \"name\": \"yPowerExponent\",\n            \"type\": \"Number\",\n            \"default\": \"3\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 297,\n            \"description\": \"The min value to use for xScaleType \\\"log\\\" if xMin <= 0\",\n            \"itemtype\": \"property\",\n            \"name\": \"xLogMin\",\n            \"type\": \"Number\",\n            \"default\": \"0.1\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 305,\n            \"description\": \"The min value to use for yScaleType \\\"log\\\" if yMin <= 0\",\n            \"itemtype\": \"property\",\n            \"name\": \"yLogMin\",\n            \"type\": \"Number\",\n            \"default\": \"0.1\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 313,\n            \"description\": \"Allows child compoenents to identify graph parent.\",\n            \"itemtype\": \"property\",\n            \"name\": \"isGraph\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 320,\n            \"description\": \"Identifies this graph to its children as providing scales.\",\n            \"itemtype\": \"property\",\n            \"name\": \"isScaleSource\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 327,\n            \"itemtype\": \"property\",\n            \"name\": \"hasRendered\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 333,\n            \"description\": \"Gets or sets the whether or not multiple selectable graphics may be\\nselected simultaneously.\",\n            \"itemtype\": \"property\",\n            \"name\": \"selectMultiple\",\n            \"type\": \"Boolean\",\n            \"default\": \"false\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 342,\n            \"description\": \"The width of the graph in pixels.\",\n            \"itemtype\": \"property\",\n            \"name\": \"width\",\n            \"type\": \"Number\",\n            \"default\": \"300\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 350,\n            \"description\": \"The height of the graph in pixels.\",\n            \"itemtype\": \"property\",\n            \"name\": \"height\",\n            \"type\": \"Number\",\n            \"default\": \"100\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 358,\n            \"description\": \"The padding at the top of the graph\",\n            \"itemtype\": \"property\",\n            \"name\": \"paddingTop\",\n            \"type\": \"Number\",\n            \"default\": \"0\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 366,\n            \"description\": \"The padding at the left of the graph\",\n            \"itemtype\": \"property\",\n            \"name\": \"paddingLeft\",\n            \"type\": \"Number\",\n            \"default\": \"0\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 374,\n            \"description\": \"The padding at the right of the graph\",\n            \"itemtype\": \"property\",\n            \"name\": \"paddingRight\",\n            \"type\": \"Number\",\n            \"default\": \"0\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 382,\n            \"description\": \"The padding at the bottom of the graph\",\n            \"itemtype\": \"property\",\n            \"name\": \"paddingBottom\",\n            \"type\": \"Number\",\n            \"default\": \"0\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 390,\n            \"description\": \"Determines whether to display \\\"lanes\\\" in the background of\\nthe graph.\",\n            \"itemtype\": \"property\",\n            \"name\": \"showLanes\",\n            \"type\": \"Boolean\",\n            \"default\": \"false\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 399,\n            \"description\": \"Determines whether to display \\\"frets\\\" in the background of\\nthe graph.\",\n            \"itemtype\": \"property\",\n            \"name\": \"showFrets\",\n            \"type\": \"Boolean\",\n            \"default\": \"false\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 408,\n            \"description\": \"The type of scale to use for x values.\\n\\nPossible Values:\\n- `'linear'` - a standard linear scale\\n- `'log'` - a logarithmic scale\\n- `'power'` - a power-based scale (exponent = 3)\\n- `'ordinal'` - an ordinal scale, used for ordinal data. required for bar graphs.\",\n            \"itemtype\": \"property\",\n            \"name\": \"xScaleType\",\n            \"type\": \"String\",\n            \"default\": \"'linear'\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 423,\n            \"description\": \"The type of scale to use for y values.\\n\\nPossible Values:\\n- `'linear'` - a standard linear scale\\n- `'log'` - a logarithmic scale\\n- `'power'` - a power-based scale (exponent = 3)\\n- `'ordinal'` - an ordinal scale, used for ordinal data. required for bar graphs.\",\n            \"itemtype\": \"property\",\n            \"name\": \"yScaleType\",\n            \"type\": \"String\",\n            \"default\": \"'linear'\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 438,\n            \"description\": \"The padding between value steps when `xScaleType` is `'ordinal'`\",\n            \"itemtype\": \"property\",\n            \"name\": \"xOrdinalPadding\",\n            \"type\": \"Number\",\n            \"default\": \"0.1\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 446,\n            \"description\": \"The padding at the ends of the domain data when `xScaleType` is `'ordinal'`\",\n            \"itemtype\": \"property\",\n            \"name\": \"xOrdinalOuterPadding\",\n            \"type\": \"Number\",\n            \"default\": \"0.1\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 454,\n            \"description\": \"The padding between value steps when `xScaleType` is `'ordinal'`\",\n            \"itemtype\": \"property\",\n            \"name\": \"yOrdinalPadding\",\n            \"type\": \"Number\",\n            \"default\": \"0.1\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 462,\n            \"description\": \"The padding at the ends of the domain data when `yScaleType` is `'ordinal'`\",\n            \"itemtype\": \"property\",\n            \"name\": \"yOrdinalOuterPadding\",\n            \"type\": \"Number\",\n            \"default\": \"0.1\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 470,\n            \"description\": \"the `nf-y-axis` component is registered here if there is one present\",\n            \"itemtype\": \"property\",\n            \"name\": \"yAxis\",\n            \"readonly\": \"\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 478,\n            \"description\": \"The `nf-x-axis` component is registered here if there is one present\",\n            \"itemtype\": \"property\",\n            \"name\": \"xAxis\",\n            \"readonly\": \"\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 486,\n            \"description\": \"Backing field for `xMin`\",\n            \"itemtype\": \"property\",\n            \"name\": \"_xMin\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 493,\n            \"description\": \"Backing field for `xMax`\",\n            \"itemtype\": \"property\",\n            \"name\": \"_xMax\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 500,\n            \"description\": \"Backing field for `yMin`\",\n            \"itemtype\": \"property\",\n            \"name\": \"_yMin\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 507,\n            \"description\": \"Backing field for `yMax`\",\n            \"itemtype\": \"property\",\n            \"name\": \"_yMax\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 514,\n            \"description\": \"Gets or sets the minimum x domain value to display on the graph.\\nBehavior depends on `xMinMode`.\",\n            \"itemtype\": \"property\",\n            \"name\": \"xMin\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 521,\n            \"description\": \"Gets or sets the maximum x domain value to display on the graph.\\nBehavior depends on `xMaxMode`.\",\n            \"itemtype\": \"property\",\n            \"name\": \"xMax\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 528,\n            \"description\": \"Gets or sets the minimum y domain value to display on the graph.\\nBehavior depends on `yMinMode`.\",\n            \"itemtype\": \"property\",\n            \"name\": \"yMin\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 535,\n            \"description\": \"Gets or sets the maximum y domain value to display on the graph.\\nBehavior depends on `yMaxMode`.\",\n            \"itemtype\": \"property\",\n            \"name\": \"yMax\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 543,\n            \"description\": \"Sets the behavior of `xMin` for the graph.\\n\\n### Possible values:\\n\\n- 'auto': (default) xMin is always equal to the minimum domain value contained in the graphed data. Cannot be set.\\n- 'fixed': xMin can be set to an exact value and will not change based on graphed data.\\n- 'push': xMin can be set to a specific value, but will update if the minimum x value contained in the graph is less than \\n  what xMin is currently set to.\\n- 'push-tick': xMin can be set to a specific value, but will update to next \\\"nice\\\" tick if the minimum x value contained in\\n  the graph is less than that xMin is set to.\",\n            \"itemtype\": \"property\",\n            \"name\": \"xMinMode\",\n            \"type\": \"String\",\n            \"default\": \"'auto'\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 561,\n            \"description\": \"Sets the behavior of `xMax` for the graph.\\n\\n### Possible values:\\n\\n- 'auto': (default) xMax is always equal to the maximum domain value contained in the graphed data. Cannot be set.\\n- 'fixed': xMax can be set to an exact value and will not change based on graphed data.\\n- 'push': xMax can be set to a specific value, but will update if the maximum x value contained in the graph is greater than \\n  what xMax is currently set to.\\n- 'push-tick': xMax can be set to a specific value, but will update to next \\\"nice\\\" tick if the maximum x value contained in\\n  the graph is greater than that xMax is set to.\",\n            \"itemtype\": \"property\",\n            \"name\": \"xMaxMode\",\n            \"type\": \"String\",\n            \"default\": \"'auto'\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 579,\n            \"description\": \"Sets the behavior of `yMin` for the graph.\\n\\n### Possible values:\\n\\n- 'auto': (default) yMin is always equal to the minimum domain value contained in the graphed data. Cannot be set.\\n- 'fixed': yMin can be set to an exact value and will not change based on graphed data.\\n- 'push': yMin can be set to a specific value, but will update if the minimum y value contained in the graph is less than \\n  what yMin is currently set to.\\n- 'push-tick': yMin can be set to a specific value, but will update to next \\\"nice\\\" tick if the minimum y value contained in\\n  the graph is less than that yMin is set to.\",\n            \"itemtype\": \"property\",\n            \"name\": \"yMinMode\",\n            \"type\": \"String\",\n            \"default\": \"'auto'\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 597,\n            \"description\": \"Sets the behavior of `yMax` for the graph.\\n\\n### Possible values:\\n\\n- 'auto': (default) yMax is always equal to the maximum domain value contained in the graphed data. Cannot be set.\\n- 'fixed': yMax can be set to an exact value and will not change based on graphed data.\\n- 'push': yMax can be set to a specific value, but will update if the maximum y value contained in the graph is greater than \\n  what yMax is currently set to.\\n- 'push-tick': yMax can be set to a specific value, but will update to next \\\"nice\\\" tick if the maximum y value contained in\\n  the graph is greater than that yMax is set to.\",\n            \"itemtype\": \"property\",\n            \"name\": \"yMaxMode\",\n            \"type\": \"String\",\n            \"default\": \"'auto'\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 615,\n            \"description\": \"The data extents for all data in the registered `graphics`.\",\n            \"itemtype\": \"property\",\n            \"name\": \"dataExtents\",\n            \"type\": \"{Object}\",\n            \"default\": \"{\\n  xMin: Number.MAX_VALUE,\\n  xMax: Number.MIN_VALUE,\\n  yMin: Number.MAX_VALUE,\\n  yMax: Number.MIN_VALUE\\n}\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 643,\n            \"description\": \"The action to trigger when the graph automatically updates the xScale \\ndue to an \\\"auto\\\" \\\"push\\\" or \\\"push-tick\\\" domainMode.\\n\\nsends the graph component instance value as the argument.\",\n            \"itemtype\": \"property\",\n            \"name\": \"autoScaleXAction\",\n            \"type\": \"{string}\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 663,\n            \"description\": \"Event handler that is fired for the `didAutoUpdateMaxX` event\",\n            \"itemtype\": \"method\",\n            \"name\": \"didAutoUpdateMaxX\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 671,\n            \"description\": \"Event handler that is fired for the `didAutoUpdateMinX` event\",\n            \"itemtype\": \"method\",\n            \"name\": \"didAutoUpdateMinX\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 679,\n            \"description\": \"Event handler that is fired for the `didAutoUpdateMaxY` event\",\n            \"itemtype\": \"method\",\n            \"name\": \"didAutoUpdateMaxY\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 687,\n            \"description\": \"Event handler that is fired for the `didAutoUpdateMinY` event\",\n            \"itemtype\": \"method\",\n            \"name\": \"didAutoUpdateMinY\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 695,\n            \"description\": \"The action to trigger when the graph automatically updates the yScale \\ndue to an \\\"auto\\\" \\\"push\\\" or \\\"push-tick\\\" domainMode.\\n\\nSends the graph component instance as the argument.\",\n            \"itemtype\": \"property\",\n            \"name\": \"autoScaleYAction\",\n            \"type\": \"{string}\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 707,\n            \"description\": \"Gets the highest and lowest x values of the graphed data in a two element array.\",\n            \"itemtype\": \"property\",\n            \"name\": \"xDataExtent\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 718,\n            \"description\": \"Gets the highest and lowest y values of the graphed data in a two element array.\",\n            \"itemtype\": \"property\",\n            \"name\": \"yDataExtent\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 729,\n            \"itemtype\": \"property\",\n            \"name\": \"xUniqueData\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 748,\n            \"itemtype\": \"property\",\n            \"name\": \"yUniqueData\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 766,\n            \"description\": \"Gets the DOM id for the content clipPath element.\",\n            \"itemtype\": \"property\",\n            \"name\": \"contentClipPathId\",\n            \"type\": \"String\",\n            \"readonly\": \"\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 777,\n            \"description\": \"Registry of contained graphic elements such as `nf-line` or `nf-area` components.\\nThis registry is used to pool data for scaling purposes.\",\n            \"itemtype\": \"property\",\n            \"name\": \"graphics\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 788,\n            \"description\": \"An array of \\\"selectable\\\" graphics that have been selected within this graph.\",\n            \"itemtype\": \"property\",\n            \"name\": \"selected\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 796,\n            \"description\": \"Computed property to show yAxis. Returns `true` if a yAxis is present.\",\n            \"itemtype\": \"property\",\n            \"name\": \"showYAxis\",\n            \"type\": \"Boolean\",\n            \"default\": \"false\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 804,\n            \"description\": \"Computed property to show xAxis. Returns `true` if an xAxis is present.\",\n            \"itemtype\": \"property\",\n            \"name\": \"showXAxis\",\n            \"type\": \"Boolean\",\n            \"default\": \"false\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 812,\n            \"description\": \"Gets a function to create the xScale\",\n            \"itemtype\": \"property\",\n            \"name\": \"xScaleFactory\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 819,\n            \"description\": \"Gets a function to create the yScale\",\n            \"itemtype\": \"property\",\n            \"name\": \"yScaleFactory\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 826,\n            \"description\": \"Gets the domain of x values.\",\n            \"itemtype\": \"property\",\n            \"name\": \"xDomain\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 834,\n            \"description\": \"Gets the domain of y values.\",\n            \"itemtype\": \"property\",\n            \"name\": \"yDomain\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 842,\n            \"description\": \"Gets the current xScale used to draw the graph.\",\n            \"itemtype\": \"property\",\n            \"name\": \"xScale\",\n            \"type\": \"Function\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 850,\n            \"description\": \"Gets the current yScale used to draw the graph.\",\n            \"itemtype\": \"property\",\n            \"name\": \"yScale\",\n            \"type\": \"Function\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 858,\n            \"description\": \"Registers a graphic such as `nf-line` or `nf-area` components with the graph.\",\n            \"itemtype\": \"method\",\n            \"name\": \"registerGraphic\",\n            \"params\": [\n                {\n                    \"name\": \"graphic\",\n                    \"description\": \"The component object to register\",\n                    \"type\": \"Ember.Component\"\n                }\n            ],\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 869,\n            \"description\": \"Unregisters a graphic such as an `nf-line` or `nf-area` from the graph.\",\n            \"itemtype\": \"method\",\n            \"name\": \"unregisterGraphic\",\n            \"params\": [\n                {\n                    \"name\": \"graphic\",\n                    \"description\": \"The component to unregister\",\n                    \"type\": \"Ember.Component\"\n                }\n            ],\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 885,\n            \"description\": \"The y range of the graph in pixels. The min and max pixel values\\nin an array form.\",\n            \"itemtype\": \"property\",\n            \"name\": \"yRange\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 896,\n            \"description\": \"The x range of the graph in pixels. The min and max pixel values\\nin an array form.\",\n            \"itemtype\": \"property\",\n            \"name\": \"xRange\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 907,\n            \"description\": \"Returns `true` if the graph has data to render. Data is conveyed\\nto the graph by registered graphics.\",\n            \"itemtype\": \"property\",\n            \"name\": \"hasData\",\n            \"type\": \"Boolean\",\n            \"default\": \"false\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 917,\n            \"description\": \"The x coordinate position of the graph content\",\n            \"itemtype\": \"property\",\n            \"name\": \"graphX\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 933,\n            \"description\": \"The y coordinate position of the graph content\",\n            \"itemtype\": \"property\",\n            \"name\": \"graphY\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 949,\n            \"description\": \"The width, in pixels, of the graph content\",\n            \"itemtype\": \"property\",\n            \"name\": \"graphWidth\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 963,\n            \"description\": \"The height, in pixels, of the graph content\",\n            \"itemtype\": \"property\",\n            \"name\": \"graphHeight\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 977,\n            \"description\": \"An SVG transform to position the graph content\",\n            \"itemtype\": \"property\",\n            \"name\": \"graphTransform\",\n            \"type\": \"String\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 989,\n            \"description\": \"Sets `hasRendered` to `true` on `willInsertElement`.\",\n            \"itemtype\": \"method\",\n            \"name\": \"_notifyHasRendered\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 998,\n            \"description\": \"Gets the mouse position relative to the container\",\n            \"itemtype\": \"method\",\n            \"name\": \"mousePoint\",\n            \"params\": [\n                {\n                    \"name\": \"container\",\n                    \"description\": \"the SVG element that contains the mouse event\",\n                    \"type\": \"SVGElement\"\n                },\n                {\n                    \"name\": \"e\",\n                    \"description\": \"the DOM mouse event\",\n                    \"type\": \"Object\"\n                }\n            ],\n            \"return\": {\n                \"description\": \"an array of `[xMouseCoord, yMouseCoord]`\",\n                \"type\": \"Array\"\n            },\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 1018,\n            \"description\": \"A computed property returned the view's controller.\",\n            \"itemtype\": \"property\",\n            \"name\": \"parentController\",\n            \"type\": \"Ember.Controller\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 1026,\n            \"description\": \"Selects the graphic passed. If `selectMultiple` is false, it will deselect the currently\\nselected graphic if it's different from the one passed.\",\n            \"itemtype\": \"method\",\n            \"name\": \"selectGraphic\",\n            \"params\": [\n                {\n                    \"name\": \"graphic\",\n                    \"description\": \"the graph component to select within the graph.\",\n                    \"type\": \"Ember.Component\"\n                }\n            ],\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 1047,\n            \"description\": \"deselects the graphic passed.\",\n            \"itemtype\": \"method\",\n            \"name\": \"deselectGraphic\",\n            \"params\": [\n                {\n                    \"name\": \"graphic\",\n                    \"description\": \"the graph child component to deselect.\",\n                    \"type\": \"Ember.Component\"\n                }\n            ],\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 1064,\n            \"description\": \"The initialization method. Fired on `init`.\",\n            \"itemtype\": \"method\",\n            \"name\": \"_setup\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 1074,\n            \"description\": \"The amount of leeway, in pixels, to give before triggering a brush start.\",\n            \"itemtype\": \"property\",\n            \"name\": \"brushThreshold\",\n            \"type\": \"{Number}\",\n            \"default\": \"7\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 1082,\n            \"description\": \"The name of the action to trigger when brushing starts\",\n            \"itemtype\": \"property\",\n            \"name\": \"brushStartAction\",\n            \"type\": \"{String}\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 1090,\n            \"description\": \"The name of the action to trigger when brushing emits a new value\",\n            \"itemtype\": \"property\",\n            \"name\": \"brushAction\",\n            \"type\": \"{String}\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-graph.js\",\n            \"line\": 1098,\n            \"description\": \"The name of the action to trigger when brushing ends\",\n            \"itemtype\": \"property\",\n            \"name\": \"brushEndAction\",\n            \"type\": \"{String}\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-graph\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-horizontal-line.js\",\n            \"line\": 20,\n            \"description\": \"The y domain value at which to draw the horizontal line\",\n            \"itemtype\": \"property\",\n            \"name\": \"y\",\n            \"type\": \"Number\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-horizontal-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-horizontal-line.js\",\n            \"line\": 28,\n            \"description\": \"The computed y coordinate of the line to draw\",\n            \"itemtype\": \"property\",\n            \"name\": \"lineY\",\n            \"type\": \"Number\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-horizontal-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-horizontal-line.js\",\n            \"line\": 42,\n            \"description\": \"The left x coordinate of the line\",\n            \"itemtype\": \"property\",\n            \"name\": \"x1\",\n            \"type\": \"Number\",\n            \"default\": \"0\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-horizontal-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-horizontal-line.js\",\n            \"line\": 51,\n            \"description\": \"The right x coordinate of the line\",\n            \"itemtype\": \"property\",\n            \"name\": \"x2\",\n            \"type\": \"Number\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-horizontal-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-line.js\",\n            \"line\": 28,\n            \"description\": \"The type of D3 interpolator to use to create the line.\",\n            \"itemtype\": \"property\",\n            \"name\": \"interpolator\",\n            \"type\": \"String\",\n            \"default\": \"'linear'\",\n            \"class\": \"components.nf-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-line.js\",\n            \"line\": 40,\n            \"description\": \"The d3 line function to create the line path.\",\n            \"itemtype\": \"method\",\n            \"name\": \"lineFn\",\n            \"params\": [\n                {\n                    \"name\": \"data\",\n                    \"description\": \"the array of coordinate arrays to plot as an SVG path\",\n                    \"type\": \"Array\"\n                }\n            ],\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"return\": {\n                \"description\": \"an SVG path data string\",\n                \"type\": \"String\"\n            },\n            \"class\": \"components.nf-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-line.js\",\n            \"line\": 54,\n            \"description\": \"The SVG path data string to render the line\",\n            \"itemtype\": \"property\",\n            \"name\": \"d\",\n            \"type\": \"String\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-line.js\",\n            \"line\": 67,\n            \"description\": \"Event handler to toggle the `selected` property on click\",\n            \"itemtype\": \"method\",\n            \"name\": \"_toggleSelected\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-plot.js\",\n            \"line\": 21,\n            \"description\": \"The x domain value to set the plot at\",\n            \"itemtype\": \"property\",\n            \"name\": \"x\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-plot\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-plot.js\",\n            \"line\": 28,\n            \"description\": \"The y domain value to set the plot at\",\n            \"itemtype\": \"property\",\n            \"name\": \"x\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-plot\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-plot.js\",\n            \"line\": 35,\n            \"description\": \"True if an `x` value is present (defined, not null and non-empty)\",\n            \"itemtype\": \"property\",\n            \"name\": \"hasX\",\n            \"type\": \"Boolean\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-plot\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-plot.js\",\n            \"line\": 43,\n            \"description\": \"True if an `y` value is present (defined, not null and non-empty)\",\n            \"itemtype\": \"property\",\n            \"name\": \"hasY\",\n            \"type\": \"Boolean\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-plot\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-plot.js\",\n            \"line\": 51,\n            \"description\": \"The calculated visibility of the component\",\n            \"itemtype\": \"property\",\n            \"name\": \"isVisible\",\n            \"type\": \"Boolean\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-plot\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-plot.js\",\n            \"line\": 59,\n            \"description\": \"The calculated x coordinate\",\n            \"itemtype\": \"property\",\n            \"name\": \"rangeX\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-plot\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-plot.js\",\n            \"line\": 72,\n            \"description\": \"The calculated y coordinate\",\n            \"itemtype\": \"property\",\n            \"name\": \"rangeY\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-plot\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-plot.js\",\n            \"line\": 85,\n            \"description\": \"The SVG transform of the component's `<g>` tag.\",\n            \"itemtype\": \"property\",\n            \"name\": \"transform\",\n            \"type\": \"String\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-plot\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-plots.js\",\n            \"line\": 11,\n            \"description\": \"The parent controller to use for template binding\",\n            \"itemtype\": \"property\",\n            \"name\": \"parentController\",\n            \"type\": \"Ember.Controller\",\n            \"readonly\": \"\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-range-marker\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-plots.js\",\n            \"line\": 20,\n            \"description\": \"The model for adding plots to the graph\",\n            \"itemtype\": \"property\",\n            \"name\": \"plotData\",\n            \"readonly\": \"\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-range-marker\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-marker.js\",\n            \"line\": 21,\n            \"description\": \"The parent `nf-range-markers` component.\",\n            \"itemtype\": \"property\",\n            \"name\": \"container\",\n            \"type\": \"{components.nf-range-markers}\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-range-marker\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-marker.js\",\n            \"line\": 29,\n            \"description\": \"The minimum domain value for the range to mark.\",\n            \"itemtype\": \"property\",\n            \"name\": \"xMin\",\n            \"default\": \"0\",\n            \"class\": \"components.nf-range-marker\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-marker.js\",\n            \"line\": 36,\n            \"description\": \"The maximum domain value for the range to mark.\",\n            \"itemtype\": \"property\",\n            \"name\": \"xMax\",\n            \"default\": \"0\",\n            \"class\": \"components.nf-range-marker\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-marker.js\",\n            \"line\": 43,\n            \"description\": \"The spacing above the range marker.\",\n            \"itemtype\": \"property\",\n            \"name\": \"marginTop\",\n            \"type\": \"Number\",\n            \"default\": \"10\",\n            \"class\": \"components.nf-range-marker\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-marker.js\",\n            \"line\": 51,\n            \"description\": \"The spacing below the range marker.\",\n            \"itemtype\": \"property\",\n            \"name\": \"marginBottom\",\n            \"type\": \"Number\",\n            \"default\": \"3\",\n            \"class\": \"components.nf-range-marker\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-marker.js\",\n            \"line\": 59,\n            \"description\": \"The height of the range marker.\",\n            \"itemtype\": \"property\",\n            \"name\": \"height\",\n            \"type\": \"Number\",\n            \"default\": \"10\",\n            \"class\": \"components.nf-range-marker\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-marker.js\",\n            \"line\": 67,\n            \"description\": \"The computed x position of the range marker.\",\n            \"itemtype\": \"property\",\n            \"name\": \"x\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-range-marker\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-marker.js\",\n            \"line\": 79,\n            \"description\": \"The computed width of the range marker.\",\n            \"itemtype\": \"property\",\n            \"name\": \"width\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-range-marker\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-marker.js\",\n            \"line\": 92,\n            \"description\": \"The computed y position of the range marker.\",\n            \"itemtype\": \"property\",\n            \"name\": \"y\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-range-marker\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-marker.js\",\n            \"line\": 123,\n            \"description\": \"The computed total height of the range marker including its margins.\",\n            \"itemtype\": \"property\",\n            \"name\": \"totalHeight\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-range-marker\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-marker.js\",\n            \"line\": 136,\n            \"description\": \"The computed bottom of the range marker, not including the bottom margin.\",\n            \"itemtype\": \"property\",\n            \"name\": \"bottom\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-range-marker\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-marker.js\",\n            \"line\": 148,\n            \"description\": \"The computed SVG transform of the range marker container\",\n            \"itemtype\": \"property\",\n            \"name\": \"transform\",\n            \"type\": \"String\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-range-marker\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-marker.js\",\n            \"line\": 159,\n            \"description\": \"The computed SVG transform fo the range marker label container.\",\n            \"itemtype\": \"property\",\n            \"name\": \"labelTransform\",\n            \"type\": \"String\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-range-marker\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-marker.js\",\n            \"line\": 170,\n            \"description\": \"Initialization function that registers the range marker with its parent \\nand populates the container property\",\n            \"itemtype\": \"method\",\n            \"name\": \"_setup\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-range-marker\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-marker.js\",\n            \"line\": 183,\n            \"description\": \"Unregisters the range marker from its parent when the range marker is destroyed.\",\n            \"itemtype\": \"method\",\n            \"name\": \"_unregister\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-range-marker\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-markers.js\",\n            \"line\": 16,\n            \"description\": \"Used by `nf-range-marker` to identify the `nf-range-markers` container\",\n            \"itemtype\": \"property\",\n            \"name\": \"isRangeMarkerContainer\",\n            \"type\": \"Boolean\",\n            \"default\": \"true\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-range-markers\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-markers.js\",\n            \"line\": 25,\n            \"description\": \"Sets the orientation of the range markers.\\n\\n- `'bottom'` - Range markers start at the bottom and stack upward\\n- `'top'` - Range markers start at the top and stack downward\",\n            \"itemtype\": \"property\",\n            \"name\": \"orient\",\n            \"type\": \"String\",\n            \"default\": \"'bottom'\",\n            \"class\": \"components.nf-range-markers\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-markers.js\",\n            \"line\": 36,\n            \"description\": \"The margin, in pixels, between the markers\",\n            \"itemtype\": \"property\",\n            \"name\": \"markerMargin\",\n            \"type\": \"Number\",\n            \"default\": \"10\",\n            \"class\": \"components.nf-range-markers\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-markers.js\",\n            \"line\": 44,\n            \"description\": \"The marker components registered with this container\",\n            \"itemtype\": \"property\",\n            \"name\": \"markers\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-range-markers\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-markers.js\",\n            \"line\": 54,\n            \"description\": \"Adds the passed marker to the `markers` list, and sets the `prevMarker` and `nextMarker`\\nproperties on the marker component and it's neighbor.\",\n            \"itemtype\": \"method\",\n            \"name\": \"registerMarker\",\n            \"params\": [\n                {\n                    \"name\": \"marker\",\n                    \"description\": \"the range marker to register with this container\",\n                    \"type\": \"Nf-range-marker\"\n                }\n            ],\n            \"class\": \"components.nf-range-markers\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-range-markers.js\",\n            \"line\": 72,\n            \"description\": \"Removes the marker from the `markers` list. Also updates the `nextMarker` and `prevMarker`\\nproperties of it's neighboring components.\",\n            \"itemtype\": \"method\",\n            \"name\": \"unregisterMarker\",\n            \"params\": [\n                {\n                    \"name\": \"marker\",\n                    \"description\": \"the range marker to remove from the `markers` list.\",\n                    \"type\": \"Nf-range-marker\"\n                }\n            ],\n            \"class\": \"components.nf-range-markers\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-right-tick.js\",\n            \"line\": 25,\n            \"description\": \"The transition duration in milliseconds\",\n            \"itemtype\": \"property\",\n            \"name\": \"duration\",\n            \"type\": \"Number\",\n            \"default\": \"400\",\n            \"class\": \"components.nf-right-tick\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-right-tick.js\",\n            \"line\": 33,\n            \"description\": \"The domain value at which to place the tick\",\n            \"itemtype\": \"property\",\n            \"name\": \"value\",\n            \"type\": \"Number\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-right-tick\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-right-tick.js\",\n            \"line\": 41,\n            \"description\": \"Sets the visibility of the component. Returns false if `y` is not \\na numeric data type.\",\n            \"itemtype\": \"property\",\n            \"name\": \"isVisible\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-right-tick\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-right-tick.js\",\n            \"line\": 52,\n            \"description\": \"The calculated y coordinate of the tick\",\n            \"itemtype\": \"property\",\n            \"name\": \"y\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-right-tick\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-right-tick.js\",\n            \"line\": 69,\n            \"description\": \"The SVG transform used to render the tick\",\n            \"itemtype\": \"property\",\n            \"name\": \"transform\",\n            \"type\": \"String\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-right-tick\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-right-tick.js\",\n            \"line\": 84,\n            \"description\": \"performs the D3 transition to move the tick to the proper position.\",\n            \"itemtype\": \"method\",\n            \"name\": \"_transitionalUpdate\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-right-tick\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-right-tick.js\",\n            \"line\": 97,\n            \"description\": \"Schedules the transition when `value` changes on on init.\",\n            \"itemtype\": \"method\",\n            \"name\": \"_triggerTransition\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-right-tick\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-right-tick.js\",\n            \"line\": 106,\n            \"description\": \"Updates the tick position without a transition.\",\n            \"itemtype\": \"method\",\n            \"name\": \"_nonTransitionalUpdate\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-right-tick\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-right-tick.js\",\n            \"line\": 117,\n            \"description\": \"Schedules the update of non-transitional positions\",\n            \"itemtype\": \"method\",\n            \"name\": \"_triggerNonTransitionalUpdate\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-right-tick\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-right-tick.js\",\n            \"line\": 126,\n            \"description\": \"Gets the elements required to do the d3 transitions\",\n            \"itemtype\": \"method\",\n            \"name\": \"_getElements\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-right-tick\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-selection-box.js\",\n            \"line\": 17,\n            \"description\": \"The duration of the transition in ms\",\n            \"itemtype\": \"property\",\n            \"name\": \"duration\",\n            \"type\": \"Number\",\n            \"default\": \"400\",\n            \"class\": \"components.nf-selection-box\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-selection-box.js\",\n            \"line\": 25,\n            \"description\": \"The minimum x domain value to encompass.\",\n            \"itemtype\": \"property\",\n            \"name\": \"xMin\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-selection-box\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-selection-box.js\",\n            \"line\": 32,\n            \"description\": \"The maximum x domain value to encompoass.\",\n            \"itemtype\": \"property\",\n            \"name\": \"xMax\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-selection-box\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-selection-box.js\",\n            \"line\": 39,\n            \"description\": \"The minimum y domain value to encompass.\",\n            \"itemtype\": \"property\",\n            \"name\": \"yMin\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-selection-box\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-selection-box.js\",\n            \"line\": 46,\n            \"description\": \"The maximum y domain value to encompass\",\n            \"itemtype\": \"property\",\n            \"name\": \"yMax\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-selection-box\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-selection-box.js\",\n            \"line\": 55,\n            \"description\": \"The x pixel position of xMin\",\n            \"itemtype\": \"property\",\n            \"name\": \"x0\",\n            \"type\": \"Number\",\n            \"class\": \"components.nf-selection-box\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-selection-box.js\",\n            \"line\": 64,\n            \"description\": \"The x pixel position of xMax\",\n            \"itemtype\": \"property\",\n            \"name\": \"x1\",\n            \"type\": \"Number\",\n            \"class\": \"components.nf-selection-box\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-selection-box.js\",\n            \"line\": 73,\n            \"description\": \"The y pixel position of yMin\",\n            \"itemtype\": \"property\",\n            \"name\": \"y0\",\n            \"type\": \"Number\",\n            \"class\": \"components.nf-selection-box\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-selection-box.js\",\n            \"line\": 82,\n            \"description\": \"The y pixel position of yMax\",\n            \"itemtype\": \"property\",\n            \"name\": \"y1\",\n            \"type\": \"Number\",\n            \"class\": \"components.nf-selection-box\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-selection-box.js\",\n            \"line\": 91,\n            \"description\": \"The SVG path string for the box's rectangle.\",\n            \"itemtype\": \"property\",\n            \"name\": \"rectPath\",\n            \"type\": \"String\",\n            \"class\": \"components.nf-selection-box\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-selection-box.js\",\n            \"line\": 104,\n            \"description\": \"Updates the position of the box with a transition\",\n            \"itemtype\": \"method\",\n            \"name\": \"doUpdatePosition\",\n            \"class\": \"components.nf-selection-box\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-selection-box.js\",\n            \"line\": 124,\n            \"description\": \"Schedules an update to the position of the box after render.\",\n            \"itemtype\": \"method\",\n            \"name\": \"updatePosition\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-selection-box\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-selection-box.js\",\n            \"line\": 137,\n            \"description\": \"Sets up the required d3 elements after component\\nis inserted into the DOM\",\n            \"itemtype\": \"method\",\n            \"name\": \"didInsertElement\",\n            \"class\": \"components.nf-selection-box\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-image.js\",\n            \"line\": 31,\n            \"description\": \"The domain x value to place the image at.\",\n            \"itemtype\": \"property\",\n            \"name\": \"x\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-svg-image\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-image.js\",\n            \"line\": 38,\n            \"description\": \"The domain y value to place the image at.\",\n            \"itemtype\": \"property\",\n            \"name\": \"y\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-svg-image\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-image.js\",\n            \"line\": 47,\n            \"description\": \"The width as a domain value. Does not handle ordinal\\nscales. To set a pixel value, set `svgWidth` directly.\",\n            \"itemtype\": \"property\",\n            \"name\": \"width\",\n            \"type\": \"Number\",\n            \"default\": \"0\",\n            \"class\": \"components.nf-svg-image\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-image.js\",\n            \"line\": 63,\n            \"description\": \"The height as a domain value. Does not \\nhandle ordinal scales. To set a pixel value, just\\nset `svgHeight` directly.\",\n            \"itemtype\": \"property\",\n            \"name\": \"height\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-svg-image\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-image.js\",\n            \"line\": 77,\n            \"description\": \"The image source url\",\n            \"itemtype\": \"property\",\n            \"name\": \"src\",\n            \"type\": \"String\",\n            \"class\": \"components.nf-svg-image\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-image.js\",\n            \"line\": 115,\n            \"description\": \"The pixel value at which to plot the image.\",\n            \"itemtype\": \"property\",\n            \"name\": \"svgX\",\n            \"type\": \"Number\",\n            \"class\": \"components.nf-svg-image\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-image.js\",\n            \"line\": 124,\n            \"description\": \"The pixel value at which to plot the image.\",\n            \"itemtype\": \"property\",\n            \"name\": \"svgY\",\n            \"type\": \"Number\",\n            \"class\": \"components.nf-svg-image\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-image.js\",\n            \"line\": 133,\n            \"description\": \"The width, in pixels, of the image.\",\n            \"itemtype\": \"property\",\n            \"name\": \"svgWidth\",\n            \"type\": \"Number\",\n            \"class\": \"components.nf-svg-image\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-image.js\",\n            \"line\": 142,\n            \"description\": \"The height, in pixels of the image.\",\n            \"itemtype\": \"property\",\n            \"name\": \"svgHeight\",\n            \"type\": \"Number\",\n            \"class\": \"components.nf-svg-image\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-line.js\",\n            \"line\": 29,\n            \"description\": \"The domain value to plot the SVGLineElement's x1 at.\",\n            \"itemtype\": \"property\",\n            \"name\": \"x1\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-svg-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-line.js\",\n            \"line\": 36,\n            \"description\": \"The domain value to plot the SVGLineElement's x2 at.\",\n            \"itemtype\": \"property\",\n            \"name\": \"x2\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-svg-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-line.js\",\n            \"line\": 43,\n            \"description\": \"The domain value to plot the SVGLineElement's y1 at.\",\n            \"itemtype\": \"property\",\n            \"name\": \"y1\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-svg-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-line.js\",\n            \"line\": 50,\n            \"description\": \"The domain value to plot the SVGLineElement's y2 at.\",\n            \"itemtype\": \"property\",\n            \"name\": \"y2\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-svg-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-line.js\",\n            \"line\": 57,\n            \"description\": \"The pixel value to plot the SVGLineElement's x1 at.\",\n            \"itemtype\": \"property\",\n            \"name\": \"svgX1\",\n            \"type\": \"Number\",\n            \"class\": \"components.nf-svg-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-line.js\",\n            \"line\": 66,\n            \"description\": \"The pixel value to plot the SVGLineElement's x2 at.\",\n            \"itemtype\": \"property\",\n            \"name\": \"svgX2\",\n            \"type\": \"Number\",\n            \"class\": \"components.nf-svg-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-line.js\",\n            \"line\": 75,\n            \"description\": \"The pixel value to plot the SVGLineElement's y1 at.\",\n            \"itemtype\": \"property\",\n            \"name\": \"svgY1\",\n            \"type\": \"Number\",\n            \"class\": \"components.nf-svg-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-line.js\",\n            \"line\": 84,\n            \"description\": \"The pixel value to plot the SVGLineElement's y2 at.\",\n            \"itemtype\": \"property\",\n            \"name\": \"svgY2\",\n            \"type\": \"Number\",\n            \"class\": \"components.nf-svg-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-path.js\",\n            \"line\": 23,\n            \"description\": \"The array of points to use to plot the path. This is an array of arrays, in the following format:\\n\\n      // specify path pen commands\\n      [\\n        [50, 50, 'L'],\\n        [100, 100, 'L']\\n      ]\\n\\n      // or they will default to 'L'\\n      [\\n        [50, 50],\\n        [100, 100]\\n      ]\",\n            \"itemtype\": \"property\",\n            \"name\": \"points\",\n            \"type\": \"Array\",\n            \"class\": \"components.nf-svg-path\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-path.js\",\n            \"line\": 43,\n            \"description\": \"The data points mapped to scale\",\n            \"itemtype\": \"property\",\n            \"name\": \"svgPoints\",\n            \"type\": \"Array\",\n            \"class\": \"components.nf-svg-path\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-path.js\",\n            \"line\": 68,\n            \"description\": \"The raw svg path d attribute output\",\n            \"itemtype\": \"property\",\n            \"name\": \"d\",\n            \"type\": \"String\",\n            \"class\": \"components.nf-svg-path\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-rect.js\",\n            \"line\": 24,\n            \"description\": \"The domain x value to place the rect at.\",\n            \"itemtype\": \"property\",\n            \"name\": \"x\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-svg-rect\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-rect.js\",\n            \"line\": 31,\n            \"description\": \"The domain y value to place the rect at.\",\n            \"itemtype\": \"property\",\n            \"name\": \"y\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-svg-rect\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-rect.js\",\n            \"line\": 40,\n            \"description\": \"The width as a domain value. If xScale is ordinal, \\nthen this value is the indice offset to which to draw the \\nrectangle. In other words, if it's `2`, then draw the rectangle\\nto two ordinals past whatever `x` is set to.\",\n            \"itemtype\": \"property\",\n            \"name\": \"width\",\n            \"type\": \"Number\",\n            \"default\": \"0\",\n            \"class\": \"components.nf-svg-rect\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-rect.js\",\n            \"line\": 58,\n            \"description\": \"The height as a domain value. If the yScale is ordinal,\\nthis value is the indice offset to which to draw the rectangle.\\nFor example, if the height is `3` then draw the rectangle\\nto two ordinals passed whatever `y` is set to.\",\n            \"itemtype\": \"property\",\n            \"name\": \"height\",\n            \"type\": \"Number\",\n            \"default\": \"0\",\n            \"class\": \"components.nf-svg-rect\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-rect.js\",\n            \"line\": 74,\n            \"description\": \"The x value of the bottom right corner of the rectangle.\",\n            \"itemtype\": \"property\",\n            \"name\": \"x1\",\n            \"type\": \"Number\",\n            \"class\": \"components.nf-svg-rect\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-rect.js\",\n            \"line\": 94,\n            \"description\": \"The y value of the bottom right corner of the rectangle\",\n            \"itemtype\": \"property\",\n            \"name\": \"y1\",\n            \"type\": \"Number\",\n            \"class\": \"components.nf-svg-rect\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-rect.js\",\n            \"line\": 114,\n            \"description\": \"The x value of the top right corner of the rectangle\",\n            \"itemtype\": \"property\",\n            \"name\": \"x0\",\n            \"type\": \"Number\",\n            \"class\": \"components.nf-svg-rect\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-rect.js\",\n            \"line\": 123,\n            \"description\": \"The y value of the top right corner of the rectangle.\",\n            \"itemtype\": \"property\",\n            \"name\": \"y0\",\n            \"type\": \"Number\",\n            \"class\": \"components.nf-svg-rect\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-rect.js\",\n            \"line\": 132,\n            \"description\": \"The SVG path data for the rectangle\",\n            \"itemtype\": \"property\",\n            \"name\": \"d\",\n            \"type\": \"String\",\n            \"class\": \"components.nf-svg-rect\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-svg-rect.js\",\n            \"line\": 145,\n            \"description\": \"Click event handler. Toggles selected if selectable.\",\n            \"itemtype\": \"method\",\n            \"name\": \"click\",\n            \"class\": \"components.nf-svg-rect\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-vertical-line.js\",\n            \"line\": 20,\n            \"description\": \"The top y coordinate of the line\",\n            \"itemtype\": \"property\",\n            \"name\": \"y1\",\n            \"type\": \"Number\",\n            \"default\": \"0\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"class\": \"components.nf-vertical-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-vertical-line.js\",\n            \"line\": 29,\n            \"description\": \"The bottom y coordinate of the line\",\n            \"itemtype\": \"property\",\n            \"name\": \"y2\",\n            \"type\": \"Number\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-vertical-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-vertical-line.js\",\n            \"line\": 38,\n            \"description\": \"The x domain value at which to draw the vertical line on the graph\",\n            \"itemtype\": \"property\",\n            \"name\": \"x\",\n            \"type\": \"Number\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-vertical-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-vertical-line.js\",\n            \"line\": 46,\n            \"description\": \"The calculated x coordinate of the vertical line\",\n            \"itemtype\": \"property\",\n            \"name\": \"lineX\",\n            \"type\": \"Number\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-vertical-line\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-x-axis.js\",\n            \"line\": 54,\n            \"description\": \"The height of the x axis in pixels.\",\n            \"itemtype\": \"property\",\n            \"name\": \"height\",\n            \"type\": \"Number\",\n            \"default\": \"20\",\n            \"class\": \"components.nf-x-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-x-axis.js\",\n            \"line\": 62,\n            \"description\": \"The number of ticks to display\",\n            \"itemtype\": \"property\",\n            \"name\": \"tickCount\",\n            \"type\": \"Number\",\n            \"default\": \"12\",\n            \"class\": \"components.nf-x-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-x-axis.js\",\n            \"line\": 70,\n            \"description\": \"The length of the tick line (the small vertical line indicating the tick)\",\n            \"itemtype\": \"property\",\n            \"name\": \"tickLength\",\n            \"type\": \"Number\",\n            \"default\": \"0\",\n            \"class\": \"components.nf-x-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-x-axis.js\",\n            \"line\": 78,\n            \"description\": \"The spacing between the end of the tick line and the origin of the templated\\ntick content\",\n            \"itemtype\": \"property\",\n            \"name\": \"tickPadding\",\n            \"type\": \"Number\",\n            \"default\": \"5\",\n            \"class\": \"components.nf-x-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-x-axis.js\",\n            \"line\": 87,\n            \"description\": \"The orientation of the x axis. Value can be `'top'` or `'bottom'`.\",\n            \"itemtype\": \"property\",\n            \"name\": \"orient\",\n            \"type\": \"String\",\n            \"default\": \"'bottom'\",\n            \"class\": \"components.nf-x-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-x-axis.js\",\n            \"line\": 97,\n            \"description\": \"An optional filtering function to allow more control over what tick marks are displayed.\\nThe function should have exactly the same signature as the function you'd use for an\\n`Array.prototype.filter()`.\",\n            \"itemtype\": \"property\",\n            \"name\": \"tickFilter\",\n            \"type\": \"Function\",\n            \"default\": \"null\",\n            \"example\": [\n                \"\\n\\n      {{#nf-x-axis tickFilter=myFilter as |tick|}}\\n        <text>{{tick.value}}</text>\\n      {{/nf-x-axis}}\\n\\nAnd on your controller:\\n\\n      myFilter: function(tick, index, ticks) {\\n        return tick.value < 1000;\\n      },\\n\\nThe above example will filter down the set of ticks to only those that are less than 1000.\"\n            ],\n            \"class\": \"components.nf-x-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-x-axis.js\",\n            \"line\": 121,\n            \"description\": \"The class applied due to orientation (e.g. `'orient-top'`)\",\n            \"itemtype\": \"property\",\n            \"name\": \"orientClass\",\n            \"type\": \"String\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-x-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-x-axis.js\",\n            \"line\": 131,\n            \"description\": \"The SVG Transform applied to this component's container.\",\n            \"itemtype\": \"property\",\n            \"name\": \"transform\",\n            \"type\": \"String\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-x-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-x-axis.js\",\n            \"line\": 143,\n            \"description\": \"The y position of this component's container.\",\n            \"itemtype\": \"property\",\n            \"name\": \"y\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-x-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-x-axis.js\",\n            \"line\": 173,\n            \"description\": \"This x position of this component's container\",\n            \"itemtype\": \"property\",\n            \"name\": \"x\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-x-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-x-axis.js\",\n            \"line\": 188,\n            \"description\": \"The width of the component\",\n            \"itemtype\": \"property\",\n            \"name\": \"width\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-x-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-x-axis.js\",\n            \"line\": 196,\n            \"description\": \"A method to call to override the default behavior of how ticks are created.\\n\\nThe function signature should match:\\n\\n      // - scale: d3.Scale\\n      // - tickCount: number of ticks\\n      // - uniqueData: unique data points for the axis\\n      // - scaleType: string of \\\"linear\\\" or \\\"ordinal\\\"\\n      // returns: an array of tick values.\\n      function(scale, tickCount, uniqueData, scaleType) {\\n        return [100,200,300];\\n      }\",\n            \"itemtype\": \"property\",\n            \"name\": \"tickFactory\",\n            \"type\": \"{Function}\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-x-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-x-axis.js\",\n            \"line\": 234,\n            \"description\": \"A unique set of all x data on the graph\",\n            \"itemtype\": \"property\",\n            \"name\": \"uniqueXData\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-x-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-x-axis.js\",\n            \"line\": 242,\n            \"description\": \"The models for the ticks to display on the axis.\",\n            \"itemtype\": \"property\",\n            \"name\": \"ticks\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-x-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-x-axis.js\",\n            \"line\": 288,\n            \"description\": \"The y position, in pixels, of the axis line\",\n            \"itemtype\": \"property\",\n            \"name\": \"axisLineY\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-x-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-axis.js\",\n            \"line\": 49,\n            \"description\": \"The number of ticks to display\",\n            \"itemtype\": \"property\",\n            \"name\": \"tickCount\",\n            \"type\": \"Number\",\n            \"default\": \"5\",\n            \"class\": \"components.nf-y-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-axis.js\",\n            \"line\": 57,\n            \"description\": \"The length of the tick's accompanying line.\",\n            \"itemtype\": \"property\",\n            \"name\": \"tickLength\",\n            \"type\": \"Number\",\n            \"default\": \"5\",\n            \"class\": \"components.nf-y-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-axis.js\",\n            \"line\": 65,\n            \"description\": \"The distance between the tick line and the origin tick's templated output\",\n            \"itemtype\": \"property\",\n            \"name\": \"tickPadding\",\n            \"type\": \"Number\",\n            \"default\": \"3\",\n            \"class\": \"components.nf-y-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-axis.js\",\n            \"line\": 73,\n            \"description\": \"The total width of the y axis\",\n            \"itemtype\": \"property\",\n            \"name\": \"width\",\n            \"type\": \"Number\",\n            \"default\": \"40\",\n            \"class\": \"components.nf-y-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-axis.js\",\n            \"line\": 81,\n            \"description\": \"The orientation of the y axis. Possible values are `'left'` and `'right'`\",\n            \"itemtype\": \"property\",\n            \"name\": \"orient\",\n            \"type\": \"String\",\n            \"default\": \"'left'\",\n            \"class\": \"components.nf-y-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-axis.js\",\n            \"line\": 95,\n            \"description\": \"An optional filtering function to allow more control over what tick marks are displayed.\\nThe function should have exactly the same signature as the function you'd use for an\\n`Array.prototype.filter()`.\",\n            \"itemtype\": \"property\",\n            \"name\": \"tickFilter\",\n            \"type\": \"Function\",\n            \"default\": \"null\",\n            \"example\": [\n                \"\\n\\n      {{#nf-y-axis tickFilter=myFilter as |tick|}}\\n        <text>{{tick.value}}</text>\\n      {{/nf-y-axis}}\\n  \\nAnd on your controller:\\n\\n      myFilter: function(tick, index, ticks) {\\n        return tick.value < 1000;\\n      },\\n  \\nThe above example will filter down the set of ticks to only those that are less than 1000.\"\n            ],\n            \"class\": \"components.nf-y-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-axis.js\",\n            \"line\": 124,\n            \"description\": \"computed property. returns true if `orient` is equal to `'right'`.\",\n            \"itemtype\": \"property\",\n            \"name\": \"isOrientRight\",\n            \"type\": \"Boolean\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-y-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-axis.js\",\n            \"line\": 133,\n            \"description\": \"The SVG transform for positioning the component.\",\n            \"itemtype\": \"property\",\n            \"name\": \"transform\",\n            \"type\": \"String\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-y-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-axis.js\",\n            \"line\": 145,\n            \"description\": \"The x position of the component\",\n            \"itemtype\": \"property\",\n            \"name\": \"x\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-y-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-axis.js\",\n            \"line\": 166,\n            \"description\": \"The y position of the component\",\n            \"itemtype\": \"property\",\n            \"name\": \"y\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-y-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-axis.js\",\n            \"line\": 174,\n            \"description\": \"the height of the component\",\n            \"itemtype\": \"property\",\n            \"name\": \"height\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-y-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-axis.js\",\n            \"line\": 187,\n            \"description\": \"A method to call to override the default behavior of how ticks are created.\\n\\nThe function signature should match:\\n\\n      // - scale: d3.Scale\\n      // - tickCount: number of ticks\\n      // - uniqueData: unique data points for the axis\\n      // - scaleType: string of \\\"linear\\\" or \\\"ordinal\\\"\\n      // returns: an array of tick values.\\n      function(scale, tickCount, uniqueData, scaleType) {\\n        return [100,200,300];\\n      }\",\n            \"itemtype\": \"property\",\n            \"name\": \"tickFactory\",\n            \"type\": \"{Function}\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-y-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-axis.js\",\n            \"line\": 232,\n            \"description\": \"All y data from the graph, filtered to unique values.\",\n            \"itemtype\": \"property\",\n            \"name\": \"uniqueYData\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-y-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-axis.js\",\n            \"line\": 240,\n            \"description\": \"The ticks to be displayed.\",\n            \"itemtype\": \"property\",\n            \"name\": \"ticks\",\n            \"type\": \"Array\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-y-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-axis.js\",\n            \"line\": 284,\n            \"description\": \"The x position of the axis line.\",\n            \"itemtype\": \"property\",\n            \"name\": \"axisLineX\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-y-axis\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 30,\n            \"description\": \"The starting domain value of the difference measurement. The subrahend of the difference calculation.\",\n            \"itemtype\": \"property\",\n            \"name\": \"a\",\n            \"type\": \"Number\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 38,\n            \"description\": \"The ending domain value of the difference measurement. The minuend of the difference calculation.\",\n            \"itemtype\": \"property\",\n            \"name\": \"b\",\n            \"type\": \"Number\",\n            \"default\": \"null\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 46,\n            \"description\": \"The amount of padding, in pixels, between the edge of the difference \\\"box\\\" and the content container\",\n            \"itemtype\": \"property\",\n            \"name\": \"contentPadding\",\n            \"type\": \"Number\",\n            \"default\": \"5\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 54,\n            \"description\": \"The duration of the transition, in milliseconds, as the difference slides vertically\",\n            \"itemtype\": \"property\",\n            \"name\": \"duration\",\n            \"type\": \"Number\",\n            \"default\": \"400\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 62,\n            \"description\": \"The calculated vertical center of the difference box, in pixels.\",\n            \"itemtype\": \"property\",\n            \"name\": \"yCenter\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 74,\n            \"description\": \"The y pixel value of b.\",\n            \"itemtype\": \"property\",\n            \"name\": \"yB\",\n            \"type\": \"Number\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 83,\n            \"description\": \"The y pixel value of a.\",\n            \"itemtype\": \"property\",\n            \"name\": \"yA\",\n            \"type\": \"Number\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 92,\n            \"description\": \"The SVG transformation of the component.\",\n            \"itemtype\": \"property\",\n            \"name\": \"transform\",\n            \"type\": \"String\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 101,\n            \"description\": \"The calculated difference between `a` and `b`.\",\n            \"itemtype\": \"property\",\n            \"name\": \"diff\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 111,\n            \"description\": \"Returns `true` if `diff` is a positive number\",\n            \"itemtype\": \"property\",\n            \"name\": \"isPositive\",\n            \"type\": \"Boolean\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 119,\n            \"description\": \"Returns `true` if the graph's y-axis component is configured to orient right.\",\n            \"itemtype\": \"property\",\n            \"name\": \"isOrientRight\",\n            \"type\": \"Boolean\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 127,\n            \"description\": \"The width of the difference box\",\n            \"itemtype\": \"property\",\n            \"name\": \"width\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 135,\n            \"description\": \"The view controller for the view this component is present in\",\n            \"itemtype\": \"property\",\n            \"name\": \"parentController\",\n            \"type\": \"Ember.Controller\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 144,\n            \"description\": \"The x pixel coordinate of the content container.\",\n            \"itemtype\": \"property\",\n            \"name\": \"contentX\",\n            \"type\": \"Number\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 165,\n            \"description\": \"The SVG transformation used to position the content container.\",\n            \"itemtype\": \"property\",\n            \"name\": \"contentTransform\",\n            \"type\": \"String\",\n            \"access\": \"private\",\n            \"tagname\": \"\",\n            \"readonly\": \"\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 178,\n            \"description\": \"Sets up the d3 related elements when component is inserted \\ninto the DOM\",\n            \"itemtype\": \"method\",\n            \"name\": \"didInsertElement\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 200,\n            \"description\": \"Performs the transition (animation) of the elements.\",\n            \"itemtype\": \"method\",\n            \"name\": \"doTransition\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 220,\n            \"description\": \"Schedules a transition once at afterRender.\",\n            \"itemtype\": \"method\",\n            \"name\": \"transition\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 228,\n            \"description\": \"Updates to d3 managed DOM elments that do\\nnot require transitioning, because they're width-related.\",\n            \"itemtype\": \"method\",\n            \"name\": \"doAdjustWidth\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        },\n        {\n            \"file\": \"app/components/nf-y-diff.js\",\n            \"line\": 254,\n            \"description\": \"Schedules a call to `doAdjustWidth` on afterRender\",\n            \"itemtype\": \"method\",\n            \"name\": \"adjustWidth\",\n            \"class\": \"components.nf-y-diff\",\n            \"module\": \"utils/nf/svg-dom\",\n            \"namespace\": \"components\"\n        }\n    ],\n    \"warnings\": []\n}"
  },
  {
    "path": "docs/files/addon_mixins_graph-area-utils.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>addon/mixins/graph-area-utils.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: addon/mixins/graph-area-utils.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\n\n/**\n  Utility functions for drawing an area.\n  \n  @namespace mixins\n  @class graph-area-utils\n  @extends Ember.Mixin\n*/\nexport default Ember.Mixin.create({\n\n  /**\n    Creates a d3 area function from a given set of scales and an interpolator\n\n    @method createAreaFn\n    @param xScale {Function} a d3 scale\n    @param yScale {Function} a d3 scale\n    @param interpolator {String} the name of the d3 interpolator to use.\n    @return {Function} a function that when called will create SVG path data.\n  */\n  createAreaFn: function(xScale, yScale, interpolator) {\n      var interp = interpolator || &#x27;linear&#x27;;\n      var xMod = xScale.rangeBand ? xScale.rangeBand() / 2 : 0;\n      var yMod = yScale.rangeBand ? yScale.rangeBand() / 2 : 0;\n\n      return function(data) {\n        if(!data || data.length === 0) {\n          return &#x27;M0,0&#x27;;\n        }\n\n        return d3.svg.area()\n          .x(function (d) {\n            return (xScale(d[0]) || 0) + xMod;\n          })\n          .y0(function (d) {\n            return (yScale(d[1]) || 0) + yMod;\n          })\n          .y1(function (d) {\n            return (yScale(d[2]) || 0) + yMod;\n          })\n          .interpolate(interp)(data);\n      };\n  }\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/addon_mixins_graph-data-graphic.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>addon/mixins/graph-data-graphic.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: addon/mixins/graph-data-graphic.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport parsePropertyExpr from &#x27;../utils/parse-property-expression&#x27;;\nimport { nearestIndexTo } from &#x27;../utils/nf/array-helpers&#x27;;\nimport computed from &#x27;ember-new-computed&#x27;;\n\nvar { on, observer } = Ember;\n\nvar noop = function(){};\n\n/**\n  This is mixed in to {{#crossLink components.nf-graph}}nf-graph{{/crossLink}} child components that need to register data\n  with the graph. Includes methods for extracting, sorting and scrubbing data\n  for use in graphing components.\n\n  Requires {{#crossLink &quot;mixins.graph-registered-graphic&quot;}}{{/crossLink}} and \n  {{#crossLink &quot;mixins.graph-has-graph-parent&quot;}}{{/crossLink}}\n\n  @namespace mixins\n  @class graph-data-graphic\n  @extends Ember.Mixin\n*/\nexport default Ember.Mixin.create({\n  isDataGraphic: true,\n\n  /**\n    Gets or sets the data used by the component to plot itself.\n\n    @property data\n    @type Array\n    @default null\n  */\n  data: null,\n\n  mappedData: computed(&#x27;data.@each&#x27;, {\n    get() {\n      var yPropFn = this.get(&#x27;yPropFn&#x27;);\n      var xPropFn = this.get(&#x27;xPropFn&#x27;);\n      var data = this.get(&#x27;data&#x27;);\n      if(Ember.isArray(data)) {\n        return data.map(function(d, i) {\n          var item = [xPropFn(d), yPropFn(d)];\n          item.data = d;\n          item.origIndex = i;\n          return item;\n        });\n      }\n      return [];\n    }\n  }),\n\n  _triggerHasData: on(&#x27;init&#x27;, observer(&#x27;data.@each&#x27;, function(){\n    Ember.run.once(this, this._sendTriggerHasData);\n  })),\n\n  _sendTriggerHasData() {\n    this.trigger(&#x27;hasData&#x27;, this.get(&#x27;mappedData&#x27;));\n  },\n\n  /**\n    The path of the property on each object in \n    {{#crossLink &quot;mixins.graph-data-graphic/data:property&quot;}}{{/crossLink}}\n    to use as x data to plot on the graph.\n\n    @property xprop\n    @type String\n    @default &#x27;x&#x27;\n  */\n  xprop: &#x27;x&#x27;,\n\n  /**\n    The path of the property on each object in \n    {{#crossLink &quot;mixins.graph-data-graphic/data:property&quot;}}{{/crossLink}}\n    to use as y data to plot on the graph.\n\n    @property yprop\n    @type String\n    @default &#x27;y&#x27;\n  */\n  yprop: &#x27;y&#x27;,\n\n  /**\n    The function to get the x value from each \n    {{#crossLink &quot;mixins.graph-data-graphic/data:property&quot;}}{{/crossLink}} object\n\n    @property xPropFn\n    @type Function\n    @readonly\n  */\n  xPropFn: computed(&#x27;xprop&#x27;, {\n    get() {\n      var xprop = this.get(&#x27;xprop&#x27;);\n      return xprop ? parsePropertyExpr(xprop) : noop;\n    }\n  }),\n\n  /**\n    The function to get the y value from each \n    {{#crossLink &quot;mixins.graph-data-graphic/data:property&quot;}}{{/crossLink}} object\n\n    @property yPropFn\n    @type Function\n    @readonly\n  */\n  yPropFn: computed(&#x27;yprop&#x27;, {\n    get() {\n      var yprop = this.get(&#x27;yprop&#x27;);\n      return yprop ? parsePropertyExpr(yprop) : noop;\n    }\n  }),\n\n  /**\n    The list of data points from {{#crossLink &quot;mixins.graph-data-graphc/mappedData:property&quot;}}{{/crossLink}} that\n    fits within the x domain, plus up to one data point outside of that domain in each direction.\n    @property renderedData\n    @type Array\n    @readonly\n  */\n  renderedData: computed(\n    &#x27;mappedData.@each&#x27;,\n    &#x27;graph.xScaleType&#x27;,\n    &#x27;graph.xMin&#x27;,\n    &#x27;graph.xMax&#x27;,\n    {\n      get() {\n        var mappedData = this.get(&#x27;mappedData&#x27;);\n        var graph = this.get(&#x27;graph&#x27;);\n        var xScaleType = graph.get(&#x27;xScaleType&#x27;);\n        var xMin = graph.get(&#x27;xMin&#x27;);\n        var xMax = graph.get(&#x27;xMax&#x27;);\n\n        if(!mappedData || mappedData.length === 0) {\n          return [];\n        }\n\n        if(xScaleType === &#x27;ordinal&#x27;) {\n          return mappedData;\n        }\n\n        return mappedData.filter(function(d, i) {\n          var x = d[0];\n          var prev = mappedData[i-1];\n          var next = mappedData[i+1];\n          var prevX = prev ? prev[0] : null;\n          var nextX = next ? next[0] : null;\n\n          return between(x, xMin, xMax) || between(prevX, xMin, xMax) || between(nextX, xMin, xMax);\n        });\n      }\n    }\n  ),\n\n  /**\n    The first element from {{#crossLink &quot;mixins.graph-data-graphic/renderedData:property&quot;}}{{/crossLink}}\n    that is actually visible within the x domain.\n    @property firstVisibleData\n    @type {Object}\n    @readonly\n  */\n  firstVisibleData: computed(&#x27;renderedData.@each&#x27;, &#x27;xMin&#x27;, {\n    get() {\n      var { renderedData, xPropFn, yPropFn, xMin } = this.getProperties(&#x27;renderedData&#x27;, &#x27;xPropFn&#x27;, &#x27;yPropFn&#x27;, &#x27;xMin&#x27;);\n\n      var first = renderedData[0];\n      if(first &amp;&amp; xMin &gt; first[0] &amp;&amp; renderedData.length &gt; 1) {\n        first = renderedData[1];\n      }\n\n      return first ? {\n        x: xPropFn(first.data),\n        y: yPropFn(first.data),\n        data: first.data,\n        renderX: first[0],\n        renderY: first[1]\n      } : null;\n    }\n  }),\n\n\n  /**\n    The last element from {{#crossLink &quot;mixins.graph-data-graphic/renderedData:property&quot;}}{{/crossLink}}\n    that is actually visible within the x domain.\n    @property lastVisibleData\n    @type {Object}\n    @readonly\n  */\n  lastVisibleData: computed(&#x27;renderedData.@each&#x27;, &#x27;yPropFn&#x27;, &#x27;xPropFn&#x27;, &#x27;xMax&#x27;, {\n    get() {\n      var { renderedData, xPropFn, yPropFn, xMax } = this.getProperties(&#x27;renderedData&#x27;, &#x27;xPropFn&#x27;, &#x27;yPropFn&#x27;, &#x27;xMax&#x27;);\n      var last = renderedData[renderedData.length - 1];\n\n      if(last &amp;&amp; xMax &lt; last[0] &amp;&amp; renderedData.length &gt; 1) {\n        last = renderedData[renderedData.length - 2];\n      }\n\n      return last ? {\n        x: xPropFn(last.data),\n        y: yPropFn(last.data),\n        data: last.data,\n        renderX: last[0],\n        renderY: last[1]\n      }: null;\n    }\n  }),\n\n  _getRenderedDataNearXRange: function(rangeX) {\n    var xScale = this.get(&#x27;xScale&#x27;);\n    var isLinear = xScale &amp;&amp; xScale.invert;\n    if(isLinear) {\n      return this.getDataNearX(xScale.invert(rangeX));\n    } else {\n      //ordinal\n      var range = this.get(&#x27;graph.xRange&#x27;);\n      var v = Math.abs(rangeX - range[0]) / Math.abs(range[1] - range[0]);\n      var renderedData = this.get(&#x27;renderedData&#x27;);\n      var i = Math.floor(v * renderedData.length);\n      return renderedData[i];\n    }\n  },\n\n  getDataNearXRange(rangeX) {\n    var rendered = this._getRenderedDataNearXRange(rangeX);\n\n    if(!rendered) { \n      return null;\n    }\n    \n    var renderX = rendered[0];\n    var renderY = rendered[1];\n    var data = rendered.data;\n    var { x, y } = this.getActualTrackData(renderX, renderY, data);\n\n    return { renderX, renderY, data, x, y };\n  },\n\n  /** \n    Gets the actual data at a rendered tracking point passed to it.\n    This is overridden in nf-area to account for stacking of data.\n    @method getActualTrackData\n    @param renderX {number} the x domain value the data is rendered at\n    @param renderY {number} the y domain value the data is rendered at \n    @param data {Object} the raw data from the point \n    @return {Object} simple x, y point structure\n  */\n  getActualTrackData(renderX, renderY, data) {\n    return { x: renderX, y: renderY, data };\n  },\n\n  getDataNearX: function(x) {\n    x = +x;\n    if(x === x) {\n      var renderedData = this.get(&#x27;renderedData&#x27;);\n      var index = nearestIndexTo(renderedData, x, function(d){\n        return d ? d[0] : null;\n      });\n      return index !== -1 ? renderedData[index] : null;\n    }\n  },\n});\n\nfunction between(x, a, b) {\n  return a &lt;= x &amp;&amp; x &lt;= b;\n}\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/addon_mixins_graph-graphic-with-tracking-dot.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>addon/mixins/graph-graphic-with-tracking-dot.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: addon/mixins/graph-graphic-with-tracking-dot.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport { getMousePoint } from &#x27;../utils/nf/svg-dom&#x27;;\nimport computed from &#x27;ember-new-computed&#x27;;\n\nvar { on, observer } = Ember;\n\nexport default Ember.Mixin.create({\n  /**\n    Gets or sets the tracking mode of the component.\n\n    Possible values are:\n\n    - &#x27;none&#x27;: no tracking behavior\n    - &#x27;hover&#x27;: only track while mouse hover\n    - &#x27;snap-last&#x27;: track while mouse hover, but snap to the last data element when not hovering\n    - &#x27;snap-first&#x27;: track while mouse hover, but snap to the first data element when not hovering\n    - &#x27;selected-hover&#x27;: The same as &#x60;&#x27;hover&#x27;&#x60; tracking mode, but only when the compononent is \n    {{#crossLink &quot;mixins.graph-selectable-graphic/selected:property&quot;}}{{/crossLink}}\n    - &#x27;selected-snap-last&#x27;: The same as &#x60;&#x27;snap-last&#x27;&#x60; tracking mode, but only when the compononent is \n    {{#crossLink &quot;mixins.graph-selectable-graphic/selected:property&quot;}}{{/crossLink}}\n    - &#x27;selected-snap-first&#x27;: The same as &#x60;&#x27;snap-first&#x27;&#x60; tracking mode, but only when the compononent is \n    {{#crossLink &quot;mixins.graph-selectable-graphic/selected:property&quot;}}{{/crossLink}}\n\n    @property trackingMode\n    @type String\n    @default &#x27;none&#x27;\n  */\n  trackingMode: &#x27;none&#x27;,\n\n  /**\n    The radius of the tracking dot in pixels\n    @property trackingDotRadius\n    @type {number}\n    @default 2.5\n  */\n  trackingDotRadius: 2.5,\n\n  /**\n    The action to send on &#x60;didTrack&#x60;.\n    @property didTrack\n    @type String\n    @default null\n  */\n  didTrack: null,\n\n  /**\n    The value of the data that is being tracked by the component.\n    @property trackedData\n    @type {Object} an object with the following values:  \n      - point: an { x, y } pair for the exact px coordinates inside the graph-content\n      - graphX: domain x value at mouse position\n      - graphY: domain y value at mouse position\n      - x: nearest x data value\n      - y: nearest y data value\n      - data: nearest raw data\n      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n      - mouseX: mouse x position in pixels\n      - mouseY: mouse y position in pixels\n    @default null\n  */\n  trackedData: null,\n\n  /**\n    The value of the data that is being tracked by the component, ONLY if the \n    graph-content is currently being hovered.\n    @property hoverData\n    @type {Object} an object with the following values:  \n      - point: an { x, y } pair for the exact px coordinates inside the graph-content\n      - graphX: domain x value at mouse position\n      - graphY: domain y value at mouse position\n      - x: nearest x data value\n      - y: nearest y data value\n      - data: nearest raw data\n      - renderX: domain x value to render a tracking dot at (stacked areas are offset)\n      - renderY: domain x value to render a tracking dot at (stacked areas are offset)\n      - mouseX: mouse x position in pixels\n      - mouseY: mouse y position in pixels\n    @default null\n  */\n  hoverData: null,\n\n  _showTrackingDot: true,\n\n  /**\n    Gets or sets whether the tracking dot should be shown at all.\n    @property showTrackingDot\n    @type {boolean}\n    @default true\n  */\n  showTrackingDot: computed(&#x27;trackedData&#x27;, {\n    get() {\n      return Boolean(this._showTrackingDot &amp;&amp; this.get(&#x27;trackedData&#x27;));\n    },\n\n    set(value) {\n      this._showTrackingDot = value;\n    }\n  }),\n\n  /**\n    Observes changes to tracked data and sends the\n    didTrack action.\n    @method _trackedDataChanged\n    @private\n  */\n  _trackedDataChanged: Ember.observer(&#x27;trackedData&#x27;, function(){\n    var trackedData = this.get(&#x27;trackedData&#x27;);\n    this.set(&#x27;hoverData&#x27;, this._hovered ? trackedData : null);\n\n    if(this.get(&#x27;didTrack&#x27;)) {\n      this.sendAction(&#x27;didTrack&#x27;, {\n        x: trackedData.x,\n        y: trackedData.y,\n        data: trackedData.data,\n        source: this,\n        graph: this.get(&#x27;graph&#x27;),\n      });\n    }\n  }),\n\n  _cleanup: function(){\n    if(this._onHoverCleanup) {\n      this._onHoverCleanup();\n    }\n    if(this._onEndCleanup) {\n      this._onEndCleanup();\n    }\n  },\n\n  _updateTrackingHandling() {\n    var { trackingMode, selected } = this.getProperties(&#x27;trackingMode&#x27;, &#x27;selected&#x27;);\n\n    this._cleanup();\n\n    switch(trackingMode) {\n      case &#x27;hover&#x27;:\n        this._onHoverTrack();\n        this._onEndUntrack();\n        break;\n      case &#x27;snap-first&#x27;:\n        this._onHoverTrack();\n        this._onEndSnapFirst();\n        break;\n      case &#x27;snap-last&#x27;:\n        this._onHoverTrack();\n        this._onEndSnapLast();\n        break;\n      case &#x27;selected-hover&#x27;:\n        if(selected) {\n          this._onHoverTrack();\n          this._onEndUntrack();\n        }\n        break;\n      case &#x27;selected-snap-first&#x27;:\n        if(selected) {\n          this._onHoverTrack();\n          this._onEndSnapFirst();\n        }\n        break;\n      case &#x27;selected-snap-last&#x27;:\n        if(selected) {\n          this._onHoverTrack();\n          this._onEndSnapLast();\n        }\n        break;\n    }\n  },\n\n  _onHoverTrack() {\n    var content = this._content;\n\n    var mousemoveHandler = e =&gt; {\n      this._hovered = true;\n      var evt = this._getEventObject(e);\n      this.set(&#x27;trackedData&#x27;, evt);\n    };\n\n    content.on(&#x27;mousemove&#x27;, mousemoveHandler);\n\n    this._onHoverCleanup = () =&gt; {\n      content.off(&#x27;mousemove&#x27;, mousemoveHandler);\n    };\n  },\n\n  _hovered: false,\n\n  _onEndUntrack() {\n    var content = this._content;\n\n    var mouseoutHandler = () =&gt; {\n      this.set(&#x27;trackedData&#x27;, null);\n    };\n\n    content.on(&#x27;mouseout&#x27;, mouseoutHandler);\n\n    this._onEndCleanup = () =&gt; {\n      content.off(&#x27;mouseout&#x27;, mouseoutHandler);\n    };\n\n    if(!this._hovered) {\n      this.set(&#x27;trackedData&#x27;, null);\n    }\n  },\n\n  _onEndSnapLast() {\n    var content = this._content;\n\n    var mouseoutHandler = () =&gt; {\n      this._hovered = false;\n      this.set(&#x27;trackedData&#x27;, this.get(&#x27;lastVisibleData&#x27;));\n    };\n\n    var changeHandler = () =&gt; {\n      if(!this._hovered) {\n        this.set(&#x27;trackedData&#x27;, this.get(&#x27;lastVisibleData&#x27;));\n      }\n    };\n\n    content.on(&#x27;mouseout&#x27;, mouseoutHandler);\n    this.addObserver(&#x27;lastVisibleData&#x27;, this, changeHandler);\n\n    this._onEndCleanup = () =&gt; {\n      content.off(&#x27;mouseout&#x27;, mouseoutHandler);\n      this.removeObserver(&#x27;lastVisibleData&#x27;, this, changeHandler);\n    };\n\n    changeHandler();\n  },\n\n  _onEndSnapFirst() {\n    var content = this._content;\n\n    var mouseoutHandler = () =&gt; {\n      this._hovered = false;\n      this.set(&#x27;trackedData&#x27;, this.get(&#x27;firstVisibleData&#x27;));\n    };\n\n    var changeHandler = () =&gt; {\n      if(!this._hovered) {\n        this.set(&#x27;trackedData&#x27;, this.get(&#x27;firstVisibleData&#x27;));\n      }\n    };\n\n    content.on(&#x27;mouseout&#x27;, mouseoutHandler);\n    this.addObserver(&#x27;firstVisibleData&#x27;, this, changeHandler);\n\n    this._onEndCleanup = () =&gt; {\n      content.off(&#x27;mouseout&#x27;, mouseoutHandler);\n      this.removeObserver(&#x27;firstVisibleData&#x27;, this, changeHandler);\n    };\n\n    changeHandler();\n  },\n\n  _trackingModeChanged: on(&#x27;init&#x27;, observer(&#x27;trackingMode&#x27;, &#x27;selected&#x27;, function() {\n    Ember.run.once(this, this._updateTrackingHandling);\n  })),\n\n  _getEventObject(e) {\n    var { xScale, yScale } = this.getProperties(&#x27;xScale&#x27;, &#x27;yScale&#x27;);\n    var content = this._content;\n    var point = getMousePoint(content[0], e);\n    var graphX = xScale.invert(point.x);\n    var graphY = yScale.invert(point.y);\n    var near = this.getDataNearXRange(point.x);\n\n    if(!near) {\n      return {\n        point,\n        graphX,\n        graphY,\n        mouseX: point.x,\n        mouseY: point.y,\n      };\n    }\n\n    var { x, y, data, renderX, renderY } = near;\n    return {\n      point,\n      graphX,\n      graphY,\n      x,\n      y,\n      data,\n      renderX,\n      renderY,\n      mouseX: point.x,\n      mouseY: point.y\n    };\n  },\n\n  didInsertElement() {\n    this._super.apply(arguments);\n    this._content = this.$().parents(&#x27;.nf-graph-content&#x27;);\n  },\n\n  willDestroyElement() {\n    this._super.apply(arguments);\n    this._cleanup();\n  }\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/addon_mixins_graph-has-graph-parent.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>addon/mixins/graph-has-graph-parent.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: addon/mixins/graph-has-graph-parent.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\n\n/**\n  Adds initialization code to graph the &#x60;nf-graph&#x60; parent\n  to a component that is to be contained in an &#x60;nf-graph&#x60;.\n\n  @namespace mixins\n  @class graph-has-graph-parent\n  */\nexport default Ember.Mixin.create({\n  \n  /**\n    The parent graph for a component.\n    @property graph\n    @type components.nf-graph\n    @default null\n    */\n  graph: null,\n\n  /**\n    Initalization method that gets the &#x60;nf-graph&#x60; parent\n    and assigns it to &#x60;graph&#x60;\n    NOTE: all object that mixin and have init, must call super.init()\n    @method init\n    */\n\n  init() {\n    this._super(...arguments);\n    var graph = this.nearestWithProperty(&#x27;isGraph&#x27;);\n    this.set(&#x27;graph&#x27;, graph);\n  }\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/addon_mixins_graph-line-utils.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>addon/mixins/graph-line-utils.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: addon/mixins/graph-line-utils.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\n  import Ember from &#x27;ember&#x27;;\n\n  /**\n    @namespace mixins\n    @class graph-line-utils\n    @extends Ember.Mixin\n    */\n  export default Ember.Mixin.create({\n\n    /**\n      Create a d3 line function from a given scales and interpolation\n\n      @method createLineFn\n      @param xScale {Function} d3 scale function\n      @param yScale {Function} d3 scale function\n      @param interpolate {String} d3 interpolator name\n      @return {Function} a d3 function that will create SVG path data from a given data set.\n      */\n    createLineFn: function(xScale, yScale, interpolate){ \n      var interp = interpolate || &#x27;linear&#x27;;\n\n      var xMod = xScale.rangeBand ? xScale.rangeBand() / 2 : 0;\n      var yMod = yScale.rangeBand ? yScale.rangeBand() / 2 : 0;\n\n      return function(data) {\n        if(!data || data.length === 0) {\n          return &#x27;M0,0&#x27;;\n        }\n\n        return d3.svg.line()\n          .x(function (d) { return (xScale(d[0]) || 0) + xMod; })\n          .y(function (d) { return (yScale(d[1]) || 0) + yMod; })\n          .interpolate(interp)(data);\n      };\n    }\n  });\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/addon_mixins_graph-registered-graphic.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>addon/mixins/graph-registered-graphic.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: addon/mixins/graph-registered-graphic.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\n\n/**\n  @namespace mixins\n  @class graph-registered-graphic\n  @extends Ember.Mixin\n*/\nexport default Ember.Mixin.create({\n\n  init() {\n    this._super(...arguments);\n    var graph = this.get(&#x27;graph&#x27;);\n    if(graph) {\n      graph.registerGraphic(this);\n    }\n  },\n\n  /**\n    calls {{#crossLink &quot;components.nf-graph/unregisterGraphic&quot;}}{{/crossLink}} on\n    &#x60;didInsertElement&#x60;.\n    @method _unregisterGraphic\n    @private\n  */\n  _unregisterGraphic: Ember.on(&#x27;willDestroyElement&#x27;, function(){\n    var graph = this.get(&#x27;graph&#x27;);\n    if(graph) {\n      graph.unregisterGraphic(this);\n    }\n  })\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/addon_mixins_graph-requires-scale-source.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>addon/mixins/graph-requires-scale-source.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: addon/mixins/graph-requires-scale-source.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport computed from &#x27;ember-new-computed&#x27;;\n\nvar scaleProperty = function(scaleKey, zoomKey, offsetKey){\n  return computed(scaleKey, zoomKey, offsetKey, {\n    get() {\n      var scale = this.get(scaleKey);\n      var zoom = this.get(zoomKey);\n\n      var offset = this.get(offsetKey);\n      if(zoom === 1 &amp;&amp; offset === 0) {\n        return scale;\n      }\n\n      var copy = scale.copy();\n      var domain = copy.domain();\n      copy.domain([domain[0] / zoom, domain[1] / zoom]);\n\n      var range = copy.range();\n      copy.range([range[0] - offset, range[1] - offset]);\n\n      return copy;\n    }\n  });\n};\n\n/**\n  Adds functionality to identify a parent control that will provide an x and\n  y scale, then adds scaling properties to the component it&#x27;s mixed in to.\n  @namespace mixins\n  @class graph-requires-scale-source\n*/\nexport default Ember.Mixin.create({\n  /**\n    The x scale used by this component\n    @property xScale\n    @type d3.scale\n    @readonly\n  */\n  xScale: scaleProperty(&#x27;scaleSource.xScale&#x27;, &#x27;scaleZoomX&#x27;, &#x27;scaleOffsetX&#x27;),\n  \n  /**\n    The y scale used by this component\n    @property yScale\n    @type d3.scale\n    @readonly\n  */\n  yScale: scaleProperty(&#x27;scaleSource.yScale&#x27;, &#x27;scaleZoomY&#x27;, &#x27;scaleOffsetY&#x27;),\n\n  _scaleOffsetX: 0,\n\n  _scaleOffsetY: 0,\n\n  _scaleZoomX: 1,\n\n  _scaleZoomY: 1,\n\n  /**\n    The zoom multiplier for the x scale\n    @property scaleZoomX\n    @type Number\n    @default 1\n  */\n  scaleZoomX: computed({\n    get() {\n      return this._scaleZoomX || 1;\n    },\n    set(key, value) {\n      return this._scaleZoomX = +value || 1;\n    }\n  }),\n\n  /**\n    The zoom multiplier for the y scale\n    @property scaleZoomY\n    @type Number\n    @default 1\n  */\n  scaleZoomY: computed({\n    get() {\n      return this._scaleZoomY || 1;\n    },\n    set(key, value) {\n      return this._scaleZoomY = +value || 1;\n    }\n  }),\n\n  /**\n    The offset, in pixels, for the x scale\n    @property scaleOffsetX\n    @type Number\n    @default 0\n  */\n  scaleOffsetX: computed({\n    get() {\n      return this._scaleOffsetX || 0;\n    },\n    set(key, value) {\n      return this._scaleOffsetX = +value || 0;\n    }\n  }),\n\n  /**\n    The offset, in pixels, for the y scale\n    @property scaleOffsetY\n    @type Number\n    @default 0\n  */\n  scaleOffsetY: computed({\n    get() {\n      return this._scaleOffsetY || 0;\n    },\n    set(key, value) {\n      return this._scaleOffsetY = +value || 0;\n    }\n  }),\n\n  init() {\n    this._super(...arguments);\n    var scaleSource = this.nearestWithProperty(&#x27;isScaleSource&#x27;);\n    this.set(&#x27;scaleSource&#x27;, scaleSource);\n  }\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/addon_mixins_graph-selectable-graphic.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>addon/mixins/graph-selectable-graphic.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: addon/mixins/graph-selectable-graphic.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\n\n/**\n  Adds functionality to a component to make it a selectable graphic\n  within it&#x27;s parent nf-graph.\n  @namespace mixins\n  @class graph-selectable-graphic\n  @extends Ember.Mixin\n*/\nexport default Ember.Mixin.create({\n  _selected: false,\n\n  /**\n    Gets or sets whether or not the graphic is &quot;selectable&quot;. Meaning can be &quot;selected&quot; on the nf-graph \n    via some action (usually click). The component will then show up in the nf-graph parent&#x27;s selected \n    property.\n    @property selectable\n    @type Boolean\n    @default false\n  */\n  selectable: false,\n\n  /**\n    Gets or sets whether or not the graphic is selected.\n    @property selected\n    @type Boolean\n    @default false\n  */\n  selected: false,\n\n  /**\n    Alias of selected\n    @property isSelected\n    @deprecated use &#x60;selected&#x60;\n  */\n  isSelected: Ember.computed.alias(&#x27;selected&#x27;),\n\n  /**\n    Makes calls to the parent nf-graph to update it&#x27;s\n    &#x60;selected&#x60; property. Observes changes to &#x60;selected&#x60; and also \n    fires on &#x60;didInsertElement&#x60;.\n    @method _updateGraphSelected\n    @private\n  */\n  _updateGraphSelected: Ember.on(&#x27;didInsertElement&#x27;, Ember.observer(&#x27;selected&#x27;, function() {\n    Ember.run.once(this, function(){\n      var selected = this.get(&#x27;selected&#x27;);\n      var graph = this.get(&#x27;graph&#x27;);\n      if(selected) {\n        graph.selectGraphic(this);\n      } else {\n        graph.deselectGraphic(this);\n      }\n    });\n  })),\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/addon_utils_nf_array-helpers.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>addon/utils/nf/array-helpers.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: addon/utils/nf/array-helpers.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\n/**\n  @module utils/nf/array-helpers\n*/\n\n/**\n  returns whatever you pass into it.\n  @method identity\n  @param x {Any}\n  @private\n  @return {Any} x\n*/\nfunction identity(x) {\n  return x;\n}\n\n/**\n  Performs a binary search on the array and finds the nearest index to the value passed.\n  @method nearestIndexTo\n  @param arr {Array} the *sorted* array to search.\n  @param val {Number} the value to find the nearest index to.\n  @param mappingFn {Function} an optional function for pulling values out of the \n  array items.\n*/\nexport function nearestIndexTo(arr, val, mappingFn) {\n  mappingFn = mappingFn || identity;\n  var startIndex  = 0;\n  var stopIndex = arr.length - 1;\n  var middle = (stopIndex + startIndex) / 2;\n  var a = Math.floor(middle);\n  var b = Math.floor(middle + 1);\n\n  var getItem = function(i){\n    return mappingFn(arr[i]);\n  };\n\n  var av = getItem(a);\n  var bv = getItem(b);\n\n  while(!(av &lt;= val &amp;&amp; val &lt;= bv) &amp;&amp; startIndex &lt; stopIndex){\n\n    if (val &lt; av){\n        stopIndex = middle - 1;\n    } else if (val &gt; av){\n        startIndex = middle + 1;\n    }\n\n    middle = (stopIndex + startIndex) / 2;\n    a = Math.floor(middle);\n    b = Math.floor(middle + 1);\n    av = getItem(a);\n    bv = getItem(b);\n  }\n\n  return (Math.abs(val - av) &lt; Math.abs(val - bv)) ? a : b;\n}\n\nvar NATURAL_SORT_REGEXP = /[+-]?\\d+\\.?\\d*|\\S+/g;\n\n/**\n  breaks a string into an array of tokens in preparation for natural\n  comparison and sorting.\n  @method naturalTokenize\n  @param item {String} the value to tokenize\n  @return {Array} an array of tokens found in the item\n  @private\n*/\nfunction naturalTokenize(item) {\n  NATURAL_SORT_REGEXP.lastIndex = 0;\n  var matches;\n  var tokens = [];\n  while(matches = NATURAL_SORT_REGEXP.exec(item)) {\n    tokens.push(matches[0]);\n  }\n  return tokens;\n}\n\n/**\n  A JavaScript sorting predicate for natural sorting.\n  @method naturalCompare\n  @param a {Any} the value to compare to b\n  @param b {Any} the value to compare to a\n  @return {Number} &#x60;-1&#x60;, &#x60;0&#x60; or &#x60;1&#x60; if a is less than, equal to, or\n    greater than b, respectively.\n*/\nexport function naturalCompare(a, b) {\n  var aTokens = naturalTokenize(a);\n  var bTokens = naturalTokenize(b);\n  var i = 0, bx, ax, na, nb;\n\n  while((ax = aTokens[i]) &amp;&amp; (bx = bTokens[i++])) {\n    na = +ax;\n    nb = +bx;\n  \n    if(nb === nb &amp;&amp; na === na) {\n      if(na !== nb) {\n         return na &gt; nb ? 1 : -1;\n      } else {\n        if(ax.length !== bx.length) {\n          return ax.length &gt; bx.length ? 1 : -1;\n        }\n      }\n    }\n  \n    if(ax !== bx) {\n      return ax &gt; bx ? 1 : -1;\n    }\n  }\n\n  return 0;\n}\n\n/**\n  Sorts the array &quot;naturally&quot;. Meaning taking into account both\n  alphabetical and numeric sorting within strings.\n\n  @method natualSort\n  @param arr {Array} the array to sort\n*/\nexport function naturalSort(arr) {\n  arr.sort(naturalCompare);\n}\n\nexport function sliceArrayLike(arrayLike, from, to) {\n  return Array.prototype.slice.call(arrayLike, from, to);\n}\n\nexport function toArray() {\n  return sliceArrayLike(arguments);\n}\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/addon_utils_nf_graph-event.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>addon/utils/nf/graph-event.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: addon/utils/nf/graph-event.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport GraphPosition from &#x27;./graph-position&#x27;;\n\n/**\n  Event object for graph events\n  @namespace utils.nf\n  @class graph-event\n  @extends graph-position\n*/\nexport default GraphPosition.extend({\n  /**\n    The original event that triggered this event or action\n    @property originalEvent\n    @type Event\n    @default null\n  */\n  originalEvent: null,\n\n  /**\n    A data value passed with the event\n    @property data\n    @type any\n    @default null\n  */\n  data: null,\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/addon_utils_nf_graph-mouse-event.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>addon/utils/nf/graph-mouse-event.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: addon/utils/nf/graph-mouse-event.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport GraphPosition from &#x27;./graph-position&#x27;;\nimport { getMousePoint } from &#x27;./svg-dom&#x27;;\nimport computed from &#x27;ember-new-computed&#x27;;\n\nconst { reads } = Ember.computed;\n\n/**\n  An event context object generally returned by tracking events. Also used as\n  &#x60;trackedData&#x60; in components such as &#x60;nf-line&#x60;, &#x60;nf-area&#x60; and &#x60;nf-bars&#x60;.\n  \n  @namespace utils.nf\n  @class graph-mouse-event\n  @extends graph-position\n*/\nexport default GraphPosition.extend({\n  /**\n    The original event that triggered the action or ember event\n    @property originalEvent\n    @type MouseEvent\n    @default null\n  */\n  originalEvent: null,\n\n  /**\n    Method used to get the mouse position relative to a container\n    @method _getMousePoint\n    @private\n  */\n  _getMousePoint: getMousePoint,\n\n  /**\n    The coordinates of the mouse relative to eh nf-graph-content\n    @property _mousePoint\n    @type Object\n    @readonly\n    @private\n  */\n  _mousePoint: computed(&#x27;originalEvent&#x27;, &#x27;graphContentElement&#x27;, {\n    get() {\n      return this._getMousePoint(this.get(&#x27;graphContentElement&#x27;), this.get(&#x27;originalEvent&#x27;));\n    }\n  }),\n\n  /**\n    The nf-graph-content element of the nf-graph\n    @property graphContentElement\n    @type SVGGElement\n    @readonly\n  */\n  graphContentElement: null,\n\n  /**\n    The mouse x position relative to the graph content\n    @property mouseX\n    @type Number\n    @readonly\n  */\n  mouseX: reads(&#x27;_mousePoint.x&#x27;),\n\n  /**\n    The mouse y position relative to the graph content\n    @property mouseY\n    @type Number\n    @readonly\n  */\n  mouseY: reads(&#x27;_mousePoint.y&#x27;),\n\n  /**\n    A positioning object for the mouse position\n    @property mousePosition\n    @type graph-position\n    @readonly\n  */\n  mousePosition: computed(&#x27;mouseX&#x27;, &#x27;mouseY&#x27;, &#x27;source&#x27;, &#x27;graph&#x27;, {\n    get() {\n      return GraphPosition.create({\n        graphX: this.get(&#x27;mouseX&#x27;),\n        graphY: this.get(&#x27;mouseY&#x27;),\n        source: this.get(&#x27;source&#x27;),\n        graphContentElement: this.get(&#x27;graphContentElement&#x27;),\n      });\n    }\n  }),\n\n  /**\n    The raw data point nearest the mouse.graphX position\n    @property nearestDataPoint\n    @type Array\n    @readonly\n  */\n  nearestDataPoint: computed(&#x27;source&#x27;, &#x27;mouse.graphX&#x27;, {\n    get() {\n      var mouseX = this.get(&#x27;mouseX&#x27;);\n      var source = this.get(&#x27;source&#x27;);\n      return source ? source.getDataNearXRange(mouseX) : undefined;\n    }\n  }),\n\n  /**\n    The x domain value at the nearest data point to the mouse position\n    along the x axis.\n    @property x\n    @readonly\n  */\n  x: computed(&#x27;nearestDataPoint&#x27;, {\n    get() {\n      var nearestDataPoint = this.get(&#x27;nearestDataPoint&#x27;);\n      this._x =  nearestDataPoint ? nearestDataPoint[0] : undefined;\n      return this._x;\n    }\n  }),\n\n  /**\n    The y domain value at the nearest data point to the mouse position\n    along the x axis.\n    @property y\n    @readonly\n  */\n  y: computed(&#x27;nearestDataPoint&#x27;, {\n    get() {\n      var nearestDataPoint = this.get(&#x27;nearestDataPoint&#x27;);\n      this._y = nearestDataPoint ? nearestDataPoint[1] : undefined;\n      return this._y;\n    }\n  }),\n\n  /**\n    The data carried by the nearest data point to the mouse position\n    along the x axis.\n    @property data\n    @readonly\n  */\n  data: reads(&#x27;nearestDataPoint.data&#x27;),\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/addon_utils_nf_graph-position.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>addon/utils/nf/graph-position.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: addon/utils/nf/graph-position.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport computed from &#x27;ember-new-computed&#x27;;\n\nconst { reads } = Ember.computed;\n\n/**\n  Position calculation class for nf-graph related events\n  @namespace utils.nf\n  @class graph-position\n  @extends Ember.Object\n*/\nexport default Ember.Object.extend({\n  /**\n    @property graph\n    @type component.nf-graph\n    @default null\n  */\n  graph: null,\n\n  /**\n    @property source\n    @type Ember.Component\n  */\n  source: null,\n\n  /**\n    The x position relative to graph\n    @property graphX\n    @type Number\n  */\n  graphX: computed(&#x27;x&#x27;, &#x27;xScale&#x27;, {\n    get() {\n      var scale = this.get(&#x27;xScale&#x27;);\n      if(scale) {\n        var x = this.get(&#x27;x&#x27;);\n        this._graphX = scale(x);\n      }\n      return this._graphX || NaN;\n    },\n    set(key, value) {\n      return this._graphX = value || NaN;\n    }\n  }),\n\n  /**\n    The y position relative to graph\n    @property graphY\n    @type Number\n  */\n  graphY: computed(&#x27;y&#x27;, &#x27;yScale&#x27;, {\n    get() {\n      var scale = this.get(&#x27;yScale&#x27;);\n      if(scale) {\n        var y = this.get(&#x27;y&#x27;);\n        this._graphY = scale(y);\n      }\n      return this._graphY || NaN;\n    },\n    set(key, value) {\n      return this._graphY = value || NaN;\n    }\n  }),\n\n  /**\n    The x domain value\n    @property x\n    @type Number\n  */\n  x: computed(&#x27;graphX&#x27;, &#x27;xScale&#x27;, {\n    get() {\n      var scale = this.get(&#x27;xScale&#x27;);\n      if (scale &amp;&amp; scale.invert){\n        var graphX = this.get(&#x27;graphX&#x27;);\n        this._x = scale.invert(graphX);\n      }\n      return this._x || 0;\n    },\n    set(key, value) {\n      return this._x = value;\n    }\n  }),\n\n  /**\n    The y domain value\n    @property y\n    @type Number\n  */\n  y: computed(&#x27;graphY&#x27;, &#x27;yScale&#x27;, {\n    get() {\n      var scale = this.get(&#x27;yScale&#x27;);\n      if (scale &amp;&amp; scale.invert){\n        var graphY = this.get(&#x27;graphY&#x27;);\n        this._y = scale.invert(graphY);\n      }\n      return this._y || 0;\n    },\n    set(key, value) {\n      return this._y = value;\n    }\n  }),\n\n  /**\n    The x position relative to the document\n    @property pageX\n    @type Number\n  */\n  pageX: computed(&#x27;graphX&#x27;, &#x27;graphOffset&#x27;, &#x27;graphContentX&#x27;, {\n    get() {\n      var offset = this.get(&#x27;graphOffset&#x27;);\n      if(offset) {\n        var graphX = this.get(&#x27;graphX&#x27;) || 0;\n        var graphContentX = this.get(&#x27;graphContentX&#x27;) || 0;\n        return offset.left + graphX + graphContentX;\n      }\n    }\n  }),\n\n  /**\n    The y position relative to the document\n    @property pageY\n    @type Number\n  */\n  pageY: computed(&#x27;graphY&#x27;, &#x27;graphOffset&#x27;, &#x27;graphContentY&#x27;, {\n    get() {\n      var offset = this.get(&#x27;graphOffset&#x27;);\n      if(offset) {\n        var graphY = this.get(&#x27;graphY&#x27;) || 0;\n        var graphContentY = this.get(&#x27;graphContentY&#x27;) || 0;\n        return offset.top + graphY + graphContentY;\n      }\n    }\n  }),\n\n  /**\n    The x scale from either the source or graph used to calculate positions\n    @property xScale\n    @type d3.scale\n    @readonly\n  */\n  xScale: computed(&#x27;graph.xScale&#x27;, &#x27;source.xScale&#x27;, {\n    get() {\n      return this.get(&#x27;source.xScale&#x27;) || this.get(&#x27;graph.xScale&#x27;);\n    }\n  }),\n\n  /**\n    The y scale from either the source or graph used to calculate positions\n    @property yScale\n    @type d3.scale\n    @readonly\n  */\n  yScale: computed(&#x27;graph.yScale&#x27;, &#x27;source.yScale&#x27;, {\n    get() {\n      return this.get(&#x27;source.yScale&#x27;) || this.get(&#x27;graph.yScale&#x27;);\n    }\n  }),\n\n  /**\n    The JQuery offset of the graph element\n    @property graphOffset\n    @type Object\n    @readonly\n  */\n  graphOffset: computed(&#x27;graph&#x27;, {\n    get() {\n      var graph = this.get(&#x27;graph&#x27;);\n      if(graph) {\n        var content = graph.$(&#x27;.nf-graph-content&#x27;);\n        return content ? content.offset() : undefined;\n      }\n    }\n  }),\n\n  /**\n    The center point at x. Use in case of requiring a center point \n    and using ordinal scale.\n    @property centerX\n    @type Number\n  */\n  centerX: computed(&#x27;xScale&#x27;, &#x27;graphX&#x27;, {\n    get() {\n      var scale = this.get(&#x27;xScale&#x27;);\n      var graphX = this.get(&#x27;graphX&#x27;);\n      if(scale &amp;&amp; scale.rangeBand) {\n        var rangeBand = scale.rangeBand();\n        return graphX + (rangeBand / 2);\n      }\n      return graphX;\n    }\n  }),\n\n  /**\n    The center point at y. Use in case of requiring a center point \n    and using ordinal scale.\n    @property centerY\n    @type Number\n  */\n  centerY: computed(&#x27;yScale&#x27;, &#x27;graphY&#x27;, {\n    get() {\n      var scale = this.get(&#x27;yScale&#x27;);\n      var graphY = this.get(&#x27;graphY&#x27;);\n      if(scale &amp;&amp; scale.rangeBand) {\n        var rangeBand = scale.rangeBand();\n        return graphY + (rangeBand / 2);\n      }\n      return graphY;\n    }\n  }),\n\n  /**\n    The x position of the nf-graph-content within the nf-graph\n    @property _graphContentX\n    @type Number\n    @private\n  */\n  graphContentX: reads(&#x27;graph.graphX&#x27;),\n\n  /**\n    The y position of the nf-graph-content within the nf-graph\n    @property _graphContentY\n    @type Number\n    @private\n  */\n  graphContentY: reads(&#x27;graph.graphY&#x27;),\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/addon_utils_nf_scale-utils.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>addon/utils/nf/scale-utils.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: addon/utils/nf/scale-utils.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\n/**\n  utilities for dealing with d3 scales\n  @namespace utils.nf\n  @module scale-utils\n*/\n\n/**\n  Ensures the output of a scale function is something palatable by SVG.\n  @method normalizeScale\n  @param scale {d3.scale} the scale to use to get the value\n  @param val {any} the value to transform with the scale\n  @return {Number} the output of the scale function, but if NaN, it will return 0.\n*/\nfunction normalizeScale(scale, val) {\n  return (scale ? scale(val) : 0) || 0;\n}\n\nexport { normalizeScale };\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/addon_utils_nf_scroll-area-action-context.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>addon/utils/nf/scroll-area-action-context.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: addon/utils/nf/scroll-area-action-context.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport computed from &#x27;ember-new-computed&#x27;;\n\n/**\n  Action context event object for an nf-scroll-area scroll event.\n  @namespace utils.nf\n  @class scroll-area-action-context\n*/\nexport default Ember.Object.extend({\n  /**\n    The scroll top in pixels.\n    @property scrollTop\n    @type Number\n    @default 0\n  */\n  scrollTop: 0,\n\n  /**\n    The scroll height of the element.\n    @property scrollHeight\n    @type number\n    @default 0\n  */\n  scrollHeight: 0,\n\n  /**\n    The outer height of the element\n    @property outerHeight\n    @type Number\n    @default 0\n  */\n  outerHeight: 0,\n\n  /**\n    The scroll left in pixels.\n    @property scrollLeft\n    @type Number\n    @default 0\n  */\n  scrollLeft: 0,\n\n  /**\n    The scroll width of the element.\n    @property scrollWidth\n    @type number\n    @default 0\n  */\n  scrollWidth: 0,\n\n  /**\n    The outer width of the element\n    @property outerWidth\n    @type Number\n    @default 0\n  */\n  outerWidth: 0,\n\n  /**\n    The calculated maximum value for scrollTop in pixels.\n    @property scrollTopMax\n    @type Number\n    @readonly\n  */\n  scrollTopMax: computed(&#x27;outerHeight&#x27;, &#x27;scrollHeight&#x27;, {\n    get() {\n      return this.get(&#x27;scrollHeight&#x27;) - this.get(&#x27;outerHeight&#x27;);\n    }\n  }),\n\n  /**\n    The calculated percentage, in decimals, of content scrolled.\n    @property scrollTopPercentage\n    @type Number\n    @readonly\n  */\n  scrollTopPercentage: computed(&#x27;scrollTop&#x27;, &#x27;scrollTopMax&#x27;, {\n    get() {\n      return this.get(&#x27;scrollTop&#x27;) / this.get(&#x27;scrollTopMax&#x27;);\n    }\n  }),\n  \n  /**\n    The calculated maximum value for scrollTop in pixels.\n    @property scrollLeftMax\n    @type Number\n    @readonly\n  */\n  scrollLeftMax: computed(&#x27;outerWidth&#x27;, &#x27;scrollWidth&#x27;, {\n    get() {\n      return this.get(&#x27;scrollWidth&#x27;) - this.get(&#x27;outerWidth&#x27;);\n    }\n  }),\n\n  /**\n    The calculated percentage, in decimals, of content scrolled.\n    @property scrollLeftPercentage\n    @type Number\n    @readonly\n  */\n  scrollLeftPercentage: computed(&#x27;scrollLeft&#x27;, &#x27;scrollLeftMax&#x27;, {\n    get() {\n      return this.get(&#x27;scrollLeft&#x27;) / this.get(&#x27;scrollLeftMax&#x27;);\n    }\n  }),\n\n  /**\n    The component that fired the event\n    @property source\n    @type Ember.Component\n    @default null\n  */\n  source: null,\n\n  /**\n    The optional data to send with the action\n    @property data\n    @default null\n  */\n  data: null,\n\n  /**\n    The original scroll event object\n    @property originalEvent\n    @type Event\n    @default null\n  */\n  originalEvent: null,\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/addon_utils_nf_svg-dom.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>addon/utils/nf/svg-dom.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: addon/utils/nf/svg-dom.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\n/* globals getComputedStyle, Image, Blob, URL */\n/**\n  @module utils/nf/svg-dom\n*/\n\n/**\n  Traverses an element and all of its descendants, setting their\n  inline style property to whatever the computed style is.\n  @method inlineAllStyles\n  @param element {Element} the dom element to traverse.\n  @private\n*/\nfunction inlineAllStyles(element) {\n  var styles = getComputedStyle(element);\n  for(var key in styles) {\n    if(styles.hasOwnProperty(key)) {\n      element.style[key] = styles[key];\n    }\n  }\n\n  for(var i = 0; i &lt; element.childNodes.length; i++) {\n    var node = element.childNodes[i];\n    if(node.nodeType === 1) {\n      inlineAllStyles(node);\n    }\n  }\n}\n\n/**\n  Renders an SVG element to a Base64 encoded data URI.\n  @method svgToImageUrl\n  @param svg {SVGSVGElement} the svg element to render\n*/\nexport function svgToImageUrl(svg, callback) {\n  var clone = svg.cloneNode(true);\n  var parent = svg.parentElement;\n\n  var canvas = document.createElement(&#x27;canvas&#x27;);\n  canvas.setAttribute(&#x27;width&#x27;, svg.getAttribute(&#x27;width&#x27;));\n  canvas.setAttribute(&#x27;height&#x27;, svg.getAttribute(&#x27;height&#x27;));\n  var context = canvas.getContext(&#x27;2d&#x27;);\n\n  parent.insertBefore(clone, svg);\n  clone.setAttribute(&#x27;xmlns&#x27;, &#x27;http://www.w3.org/2000/svg&#x27;);\n\n  inlineAllStyles(clone);\n\n  var img = new Image();\n  var blob = new Blob([clone.outerHTML], { type: &#x27;image/svg+xml;charset=utf-8&#x27; });\n  clone.remove();\n  var url = URL.createObjectURL(blob);\n\n  img.onload = function(){\n    context.drawImage(img, 0, 0);\n    URL.revokeObjectURL(url);\n    if(callback) {\n      callback(canvas.toDataURL());\n    }\n    canvas.remove();\n  };\n\n  img.src = url;\n}\n\n/**\n  Triggers a download of an image rendered from the passed svg document\n  @method downloadSvg\n  @param svg {SVGSVGElement} the svg document to render\n*/\nexport function downloadSvg(svg) {\n  svgToImageUrl(svg, function(url) {\n    var dlUrl = url.replace(&#x27;image/png&#x27;, &#x27;image/octet-stream&#x27;);\n    location.href = dlUrl;\n  });\n}\n\n/**\n  @method getMousePoint\n  @param container {SVGElement} the container reference to get the mouse position from\n  @param e {MouseEvent} A DOM mouse event\n  @return {Object} the {x, y} data of the mouse position relative to the container\n*/\nexport function getMousePoint(container, e) {\n  var x, y;\n\n  if(e &amp;&amp; e.hasOwnProperty(&#x27;clientX&#x27;) &amp;&amp; e.hasOwnProperty(&#x27;clientY&#x27;)) {\n    var svg = container.ownerSVGElement || container;\n    if (svg.createSVGPoint) {\n      var point = svg.createSVGPoint();\n      point.x = e.clientX;\n      point.y = e.clientY;\n      point = point.matrixTransform(container.getScreenCTM().inverse());\n      x = point.x;\n      y = point.y;\n    } else {\n      var rect = container.getBoundingClientRect();\n      x = e.clientX - rect.left - container.clientLeft;\n      y = e.clientY - rect.top - container.clientTop;\n    }\n  }\n\n  return {\n    x: x,\n    y: y,\n  };\n}\n\n/**\n  Creates an SVG path string for a rectangle\n  @method getRectPath\n  @param x the x position of the rectangle\n  @param y {Number} the y position of the rectangle\n  @param w {Number} the width of the rectangle\n  @param h {Number} the height of the rectangle\n  @return {String} the svg path string for the rectangle\n*/\nexport function getRectPath(x, y, w, h) {\n  x = +x || 0;\n  y = +y || 0;\n  w = +w || 0;\n  h = +h || 0;\n  var x2 = w + x;\n  var y2 = h + y;\n  return &#x60;M${x},${y} L${x},${y2} L${x2},${y2} L${x2},${y} L${x},${y}&#x60;;\n}\n\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/addon_utils_parse-property-expression.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>addon/utils/parse-property-expression.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: addon/utils/parse-property-expression.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\n/**\n  A function that will parse a path expression into a &quot;getter&quot; function that\n  can retrieve a value from that path off of any object when called.\n\n  ### Example\n        \n        import parsePropertyExpr from &#x27;utils/parse-property-expr&#x27;;\n\n        var test = { foo: { bar: [&#x27;apple&#x27;, &#x27;banana&#x27;] } };\n        var getFooBar1 = parsePropertyExpr(&#x27;foo.bar[1]&#x27;);\n        var result = getFooBar1(test);\n        console.log(result); // &quot;banana&quot;\n\n  ### Notes\n\n  Will return &#x60;undefined&#x60; if the nothing is at the end of the path, or the\n  path cannot be reached.\n\n  @namespace utils\n  @class parse-property-expression\n*/\n\n\n/**  \n  @method default\n  @param expr {String} the expression to parse\n  @return {Function} a function that when called with an object,\n  will locate the value at the end of the expressed path.\n*/\nexport default function parsePropertyExpression(expr) {\n  var c, i;\n  var isIndex = false;\n  var token = &#x27;&#x27;;\n  var tokens = [];\n  var addToken = function(){\n    if(token === &#x27;&#x27;) {\n      return;\n    }\n    if(isIndex) {\n      token = +token;\n    }\n    tokens.push(token);\n    token = &#x27;&#x27;;\n    isIndex = c === &#x27;[&#x27;;    \n  };\n  \n  for(i = 0; i &lt; expr.length; i++) {\n    c = expr[i];\n    if(&#x27;[].&#x27;.indexOf(c) &gt;= 0) {\n      addToken();\n    } else {\n      token += c;\n    }\n  }\n  \n  addToken();\n  \n  return function(obj){\n    var i, next;\n    var result = obj[tokens[0]];\n    if(result) {\n      for(i = 1; i &lt; tokens.length; i++) {\n        next = result[tokens[i]];\n        if(typeof next !== &#x27;object&#x27;) {\n          return next;\n        }\n        result = next;\n      }\n    }\n    return result;\n  };\n}\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-area-stack.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-area-stack.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-area-stack.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\n\n/**\n  A component for grouping and stacking &#x60;nf-area&#x60; components in an &#x60;nf-graph&#x60;.\n  \n  This component looks at the order of the &#x60;nf-area&#x60; components underneath it \n  and uses the ydata of the next sibling &#x60;nf-area&#x60; component to determine the bottom \n  of each &#x60;nf-area&#x60; components path to be drawn.\n\n  ### Example\n\n      {{#nf-graph width=300 height=100}}\n        {{#nf-graph-content}}\n          {{#nf-area-stack}}\n            {{nf-area data=myData xprop=&quot;time&quot; yprop=&quot;high&quot;}}\n            {{nf-area data=myData xprop=&quot;time&quot; yprop=&quot;med&quot;}}\n            {{nf-area data=myData xprop=&quot;time&quot; yprop=&quot;low&quot;}}\n          {{/nf-area-stack}}\n        {{/nf-graph-content}}\n      {{/nf-graph}}\n\n  @namespace components\n  @class nf-area-stack \n*/\nexport default Ember.Component.extend({\n  tagName: &#x27;g&#x27;,\n\n  /**\n    Used by &#x60;nf-area&#x60; to identify an area stack parent\n    @property isAreaStack\n    @type Boolean\n    @default true\n    @readonly\n  */\n  isAreaStack: true,\n\n  /**\n    Whether or not to add the values together to create the stacked area\n    @property aggregate\n    @type {boolean}\n    @default false\n  */\n  aggregate: Ember.computed(function(key, value) {\n    if(arguments.length &gt; 1) {\n      this._aggregate = value;\n    } else if(typeof this._aggregate === &#x27;undefined&#x27;) {\n      Ember.warn(&#x27;nf-area-stack.aggregate must be set. Currently defaulting to &#x60;false&#x60; but will default to &#x60;true&#x60; in the future.&#x27;)\n      this._aggregate = false;\n    }\n    return this._aggregate;\n  }),\n\n  /**\n    The collection of &#x60;nf-area&#x60; components under this stack.\n    @property areas\n    @type Array\n    @readonly\n  */\n  areas: Ember.computed(function(){\n    return Ember.A();\n  }),\n\n  /**\n    Registers an area component with this stack. Also links areas to one\n    another by setting &#x60;nextArea&#x60; on each area component.\n    @method registerArea\n    @param area {Ember.Component} The area component to register.\n  */\n  registerArea: function(area) {\n    var areas = this.get(&#x27;areas&#x27;);\n    var prev = areas[areas.length - 1];\n    \n    if(prev) {\n      prev.set(&#x27;nextArea&#x27;, area);\n      area.set(&#x27;prevArea&#x27;, prev);\n    }\n    \n    areas.pushObject(area);\n  },\n\n  /**\n    Unregisters an area component from this stack. Also updates next\n    and previous links.\n    @method unregisterArea\n    @param area {Ember.Component} the area to unregister\n  */\n  unregisterArea: function(area) {\n    var prev = area.get(&#x27;prevArea&#x27;);\n    var next = area.get(&#x27;nextArea&#x27;);\n\n    if(next) {\n      next.set(&#x27;prevArea&#x27;, prev);\n    }\n    \n    if(prev) {\n      prev.set(&#x27;nextArea&#x27;, next);\n    }\n\n    this.get(&#x27;areas&#x27;).removeObject(area);\n  },\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-area.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-area.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-area.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport Selectable from &#x27;ember-nf-graph/mixins/graph-selectable-graphic&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport RegisteredGraphic from &#x27;ember-nf-graph/mixins/graph-registered-graphic&#x27;;\nimport DataGraphic from &#x27;ember-nf-graph/mixins/graph-data-graphic&#x27;;\nimport AreaUtils from &#x27;ember-nf-graph/mixins/graph-area-utils&#x27;;\nimport GraphicWithTrackingDot from &#x27;ember-nf-graph/mixins/graph-graphic-with-tracking-dot&#x27;;\nimport RequireScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\nimport LineUtils from &#x27;ember-nf-graph/mixins/graph-line-utils&#x27;;\n\n/**\n  Adds an area graph to an &#x60;nf-graph&#x60; component.\n  \n  Optionally, if it&#x27;s located within an &#x60;nf-area-stack&#x60; component, it will work with\n  sibling &#x60;nf-area&#x60; components to create a stacked graph.\n  @namespace components\n  @class nf-area\n  @extends Ember.Component\n  @uses mixins.graph-area-utils\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-selectable-graphic\n  @uses mixins.graph-registered-graphic\n  @uses mixins.graph-data-graphic\n  @uses mixins.graph-graphic-with-tracking-dot\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Ember.Component.extend(HasGraphParent, RegisteredGraphic, DataGraphic, \n  Selectable, AreaUtils, GraphicWithTrackingDot, RequireScaleSource, LineUtils, {    \n\n    tagName: &#x27;g&#x27;,\n    \n    classNameBindings: [&#x27;:nf-area&#x27;, &#x27;selected&#x27;, &#x27;selectable&#x27;],\n\n    /**\n      The type of d3 interpolator to use to create the area\n      @property interpolator\n      @type String\n      @default &#x27;linear&#x27;\n    */\n    interpolator: &#x27;linear&#x27;,\n\n    /**\n      The previous area in the stack, if this area is part of an &#x60;nf-area-stack&#x60;\n      @property prevArea\n      @type components.nf-area\n      @default null\n    */\n    prevArea: null,\n\n    /**\n      The next area in the stack, if this area is part of an &#x60;nf-area-stack&#x60;\n      @property nextArea\n      @type components.nf-area\n      @default null\n    */\n    nextArea: null,\n\n    init() {\n      this._super(...arguments);\n      var stack = this.nearestWithProperty(&#x27;isAreaStack&#x27;);\n      if(stack) {\n        stack.registerArea(this);\n        this.set(&#x27;stack&#x27;, stack);\n      }\n    },\n\n    /**\n      Override from &#x60;graph-data-graphic&#x60; mixin\n      @method getActualTrackData\n    */\n    getActualTrackData(renderX, renderY, data) {\n      return {\n        x: this.get(&#x27;xPropFn&#x27;)(data),\n        y: this.get(&#x27;yPropFn&#x27;)(data)\n      };\n    },\n\n    _unregister: Ember.on(&#x27;willDestroyElement&#x27;, function(){\n      var stack = this.get(&#x27;stack&#x27;, stack);\n      if(stack) {\n        stack.unregisterArea(this);\n      }\n    }),\n\n    /**\n      The computed set of next y values to use for the &quot;bottom&quot; of the graphed area.\n      If the area is part of a stack, this will be the &quot;top&quot; of the next area in the stack,\n      otherwise it will return an array of values at the &quot;bottom&quot; of the graph domain.\n      @property nextYData\n      @type Array\n      @readonly\n    */\n    nextYData: Ember.computed(&#x27;data.length&#x27;, &#x27;nextArea.data.@each&#x27;, function(){\n      var data = this.get(&#x27;data&#x27;);\n      if(!Array.isArray(data)) {\n        return [];\n      }\n      var nextData = this.get(&#x27;nextArea.mappedData&#x27;);\n      return data.map((d, i) =&gt; (nextData &amp;&amp; nextData[i] &amp;&amp; nextData[i][1]) || Number.MIN_VALUE);\n    }),\n\n    /**\n      The current rendered data &quot;zipped&quot; together with the nextYData.\n      @property mappedData\n      @type Array\n      @readonly\n    */\n    mappedData: Ember.computed(&#x27;data.[]&#x27;, &#x27;xPropFn&#x27;, &#x27;yPropFn&#x27;, &#x27;nextYData.@each&#x27;, &#x27;stack.aggregate&#x27;, function() {\n      var { data, xPropFn, yPropFn, nextYData } = this.getProperties(&#x27;data&#x27;, &#x27;xPropFn&#x27;, &#x27;yPropFn&#x27;, &#x27;nextYData&#x27;);\n      var aggregate = this.get(&#x27;stack.aggregate&#x27;);\n      if(Array.isArray(data)) {\n        return data.map((d, i) =&gt; {\n          var x = xPropFn(d);\n          var y = yPropFn(d);\n          var result = aggregate ? [x, y + nextYData[i], nextYData[i]] : [x, y, nextYData[i]];\n          result.data = d;\n          return result;\n        });\n      } else {\n        return [];\n      }\n    }),\n\n    areaFn: Ember.computed(&#x27;xScale&#x27;, &#x27;yScale&#x27;, &#x27;interpolator&#x27;, function(){\n      var { xScale, yScale, interpolator } = this.getProperties(&#x27;xScale&#x27;, &#x27;yScale&#x27;, &#x27;interpolator&#x27;);\n      return this.createAreaFn(xScale, yScale, interpolator);\n    }),\n\n    lineFn: Ember.computed(&#x27;xScale&#x27;, &#x27;yScale&#x27;, &#x27;interpolator&#x27;, function(){\n      var { xScale, yScale, interpolator } = this.getProperties(&#x27;xScale&#x27;, &#x27;yScale&#x27;, &#x27;interpolator&#x27;);\n      return this.createLineFn(xScale, yScale, interpolator);\n    }),\n\n    d: Ember.computed(&#x27;renderedData&#x27;, &#x27;areaFn&#x27;, function(){\n      var renderedData = this.get(&#x27;renderedData&#x27;);\n      return this.get(&#x27;areaFn&#x27;)(renderedData);\n    }),\n\n    dLine: Ember.computed(&#x27;renderedData&#x27;, &#x27;lineFn&#x27;, function(){\n      var renderedData = this.get(&#x27;renderedData&#x27;);\n      return this.get(&#x27;lineFn&#x27;)(renderedData);\n    }),\n\n    click: function(){\n      if(this.get(&#x27;selectable&#x27;)) {\n        this.toggleProperty(&#x27;selected&#x27;);\n      }\n    }\n  });\n\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-bars.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-bars.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-bars.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport DataGraphic from &#x27;ember-nf-graph/mixins/graph-data-graphic&#x27;;\nimport RegisteredGraphic from &#x27;ember-nf-graph/mixins/graph-registered-graphic&#x27;;\nimport parsePropExpr from &#x27;ember-nf-graph/utils/parse-property-expression&#x27;;\nimport RequireScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\nimport GraphicWithTrackingDot from &#x27;ember-nf-graph/mixins/graph-graphic-with-tracking-dot&#x27;;\nimport { normalizeScale } from &#x27;ember-nf-graph/utils/nf/scale-utils&#x27;;\nimport { getRectPath } from &#x27;ember-nf-graph/utils/nf/svg-dom&#x27;;\n\n/**\n  Adds a bar graph to an &#x60;nf-graph&#x60; component.\n\n  **Requires the graph has &#x60;xScaleType === &#x27;ordinal&#x27;&#x60;***\n\n  ** &#x60;showTrackingDot&#x60; defaults to &#x60;false&#x60; in this component **\n\n  @namespace components\n  @class nf-bars\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-registered-graphic\n  @uses mixins.graph-data-graphic\n  @uses mixins.graph-requires-scale-source\n  @uses mixins.graph-graphic-with-tracking-dot\n*/\nexport default Ember.Component.extend(HasGraphParent, RegisteredGraphic, DataGraphic, RequireScaleSource, GraphicWithTrackingDot, {\n  tagName: &#x27;g&#x27;,\n\n  classNames: [&#x27;nf-bars&#x27;],\n\n  _showTrackingDot: false,\n\n  /**\n    The name of the property on each data item containing the className for the bar rectangle\n    @property classprop\n    @type String\n    @default &#x27;className&#x27;\n  */\n  classprop: &#x27;className&#x27;,\n\n  /**\n    Gets the function to get the classname from each data item.\n    @property getBarClass\n    @readonly\n    @private\n  */\n  getBarClass: Ember.computed(&#x27;classprop&#x27;, function() {\n    var classprop = this.get(&#x27;classprop&#x27;);\n    return classprop ? parsePropExpr(classprop) : null;\n  }),\n\n  /**\n    The nf-bars-group this belongs to, if any.\n    @property group\n    @type components.nf-bars-group\n    @default null\n  */\n  group: null,\n\n  /**\n    The index of this component within the group, if any.\n    @property groupIndex\n    @type Number\n    @default null\n  */\n  groupIndex: null,\n\n  /**\n    The graph content height\n    @property graphHeight\n    @type Number\n    @readonly\n  */\n  graphHeight: Ember.computed.oneWay(&#x27;graph.graphHeight&#x27;),\n\n  /**\n    A scale provided by nf-bars-group to offset the bar rectangle output\n    @property barScale\n    @type d3.scale\n    @readonly\n  */\n  barScale: Ember.computed.oneWay(&#x27;group.barScale&#x27;),\n\n  /**\n    The width of each bar.\n    @property barWidth\n    @type Number\n    @readonly\n  */\n  barWidth: Ember.computed(&#x27;xScale&#x27;, &#x27;barScale&#x27;, function(){\n    var barScale = this.get(&#x27;barScale&#x27;);\n    if(barScale) {\n      return barScale.rangeBand();\n    }\n    var xScale = this.get(&#x27;xScale&#x27;);\n    return xScale &amp;&amp; xScale.rangeBand ? xScale.rangeBand() : 0;\n  }),\n\n  groupOffsetX: Ember.computed(&#x27;barScale&#x27;, &#x27;groupIndex&#x27;, function(){\n    var barScale = this.get(&#x27;barScale&#x27;);\n    var groupIndex = this.get(&#x27;groupIndex&#x27;);\n    return normalizeScale(barScale, groupIndex);\n  }),\n\n  /**\n    The bar models used to render the bars.\n    @property bars\n    @readonly\n  */\n  bars: Ember.computed(\n    &#x27;xScale&#x27;,\n    &#x27;yScale&#x27;,\n    &#x27;renderedData.@each&#x27;,\n    &#x27;graphHeight&#x27;,\n    &#x27;getBarClass&#x27;,\n    &#x27;barWidth&#x27;,\n    &#x27;groupOffsetX&#x27;,\n    function(){\n      var { renderedData, xScale, yScale, barWidth, graphHeight, getBarClass, groupOffsetX } = \n        this.getProperties(&#x27;renderedData&#x27;, &#x27;xScale&#x27;, &#x27;yScale&#x27;, &#x27;graphHeight&#x27;, &#x27;getBarClass&#x27;, &#x27;groupOffsetX&#x27;, &#x27;barWidth&#x27;);\n\n      var getRectPath = this._getRectPath;\n\n      if(!xScale || !yScale || !Ember.isArray(renderedData)) {\n        return null;\n      }\n\n      var w = barWidth;\n\n      return Ember.A(renderedData.map(function(data) {\n        var className = &#x27;nf-bars-bar&#x27; + (getBarClass ? &#x27; &#x27; + getBarClass(data.data) : &#x27;&#x27;);\n        var x = normalizeScale(xScale, data[0]) + groupOffsetX;\n        var y = normalizeScale(yScale, data[1]);\n        var h = graphHeight - y;\n        var path = getRectPath(x, y, w, h);\n\n        return { path, className, data };\n      }));\n    }\n  ),\n\n  _getRectPath: getRectPath,\n\n  /**\n    The name of the action to fire when a bar is clicked.\n    @property barClick\n    @type String\n    @default null\n  */\n  barClick: null,\n\n  init() {\n    this._super(...arguments);\n    var group = this.nearestWithProperty(&#x27;isBarsGroup&#x27;);\n    if(group &amp;&amp; group.registerBars) {\n      group.registerBars(this);\n    }\n  },\n\n  actions: {\n    nfBarClickBar: function(dataPoint) {\n      if(this.get(&#x27;barClick&#x27;)) {\n        this.sendAction(&#x27;barClick&#x27;, {\n          data: dataPoint.data,\n          x: dataPoint[0],\n          y: dataPoint[1],\n          source: this,\n          graph: this.get(&#x27;graph&#x27;),\n        });\n      }\n    }\n  }\n\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-crosshair.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-crosshair.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-crosshair.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\n\n/**\n  A component that adds a &quot;crosshair&quot; to an &#x60;nf-graph&#x60; that follows the mouse\n  while it&#x27;s hovering over the graph content.\n  @namespace components\n  @class nf-crosshair\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n*/\nexport default Ember.Component.extend(HasGraphParent, {\n  tagName: &#x27;g&#x27;,\n\n  classNames: [&#x27;nf-crosshair&#x27;],\n\n  /**\n    The height of the crosshair in pixels\n    @property height\n    @type Number\n    @readonly\n  */\n  height: Ember.computed.alias(&#x27;graph.graphHeight&#x27;),\n\n  /**\n    The width of the crosshair in pixels\n    @property width\n    @type Number\n    @readonly\n  */\n  width: Ember.computed.alias(&#x27;graph.graphWidth&#x27;),\n\n  /**\n    The x position of the crosshairs\n    @property x\n    @type Number\n    @default 0\n  */\n  x: 0,\n\n  /**\n    The y position of the crosshairs\n    @property y\n    @type Number\n    @default 0\n  */\n  y: 0,\n\n  /**\n    The visibility of the component\n    @property isVisible\n    @type Boolean\n    @default false\n  */\n  isVisible: false,\n\n  didContentHoverChange: function(e) {\n    this.set(&#x27;isVisible&#x27;, true);\n    this.set(&#x27;x&#x27;, e.get(&#x27;mouseX&#x27;));\n    this.set(&#x27;y&#x27;, e.get(&#x27;mouseY&#x27;));\n  },\n\n  didContentHoverEnd: function() {\n    this.set(&#x27;isVisible&#x27;, false);\n  },\n\n  _setupBindings: Ember.observer(&#x27;graph.content&#x27;, function() {\n    var content = this.get(&#x27;graph.content&#x27;);\n    if(content) {\n      content.on(&#x27;didHoverChange&#x27;, this, this.didContentHoverChange);\n      content.on(&#x27;didHoverEnd&#x27;, this, this.didContentHoverEnd);\n    }\n  }),\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-dot.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-dot.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-dot.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport RequireScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\n\n/**\n  Plots a circle at a given x and y domain value on an &#x60;nf-graph&#x60;.\n\n  @namespace components\n  @class nf-dot\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Ember.Component.extend(HasGraphParent, RequireScaleSource, {\n  tagName: &#x27;circle&#x27;,\n\n  attributeBindings: [&#x27;r&#x27;, &#x27;cy&#x27;, &#x27;cx&#x27;],\n\n  /**\n    The x domain value at which to plot the circle\n    @property x\n    @type Number\n    @default null\n  */\n  x: null,\n  \n  /**\n    The y domain value at which to plot the circle\n    @property x\n    @type Number\n    @default null\n  */\n  y: null,\n  \n  /**\n    The radius of the circle plotted\n    @property r\n    @type Number\n    @default 2.5\n  */\n  r: 2.5,\n\n  hasX: Ember.computed.notEmpty(&#x27;x&#x27;),\n\n  hasY: Ember.computed.notEmpty(&#x27;y&#x27;),\n\n  /**\n    The computed center x coordinate of the circle\n    @property cx\n    @type Number\n    @private\n    @readonly\n  */\n  cx: Ember.computed(&#x27;x&#x27;, &#x27;xScale&#x27;, &#x27;hasX&#x27;, function(){\n    var x = this.get(&#x27;x&#x27;);\n    var xScale = this.get(&#x27;xScale&#x27;);\n    var hasX = this.get(&#x27;hasX&#x27;);\n    return hasX &amp;&amp; xScale ? xScale(x) : -1;\n  }),\n\n  /**\n    The computed center y coordinate of the circle\n    @property cy\n    @type Number\n    @private\n    @readonly\n  */\n  cy: Ember.computed(&#x27;y&#x27;, &#x27;yScale&#x27;, &#x27;hasY&#x27;, function() {\n    var y = this.get(&#x27;y&#x27;);\n    var yScale = this.get(&#x27;yScale&#x27;);\n    var hasY = this.get(&#x27;hasY&#x27;);\n    return hasY &amp;&amp; yScale ? yScale(y) : -1;\n  }),\n\n  /**\n    Toggles the visibility of the dot. If x or y are\n    not numbers, will return false.\n    @property isVisible\n    @private\n    @readonly\n  */\n  isVisible: Ember.computed.and(&#x27;hasX&#x27;, &#x27;hasY&#x27;),\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-gg.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-gg.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-gg.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport RequireScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\nimport SelectableGraphic from &#x27;ember-nf-graph/mixins/graph-selectable-graphic&#x27;;\n\n/**\n  A grouping tag that provides zooming and offset functionality to it&#x27;s children.\n\n  ## Example\n\n  The following example will show a line of &#x60;someData&#x60; with a 2x zoom, offset by 30px in both x and y\n  directions:\n\n        {{#nf-gg scaleZoomX=&quot;2&quot; scaleZoomY=&quot;2&quot; scaleOffsetX=&quot;30&quot; scaleOffsetY=&quot;30&quot;}}\n          {{nf-line data=someData}}\n        {{/nf-gg}}\n\n  @namespace components\n  @class nf-gg\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-require-scale-source\n  @uses mixins.graph-selecteble-graphic\n*/\nexport default Ember.Component.extend(HasGraphParent, RequireScaleSource, SelectableGraphic, {\n  tagName: &#x27;g&#x27;,\n  \n  classNameBindings: [&#x27;:nf-gg&#x27;, &#x27;selectable&#x27;, &#x27;selected&#x27;],\n\n  isScaleSource: true,\n\n  click: function() {\n    if(this.get(&#x27;selectable&#x27;)) {\n      this.toggleProperty(&#x27;selected&#x27;);\n    }\n  }\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-graph-content.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-graph-content.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-graph-content.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport GraphMouseEvent from &#x27;ember-nf-graph/utils/nf/graph-mouse-event&#x27;;\n\n/**\n  Container component for graphics to display in &#x60;nf-graph&#x60;. Represents\n  the area where the graphics, such as lines will display.\n  \n  Exists for layout purposes.\n  @namespace components\n  @class nf-graph-content\n  @uses mixins.graph-has-graph-parent\n*/  \nexport default Ember.Component.extend(HasGraphParent, {\n  tagName: &#x27;g&#x27;,\n  \n  classNames: [&#x27;nf-graph-content&#x27;],\n\n  attributeBindings: [&#x27;transform&#x27;, &#x27;clip-path&#x27;],\n\n  &#x27;clip-path&#x27;: Ember.computed(&#x27;graph.contentClipPathId&#x27;, function(){\n    var clipPathId = this.get(&#x27;graph.contentClipPathId&#x27;);\n    return  &#x60;url(&#x27;#${clipPathId}&#x27;)&#x60;;\n  }),\n\n  /**\n    The SVG transform for positioning the graph content\n    @property transform\n    @type String\n    @readonly\n  */\n  transform: Ember.computed(&#x27;x&#x27;, &#x27;y&#x27;, function(){\n    var x = this.get(&#x27;x&#x27;);\n    var y = this.get(&#x27;y&#x27;);\n    return &#x60;translate(${x} ${y})&#x60;;\n  }),\n\n  /**\n    The x position of the graph content\n    @property x\n    @type Number\n    @readonly\n  */\n  x: Ember.computed.alias(&#x27;graph.graphX&#x27;),\n\n  /**\n    The calculated y position of the graph content\n    @property y\n    @type Number\n    @readonly\n  */\n  y: Ember.computed.alias(&#x27;graph.graphY&#x27;),\n\n  /**\n    The calculated width of the graph content\n    @property width\n    @type Number\n    @readonly\n  */\n  width: Ember.computed.alias(&#x27;graph.graphWidth&#x27;),\n\n  /**\n    The calculated height of the graph content.\n    @property height\n    @type Number\n    @readonly\n  */\n  height: Ember.computed.alias(&#x27;graph.graphHeight&#x27;),\n\n\n  /**\n    An array containing models to render the grid lanes\n    @property gridLanes\n    @type Array\n    @readonly\n  */\n  gridLanes: Ember.computed(&#x27;graph.yAxis.ticks&#x27;, &#x27;width&#x27;, &#x27;height&#x27;, function () {\n    var ticks = this.get(&#x27;graph.yAxis.ticks&#x27;);\n    var width = this.get(&#x27;width&#x27;);\n    var height = this.get(&#x27;height&#x27;);\n\n    if(!ticks || ticks.length === 0) {\n      return Ember.A();\n    }\n\n    var sorted = ticks.slice().sort(function(a, b) {\n      return a.y - b.y;\n    });\n\n    if(sorted[0].y !== 0) {\n      sorted.unshift({ y: 0 });\n    }\n\n    var lanes = sorted.reduce(function(lanes, tick, i) {\n      var y = tick.y;\n      var next = sorted[i+1] || { y: height };\n      var h = next.y - tick.y;\n      lanes.push({\n        x: 0,\n        y: y,\n        width: width,\n        height: h\n      });\n      return lanes;\n    }, []);\n\n    return Ember.A(lanes);\n  }),\n\n  /**\n    The name of the hoverChange action to fire\n    @property hoverChange\n    @type String\n    @default null\n  */\n  hoverChange: null,\n\n  mouseMove: function(e) {\n    var context = GraphMouseEvent.create({\n      originalEvent: e,\n      source: this,\n      graphContentElement: this.element,\n    });\n\n    this.trigger(&#x27;didHoverChange&#x27;, context);\n\n    if(this.get(&#x27;hoverChange&#x27;)) {\n      this.sendAction(&#x27;hoverChange&#x27;, context);\n    }\n  },\n\n  /**\n    The name of the hoverEnd action to fire\n    @property hoverEnd\n    @type String\n    @default null\n  */\n  hoverEnd: null,\n\n  mouseLeave: function(e) {\n    var context = GraphMouseEvent.create({\n      originalEvent: e,\n      source: this,\n      graphContentElement: this.element\n    });\n    this.trigger(&#x27;didHoverEnd&#x27;, context);\n\n    if(this.get(&#x27;hoverEnd&#x27;)) {\n      this.sendAction(&#x27;hoverEnd&#x27;, context);\n    }\n  },\n\n  /**\n    An array containing models to render fret lines\n    @property frets\n    @type Array\n    @readonly\n  */\n  frets: Ember.computed.alias(&#x27;graph.xAxis.ticks&#x27;),\n\n  init(){\n    this._super(...arguments);\n    this.set(&#x27;graph.content&#x27;, this);\n  },\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-graph.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-graph.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-graph.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport GraphPosition from &#x27;ember-nf-graph/utils/nf/graph-position&#x27;;\nimport { getMousePoint } from &#x27;ember-nf-graph/utils/nf/svg-dom&#x27;;\nimport { toArray } from &#x27;ember-nf-graph/utils/nf/array-helpers&#x27;;\n\nvar Observable = Rx.Observable;\n\nvar computedBool = Ember.computed.bool;\n\nvar scaleFactoryProperty = function(axis) {\n  var scaleTypeKey = axis + &#x27;ScaleType&#x27;;\n  var powExponentKey = axis + &#x27;PowerExponent&#x27;;\n\n  return Ember.computed(scaleTypeKey, powExponentKey, function(){\n    var type = this.get(scaleTypeKey);\n    var powExp = this.get(powExponentKey);\n\n    type = typeof type === &#x27;string&#x27; ? type.toLowerCase() : &#x27;&#x27;;\n    \n    if(type === &#x27;linear&#x27;) {\n      return d3.scale.linear;\n    }\n\n    else if(type === &#x27;ordinal&#x27;) {\n      return function(){ \n        var scale = d3.scale.ordinal();\n        // ordinal scales don&#x27;t have an invert function, so we need to add one\n        scale.invert = function(rv) {\n          var [min, max] = d3.extent(scale.range());\n          var domain = scale.domain();\n          var i = Math.round((domain.length - 1) * (rv - min) / (max - min));\n          return domain[i];\n        };\n        return scale;\n      }\n    }\n    \n    else if(type === &#x27;power&#x27; || type === &#x27;pow&#x27;) {\n      return function(){\n        return d3.scale.pow().exponent(powExp);\n      };\n    }\n    \n    else if(type === &#x27;log&#x27;) {\n      return d3.scale.log;\n    }\n    \n    else {\n      Ember.warn(&#x27;unknown scale type: &#x27; + type);\n      return d3.scale.linear;\n    }\n  });\n};\n\nvar domainProperty = function(axis) {\n  var dataKey = axis + &#x27;UniqueData&#x27;;\n  var minKey = axis + &#x27;Min&#x27;;\n  var maxKey = axis + &#x27;Max&#x27;;\n  var scaleTypeKey = axis + &#x27;ScaleType&#x27;;\n  var logMinKey = axis + &#x27;LogMin&#x27;;\n\n  return Ember.computed(dataKey + &#x27;.@each&#x27;, minKey, maxKey, scaleTypeKey, logMinKey, function(){\n    var data = this.get(dataKey);\n    var min = this.get(minKey);\n    var max = this.get(maxKey);\n    var scaleType = this.get(scaleTypeKey);\n    var logMin = this.get(logMinKey);\n    var domain = null;\n\n    if(scaleType === &#x27;ordinal&#x27;) {\n      domain = data;\n    } else {\n      var extent = [min, max];\n\n      if(scaleType === &#x27;log&#x27;) {\n        if (extent[0] &lt;= 0) {\n          extent[0] = logMin;\n        }\n        if (extent[1] &lt;= 0) {\n          extent[1] = logMin;\n        }\n      }\n\n      domain = extent;\n    }\n\n    return domain;\n  });\n};\n\nvar scaleProperty = function(axis) {\n  var scaleFactoryKey = axis + &#x27;ScaleFactory&#x27;; \n  var rangeKey = axis + &#x27;Range&#x27;; \n  var domainKey = axis + &#x27;Domain&#x27;; \n  var scaleTypeKey = axis + &#x27;ScaleType&#x27;;\n  var ordinalPaddingKey = axis + &#x27;OrdinalPadding&#x27;; \n  var ordinalOuterPaddingKey = axis + &#x27;OrdinalOuterPadding&#x27;;\n\n  return Ember.computed(\n    scaleFactoryKey,\n    rangeKey,\n    scaleTypeKey,\n    ordinalPaddingKey,\n    domainKey,\n    ordinalOuterPaddingKey,\n    function(){\n      var scaleFactory = this.get(scaleFactoryKey);\n      var range = this.get(rangeKey);\n      var domain = this.get(domainKey);\n      var scaleType = this.get(scaleTypeKey);\n      var ordinalPadding = this.get(ordinalPaddingKey);\n      var ordinalOuterPadding = this.get(ordinalOuterPaddingKey);\n\n      var scale = scaleFactory();\n\n      if(scaleType === &#x27;ordinal&#x27;) {\n        scale = scale.domain(domain).rangeBands(range, ordinalPadding, ordinalOuterPadding);\n      } else {        \n        scale = scale.domain(domain).range(range).clamp(true);\n      }\n\n      return scale;\n    }\n  );\n};\n\nvar minProperty = function(axis, defaultTickCount){\n  var _DataExtent_ = axis + &#x27;DataExtent&#x27;;\n  var _MinMode_ = axis + &#x27;MinMode&#x27;;\n  var _Axis_tickCount_ = axis + &#x27;Axis.tickCount&#x27;;\n  var _ScaleFactory_ = axis + &#x27;ScaleFactory&#x27;;\n  var __Min_ = &#x27;_&#x27; + axis + &#x27;Min&#x27;;\n  var _prop_ = axis + &#x27;Min&#x27;;\n  var _autoScaleEvent_ = &#x27;didAutoUpdateMin&#x27; + axis.toUpperCase();\n\n  return Ember.computed(\n    _MinMode_,\n    _DataExtent_,\n    _Axis_tickCount_,\n    _ScaleFactory_,\n    function(key, value) {\n      var mode = this.get(_MinMode_);\n      var ext;\n\n      if(arguments.length &gt; 1) {\n        this[__Min_] = value;\n      } else {\n        var self = this;\n\n        var change = function(val) {\n          self.set(_prop_, val);\n          self.trigger(_autoScaleEvent_);\n        };\n\n        if(mode === &#x27;auto&#x27;) {\n          change(this.get(_DataExtent_)[0] || 0);\n        }\n\n        else if(mode === &#x27;push&#x27;) {\n          ext = this.get(_DataExtent_)[0];\n          if(!isNaN(ext) &amp;&amp; ext &lt; this[__Min_]) {\n            change(ext);\n          }\n        }\n\n        else if(mode === &#x27;push-tick&#x27;) {\n          var extent = this.get(_DataExtent_);\n          ext = extent[0];\n\n          if(!isNaN(ext) &amp;&amp; ext &lt; this[__Min_]) {\n            var tickCount = this.get(_Axis_tickCount_) || defaultTickCount;\n            var newDomain = this.get(_ScaleFactory_)().domain(extent).nice(tickCount).domain();\n            change(newDomain[0]);\n          }\n        }\n      }\n\n      return this[__Min_];\n    }\n  );\n};\n\nvar maxProperty = function(axis, defaultTickCount) {\n  var _DataExtent_ = axis + &#x27;DataExtent&#x27;;\n  var _Axis_tickCount_ = axis + &#x27;Axis.tickCount&#x27;;\n  var _ScaleFactory_ = axis + &#x27;ScaleFactory&#x27;;\n  var _MaxMode_ = axis + &#x27;MaxMode&#x27;;\n  var __Max_ = &#x27;_&#x27; + axis + &#x27;Max&#x27;;\n  var _prop_ = axis + &#x27;Max&#x27;;\n  var _autoScaleEvent_ = &#x27;didAutoUpdateMax&#x27; + axis.toUpperCase();\n\n  return Ember.computed(\n    _MaxMode_,\n    _DataExtent_,\n    _ScaleFactory_,\n    _Axis_tickCount_,\n    function(key, value) {\n      var mode = this.get(_MaxMode_);\n      var ext;\n\n      if(arguments.length &gt; 1) {\n        this[__Max_] = value;\n      } else {\n        var self = this;\n\n        var change = function(val) {\n          self.set(_prop_, val);\n          self.trigger(_autoScaleEvent_);\n        };\n\n        if(mode === &#x27;auto&#x27;) {\n          change(this.get(_DataExtent_)[1] || 1);\n        }\n\n        else if(mode === &#x27;push&#x27;) {\n          ext = this.get(_DataExtent_)[1];\n          if(!isNaN(ext) &amp;&amp; this[__Max_] &lt; ext) {\n            change(ext);\n          }\n        }\n\n        else if(mode === &#x27;push-tick&#x27;) {\n          var extent = this.get(_DataExtent_);\n          ext = extent[1];\n\n          if(!isNaN(ext) &amp;&amp; this[__Max_] &lt; ext) {\n            var tickCount = this.get(_Axis_tickCount_) || defaultTickCount;\n            var newDomain = this.get(_ScaleFactory_)().domain(extent).nice(tickCount).domain();\n            change(newDomain[1]);\n          }\n        }\n      }\n\n      return this[__Max_];\n    }\n  );\n};\n\n/**\n  A container component for building complex Cartesian graphs.\n\n  ## Minimal example\n\n       {{#nf-graph width=100 height=50}}\n         {{#nf-graph-content}}\n           {{nf-line data=lineData xprop=&quot;foo&quot; yprop=&quot;bar&quot;}}\n         {{/nf-graph-content}}\n       {{/nf-graph}}\n\n  The above will create a simple 100x50 graph, with no axes, and a single line\n  plotting the data it finds on each object in the array &#x60;lineData&#x60; at properties\n  &#x60;foo&#x60; and &#x60;bar&#x60; for x and y values respectively.\n\n  ## More advanced example\n\n       {{#nf-graph width=500 height=300}}\n         {{#nf-x-axis height=&quot;50&quot; as |tick|}}\n           &lt;text&gt;{{tick.value}}&lt;/text&gt;\n         {{/nf-x-axis}}\n\n         {{#nf-y-axis width=&quot;120&quot; as |tick|}}\n           &lt;text&gt;{{tick.value}}&lt;/text&gt;\n         {{/nf-y-axis}}\n   \n         {{#nf-graph-content}}\n           {{nf-line data=lineData xprop=&quot;foo&quot; yprop=&quot;bar&quot;}}\n         {{/nf-graph-content}}\n       {{/nf-graph}}\n\n  The above example will create a 500x300 graph with both axes visible. The graph will not \n  render either axis unless its component is present.\n\n\n  @namespace components\n  @class nf-graph\n  @extends Ember.Component\n*/\nexport default Ember.Component.extend({\n  tagName: &#x27;div&#x27;,  \n\n  /**\n    The exponent to use for xScaleType &quot;pow&quot; or &quot;power&quot;.\n    @property xPowerExponent\n    @type Number\n    @default 3\n  */\n  xPowerExponent: 3,\n\n  /**\n    The exponent to use for yScaleType &quot;pow&quot; or &quot;power&quot;.\n    @property yPowerExponent\n    @type Number\n    @default 3\n  */\n  yPowerExponent: 3,\n\n  /**\n    The min value to use for xScaleType &quot;log&quot; if xMin &lt;= 0\n    @property xLogMin\n    @type Number\n    @default 0.1\n  */\n  xLogMin: 0.1,\n\n  /**\n    The min value to use for yScaleType &quot;log&quot; if yMin &lt;= 0\n    @property yLogMin\n    @type Number\n    @default 0.1\n  */\n  yLogMin: 0.1,\n\n  /** \n    Allows child compoenents to identify graph parent.\n    @property isGraph\n    @private\n  */\n  isGraph: true,\n\n  /**\n    Identifies this graph to its children as providing scales.\n    @property isScaleSource\n    @private\n  */\n  isScaleSource: true,\n\n  /**\n    @property hasRendered\n    @private\n  */\n  hasRendered: false,\n\n  /**\n    Gets or sets the whether or not multiple selectable graphics may be\n    selected simultaneously.\n    @property selectMultiple\n    @type Boolean\n    @default false\n  */\n  selectMultiple: false,\n\n  /**\n    The width of the graph in pixels.\n    @property width\n    @type Number\n    @default 300\n  */\n  width: 300,\n\n  /**\n    The height of the graph in pixels.\n    @property height\n    @type Number\n    @default 100\n  */\n  height: 100,\n\n  /**\n    The padding at the top of the graph\n    @property paddingTop\n    @type Number\n    @default 0\n  */\n  paddingTop: 0,\n\n  /**\n    The padding at the left of the graph\n    @property paddingLeft\n    @type Number\n    @default 0\n  */\n  paddingLeft: 0,\n\n  /**\n    The padding at the right of the graph\n    @property paddingRight\n    @type Number\n    @default 0\n  */\n  paddingRight: 0,\n\n  /**\n    The padding at the bottom of the graph\n    @property paddingBottom\n    @type Number\n    @default 0\n  */\n  paddingBottom: 0,\n\n  /**\n    Determines whether to display &quot;lanes&quot; in the background of\n    the graph.\n    @property showLanes\n    @type Boolean\n    @default false\n  */\n  showLanes: false,\n\n  /**\n    Determines whether to display &quot;frets&quot; in the background of\n    the graph.\n    @property showFrets\n    @type Boolean\n    @default false \n  */\n  showFrets: false,\n\n  /**\n    The type of scale to use for x values.\n    \n    Possible Values:\n    - &#x60;&#x27;linear&#x27;&#x60; - a standard linear scale\n    - &#x60;&#x27;log&#x27;&#x60; - a logarithmic scale\n    - &#x60;&#x27;power&#x27;&#x60; - a power-based scale (exponent = 3)\n    - &#x60;&#x27;ordinal&#x27;&#x60; - an ordinal scale, used for ordinal data. required for bar graphs.\n    \n    @property xScaleType\n    @type String\n    @default &#x27;linear&#x27;\n  */\n  xScaleType: &#x27;linear&#x27;,\n\n  /**\n    The type of scale to use for y values.\n    \n    Possible Values:\n    - &#x60;&#x27;linear&#x27;&#x60; - a standard linear scale\n    - &#x60;&#x27;log&#x27;&#x60; - a logarithmic scale\n    - &#x60;&#x27;power&#x27;&#x60; - a power-based scale (exponent = 3)\n    - &#x60;&#x27;ordinal&#x27;&#x60; - an ordinal scale, used for ordinal data. required for bar graphs.\n    \n    @property yScaleType\n    @type String\n    @default &#x27;linear&#x27;\n  */\n  yScaleType: &#x27;linear&#x27;,\n  \n  /**\n    The padding between value steps when &#x60;xScaleType&#x60; is &#x60;&#x27;ordinal&#x27;&#x60;\n    @property xOrdinalPadding\n    @type Number\n    @default 0.1\n  */\n  xOrdinalPadding: 0.1,\n\n  /**\n    The padding at the ends of the domain data when &#x60;xScaleType&#x60; is &#x60;&#x27;ordinal&#x27;&#x60;\n    @property xOrdinalOuterPadding\n    @type Number\n    @default 0.1\n  */\n  xOrdinalOuterPadding: 0.1,\n\n  /**\n    The padding between value steps when &#x60;xScaleType&#x60; is &#x60;&#x27;ordinal&#x27;&#x60;\n    @property yOrdinalPadding\n    @type Number\n    @default 0.1\n  */\n  yOrdinalPadding: 0.1,\n\n  /**\n    The padding at the ends of the domain data when &#x60;yScaleType&#x60; is &#x60;&#x27;ordinal&#x27;&#x60;\n    @property yOrdinalOuterPadding\n    @type Number\n    @default 0.1\n  */\n  yOrdinalOuterPadding: 0.1,\n\n  /**\n    the &#x60;nf-y-axis&#x60; component is registered here if there is one present\n    @property yAxis\n    @readonly\n    @default null\n  */\n  yAxis: null,\n\n  /**\n    The &#x60;nf-x-axis&#x60; component is registered here if there is one present\n    @property xAxis\n    @readonly\n    @default null\n  */\n  xAxis: null,\n\n  /**\n    Backing field for &#x60;xMin&#x60;\n    @property _xMin\n    @private\n  */\n  _xMin: null,\n\n  /**\n    Backing field for &#x60;xMax&#x60;\n    @property _xMax\n    @private\n  */\n  _xMax: null,\n\n  /**\n    Backing field for &#x60;yMin&#x60;\n    @property _yMin\n    @private\n  */\n  _yMin: null,\n\n  /**\n    Backing field for &#x60;yMax&#x60;\n    @property _yMax\n    @private\n  */\n  _yMax: null,\n\n  /**\n    Gets or sets the minimum x domain value to display on the graph.\n    Behavior depends on &#x60;xMinMode&#x60;.\n    @property xMin\n  */\n  xMin: minProperty(&#x27;x&#x27;, 8),\n\n  /**\n    Gets or sets the maximum x domain value to display on the graph.\n    Behavior depends on &#x60;xMaxMode&#x60;.\n    @property xMax\n  */\n  xMax: maxProperty(&#x27;x&#x27;, 8),\n\n  /**\n    Gets or sets the minimum y domain value to display on the graph.\n    Behavior depends on &#x60;yMinMode&#x60;.\n    @property yMin\n  */\n  yMin: minProperty(&#x27;y&#x27;, 5),\n\n  /**\n    Gets or sets the maximum y domain value to display on the graph.\n    Behavior depends on &#x60;yMaxMode&#x60;.\n    @property yMax\n  */\n  yMax: maxProperty(&#x27;y&#x27;, 5),\n  \n\n  /**\n    Sets the behavior of &#x60;xMin&#x60; for the graph.\n\n    ### Possible values:\n\n    - &#x27;auto&#x27;: (default) xMin is always equal to the minimum domain value contained in the graphed data. Cannot be set.\n    - &#x27;fixed&#x27;: xMin can be set to an exact value and will not change based on graphed data.\n    - &#x27;push&#x27;: xMin can be set to a specific value, but will update if the minimum x value contained in the graph is less than \n      what xMin is currently set to.\n    - &#x27;push-tick&#x27;: xMin can be set to a specific value, but will update to next &quot;nice&quot; tick if the minimum x value contained in\n      the graph is less than that xMin is set to.\n\n    @property xMinMode\n    @type String\n    @default &#x27;auto&#x27;\n  */\n  xMinMode: &#x27;auto&#x27;,\n\n  /**\n    Sets the behavior of &#x60;xMax&#x60; for the graph.\n\n    ### Possible values:\n\n    - &#x27;auto&#x27;: (default) xMax is always equal to the maximum domain value contained in the graphed data. Cannot be set.\n    - &#x27;fixed&#x27;: xMax can be set to an exact value and will not change based on graphed data.\n    - &#x27;push&#x27;: xMax can be set to a specific value, but will update if the maximum x value contained in the graph is greater than \n      what xMax is currently set to.\n    - &#x27;push-tick&#x27;: xMax can be set to a specific value, but will update to next &quot;nice&quot; tick if the maximum x value contained in\n      the graph is greater than that xMax is set to.\n      \n    @property xMaxMode\n    @type String\n    @default &#x27;auto&#x27;\n  */\n  xMaxMode: &#x27;auto&#x27;,\n\n  /**\n    Sets the behavior of &#x60;yMin&#x60; for the graph.\n\n    ### Possible values:\n\n    - &#x27;auto&#x27;: (default) yMin is always equal to the minimum domain value contained in the graphed data. Cannot be set.\n    - &#x27;fixed&#x27;: yMin can be set to an exact value and will not change based on graphed data.\n    - &#x27;push&#x27;: yMin can be set to a specific value, but will update if the minimum y value contained in the graph is less than \n      what yMin is currently set to.\n    - &#x27;push-tick&#x27;: yMin can be set to a specific value, but will update to next &quot;nice&quot; tick if the minimum y value contained in\n      the graph is less than that yMin is set to.\n\n    @property yMinMode\n    @type String\n    @default &#x27;auto&#x27;\n  */\n  yMinMode: &#x27;auto&#x27;,\n\n  /**\n    Sets the behavior of &#x60;yMax&#x60; for the graph.\n\n    ### Possible values:\n\n    - &#x27;auto&#x27;: (default) yMax is always equal to the maximum domain value contained in the graphed data. Cannot be set.\n    - &#x27;fixed&#x27;: yMax can be set to an exact value and will not change based on graphed data.\n    - &#x27;push&#x27;: yMax can be set to a specific value, but will update if the maximum y value contained in the graph is greater than \n      what yMax is currently set to.\n    - &#x27;push-tick&#x27;: yMax can be set to a specific value, but will update to next &quot;nice&quot; tick if the maximum y value contained in\n      the graph is greater than that yMax is set to.\n      \n    @property yMaxMode\n    @type String\n    @default &#x27;auto&#x27;\n  */\n  yMaxMode: &#x27;auto&#x27;,\n\n  /**\n    The data extents for all data in the registered &#x60;graphics&#x60;.\n\n    @property dataExtents\n    @type {Object}\n    @default {\n      xMin: Number.MAX_VALUE,\n      xMax: Number.MIN_VALUE,\n      yMin: Number.MAX_VALUE,\n      yMax: Number.MIN_VALUE\n    }\n  */\n  dataExtents: Ember.computed(&#x27;graphics.@each.data&#x27;, function(){\n    var graphics = this.get(&#x27;graphics&#x27;);\n    return graphics.reduce((c, x) =&gt; c.concat(x.get(&#x27;mappedData&#x27;)), []).reduce((extents, [x, y]) =&gt; {\n      extents.xMin = extents.xMin &lt; x ? extents.xMin : x;\n      extents.xMax = extents.xMax &gt; x ? extents.xMax : x;\n      extents.yMin = extents.yMin &lt; y ? extents.yMin : y;\n      extents.yMax = extents.yMax &gt; y ? extents.yMax : y;\n      return extents;\n    }, {\n      xMin: Number.MAX_VALUE,\n      xMax: Number.MIN_VALUE,\n      yMin: Number.MAX_VALUE,\n      yMax: Number.MIN_VALUE\n    });\n  }),\n\n  /**\n    The action to trigger when the graph automatically updates the xScale \n    due to an &quot;auto&quot; &quot;push&quot; or &quot;push-tick&quot; domainMode.\n\n    sends the graph component instance value as the argument.\n\n    @property autoScaleXAction\n    @type {string}\n    @default null\n  */\n  autoScaleXAction: null,\n\n  _sendAutoUpdateXAction() {\n    this.sendAction(&#x27;autoScaleXAction&#x27;, this);\n  },\n\n  _sendAutoUpdateYAction() {\n    this.sendAction(&#x27;autoScaleYAction&#x27;, this);\n  },\n\n  /**\n    Event handler that is fired for the &#x60;didAutoUpdateMaxX&#x60; event\n    @method didAutoUpdateMaxX\n  */\n  didAutoUpdateMaxX() {\n    Ember.run.once(this, this._sendAutoUpdateXAction);\n  },\n\n  /**\n    Event handler that is fired for the &#x60;didAutoUpdateMinX&#x60; event\n    @method didAutoUpdateMinX\n  */\n  didAutoUpdateMinX() {\n    Ember.run.once(this, this._sendAutoUpdateXAction);\n  },\n\n  /**\n    Event handler that is fired for the &#x60;didAutoUpdateMaxY&#x60; event\n    @method didAutoUpdateMaxY\n  */\n  didAutoUpdateMaxY() {\n    Ember.run.once(this, this._sendAutoUpdateYAction);\n  },\n\n  /**\n    Event handler that is fired for the &#x60;didAutoUpdateMinY&#x60; event\n    @method didAutoUpdateMinY\n  */\n  didAutoUpdateMinY() {\n    Ember.run.once(this, this._sendAutoUpdateYAction);\n  },\n\n  /**\n    The action to trigger when the graph automatically updates the yScale \n    due to an &quot;auto&quot; &quot;push&quot; or &quot;push-tick&quot; domainMode.\n\n    Sends the graph component instance as the argument.\n\n    @property autoScaleYAction\n    @type {string}\n    @default null\n  */\n  autoScaleYAction: null,\n\n  /**\n    Gets the highest and lowest x values of the graphed data in a two element array.\n    @property xDataExtent\n    @type Array\n    @readonly\n  */\n  xDataExtent: Ember.computed(&#x27;dataExtents&#x27;, function(){\n    var { xMin, xMax } = this.get(&#x27;dataExtents&#x27;);\n    return [xMin, xMax];\n  }),\n\n  /**\n    Gets the highest and lowest y values of the graphed data in a two element array.\n    @property yDataExtent\n    @type Array\n    @readonly\n  */\n  yDataExtent: Ember.computed(&#x27;dataExtents&#x27;, function(){\n    var { yMin, yMax } = this.get(&#x27;dataExtents&#x27;);\n    return [yMin, yMax];\n  }),\n\n  /**\n    @property xUniqueData\n    @type Array\n    @readonly\n  */\n  xUniqueData: Ember.computed(&#x27;graphics.@each.mappedData&#x27;, function(){\n    var graphics = this.get(&#x27;graphics&#x27;);\n    var uniq = graphics.reduce((uniq, graphic) =&gt; {\n      return graphic.get(&#x27;mappedData&#x27;).reduce((uniq, d) =&gt; {\n        if(!uniq.some(x =&gt; x === d[0])) {\n          uniq.push(d[0]);\n        }\n        return uniq;\n      }, uniq);\n    }, []);\n    return Ember.A(uniq);\n  }),\n\n\n  /**\n    @property yUniqueData\n    @type Array\n    @readonly\n  */\n  yUniqueData: Ember.computed(&#x27;graphics.@each.mappedData&#x27;, function(){\n    var graphics = this.get(&#x27;graphics&#x27;);\n    var uniq = graphics.reduce((uniq, graphic) =&gt; {\n      return graphic.get(&#x27;mappedData&#x27;).reduce((uniq, d) =&gt; {\n        if(!uniq.some(y =&gt; y === d[1])) {\n          uniq.push(d[1]);\n        }\n        return uniq;\n      }, uniq);\n    }, []);\n    return Ember.A(uniq);\n  }),\n\n  /**\n    Gets the DOM id for the content clipPath element.\n    @property contentClipPathId\n    @type String\n    @readonly\n    @private\n  */\n  contentClipPathId: Ember.computed(&#x27;elementId&#x27;, function(){\n    return this.get(&#x27;elementId&#x27;) + &#x27;-content-mask&#x27;;\n  }),\n\n  /**\n    Registry of contained graphic elements such as &#x60;nf-line&#x60; or &#x60;nf-area&#x60; components.\n    This registry is used to pool data for scaling purposes.\n    @property graphics\n    @type Array\n    @readonly\n   */\n  graphics: Ember.computed(function(){\n    return Ember.A();\n  }),\n\n  /**\n    An array of &quot;selectable&quot; graphics that have been selected within this graph.\n    @property selected\n    @type Array\n    @readonly\n  */\n  selected: null,\n\n  /**\n    Computed property to show yAxis. Returns &#x60;true&#x60; if a yAxis is present.\n    @property showYAxis\n    @type Boolean\n    @default false\n   */\n  showYAxis: computedBool(&#x27;yAxis&#x27;),\n\n  /**\n    Computed property to show xAxis. Returns &#x60;true&#x60; if an xAxis is present.\n    @property showXAxis\n    @type Boolean\n    @default false\n   */\n  showXAxis: computedBool(&#x27;xAxis&#x27;),\n\n  /**\n    Gets a function to create the xScale\n    @property xScaleFactory\n    @readonly\n   */\n  xScaleFactory: scaleFactoryProperty(&#x27;x&#x27;),\n\n  /**\n    Gets a function to create the yScale\n    @property yScaleFactory\n    @readonly\n   */\n  yScaleFactory: scaleFactoryProperty(&#x27;y&#x27;),\n\n  /**\n    Gets the domain of x values.\n    @property xDomain\n    @type Array\n    @readonly\n   */\n  xDomain: domainProperty(&#x27;x&#x27;),\n\n  /**\n    Gets the domain of y values.\n    @property yDomain\n    @type Array\n    @readonly\n   */\n  yDomain: domainProperty(&#x27;y&#x27;),\n\n  /**\n    Gets the current xScale used to draw the graph.\n    @property xScale\n    @type Function\n    @readonly\n   */\n  xScale: scaleProperty(&#x27;x&#x27;),\n\n  /**\n    Gets the current yScale used to draw the graph.\n    @property yScale\n    @type Function\n    @readonly\n   */\n  yScale: scaleProperty(&#x27;y&#x27;),\n\n  /**\n    Registers a graphic such as &#x60;nf-line&#x60; or &#x60;nf-area&#x60; components with the graph.\n    @method registerGraphic\n    @param graphic {Ember.Component} The component object to register\n   */\n  registerGraphic: function (graphic) {\n    var graphics = this.get(&#x27;graphics&#x27;);\n    graphics.pushObject(graphic);\n    graphic.on(&#x27;hasData&#x27;, this, this.updateExtents);\n  },\n\n  /**\n    Unregisters a graphic such as an &#x60;nf-line&#x60; or &#x60;nf-area&#x60; from the graph.\n    @method unregisterGraphic\n    @param graphic {Ember.Component} The component to unregister\n   */\n  unregisterGraphic: function(graphic) {\n    graphic.off(&#x27;hasData&#x27;, this, this.updateExtents);\n    var graphics = this.get(&#x27;graphics&#x27;);\n    graphics.removeObject(graphic);\n  },\n  \n  updateExtents() {\n    this.get(&#x27;xDataExtent&#x27;);\n    this.get(&#x27;yDataExtent&#x27;);\n  },\n\n  /**\n    The y range of the graph in pixels. The min and max pixel values\n    in an array form.\n    @property yRange\n    @type Array\n    @readonly\n   */\n  yRange: Ember.computed(&#x27;graphHeight&#x27;, function(){ \n    return [this.get(&#x27;graphHeight&#x27;), 0];\n  }),\n\n  /**\n    The x range of the graph in pixels. The min and max pixel values\n    in an array form.\n    @property xRange\n    @type Array\n    @readonly\n   */\n  xRange: Ember.computed(&#x27;graphWidth&#x27;, function(){\n    return [0, this.get(&#x27;graphWidth&#x27;)];\n  }),\n\n  /**\n    Returns &#x60;true&#x60; if the graph has data to render. Data is conveyed\n    to the graph by registered graphics.\n    @property hasData\n    @type Boolean\n    @default false\n    @readonly\n   */\n  hasData: Ember.computed.notEmpty(&#x27;graphics&#x27;),\n\n  /**\n    The x coordinate position of the graph content\n    @property graphX\n    @type Number\n    @readonly\n   */\n  graphX: Ember.computed(&#x27;paddingLeft&#x27;, &#x27;yAxis.width&#x27;, &#x27;yAxis.orient&#x27;, function() {\n    var paddingLeft = this.get(&#x27;paddingLeft&#x27;);\n    var yAxisWidth = this.get(&#x27;yAxis.width&#x27;) || 0;\n    var yAxisOrient = this.get(&#x27;yAxis.orient&#x27;);\n    if(yAxisOrient === &#x27;right&#x27;) {\n      return paddingLeft;\n    }\n    return paddingLeft + yAxisWidth;\n  }),\n\n  /** \n    The y coordinate position of the graph content\n    @property graphY\n    @type Number\n    @readonly\n   */\n  graphY: Ember.computed(&#x27;paddingTop&#x27;, &#x27;xAxis.orient&#x27;, &#x27;xAxis.height&#x27;, function(){\n    var paddingTop = this.get(&#x27;paddingTop&#x27;);\n    var xAxisOrient = this.get(&#x27;xAxis.orient&#x27;);\n    if(xAxisOrient === &#x27;top&#x27;) {\n      var xAxisHeight = this.get(&#x27;xAxis.height&#x27;) || 0;\n      return xAxisHeight + paddingTop;\n    }\n    return paddingTop;\n  }), \n\n  /**\n    The width, in pixels, of the graph content\n    @property graphWidth\n    @type Number\n    @readonly\n   */\n  graphWidth: Ember.computed(&#x27;width&#x27;, &#x27;paddingRight&#x27;, &#x27;paddingLeft&#x27;, &#x27;yAxis.width&#x27;, function() {\n    var paddingRight = this.get(&#x27;paddingRight&#x27;) || 0;\n    var paddingLeft = this.get(&#x27;paddingLeft&#x27;) || 0;\n    var yAxisWidth = this.get(&#x27;yAxis.width&#x27;) || 0;\n    var width = this.get(&#x27;width&#x27;) || 0;\n    return Math.max(0, width - paddingRight - paddingLeft - yAxisWidth);\n  }),\n\n  /**\n    The height, in pixels, of the graph content\n    @property graphHeight\n    @type Number\n    @readonly\n   */\n  graphHeight: Ember.computed(&#x27;height&#x27;, &#x27;paddingTop&#x27;, &#x27;paddingBottom&#x27;, &#x27;xAxis.height&#x27;, function(){\n    var paddingTop = this.get(&#x27;paddingTop&#x27;) || 0;\n    var paddingBottom = this.get(&#x27;paddingBottom&#x27;) || 0;\n    var xAxisHeight = this.get(&#x27;xAxis.height&#x27;) || 0;\n    var height = this.get(&#x27;height&#x27;) || 0;\n    return Math.max(0, height - paddingTop - paddingBottom - xAxisHeight);\n  }),\n\n  /**\n    An SVG transform to position the graph content\n    @property graphTransform\n    @type String\n    @readonly\n   */\n  graphTransform: Ember.computed(&#x27;graphX&#x27;, &#x27;graphY&#x27;, function(){\n    var graphX = this.get(&#x27;graphX&#x27;);\n    var graphY = this.get(&#x27;graphY&#x27;);\n    return &#x60;translate(${graphX} ${graphY})&#x60;;\n  }),\n\n  /**\n    Sets &#x60;hasRendered&#x60; to &#x60;true&#x60; on &#x60;willInsertElement&#x60;.\n    @method _notifyHasRendered\n    @private\n  */\n  _notifyHasRendered: Ember.on(&#x27;willInsertElement&#x27;, function () {\n    this.set(&#x27;hasRendered&#x27;, true);\n  }),\n\n  /**\n    Gets the mouse position relative to the container\n    @method mousePoint\n    @param container {SVGElement} the SVG element that contains the mouse event\n    @param e {Object} the DOM mouse event\n    @return {Array} an array of &#x60;[xMouseCoord, yMouseCoord]&#x60;\n   */\n  mousePoint: function (container, e) {\n    var svg = container.ownerSVGElement || container;\n    if (svg.createSVGPoint) {\n      var point = svg.createSVGPoint();\n      point.x = e.clientX;\n      point.y = e.clientY;\n      point = point.matrixTransform(container.getScreenCTM().inverse());\n      return [ point.x, point.y ];\n    }\n    var rect = container.getBoundingClientRect();\n    return [ e.clientX - rect.left - container.clientLeft, e.clientY - rect.top - container.clientTop ];\n  },\n\n  /**\n    A computed property returned the view&#x27;s controller.\n    @property parentController\n    @type Ember.Controller\n    @readonly\n  */\n  parentController: Ember.computed.alias(&#x27;templateData.view.controller&#x27;),\n\n  /**\n    Selects the graphic passed. If &#x60;selectMultiple&#x60; is false, it will deselect the currently\n    selected graphic if it&#x27;s different from the one passed.\n    @method selectGraphic\n    @param graphic {Ember.Component} the graph component to select within the graph.\n  */\n  selectGraphic: function(graphic) {\n    if(!graphic.get(&#x27;selected&#x27;)) {\n      graphic.set(&#x27;selected&#x27;, true);\n    }\n    if(this.selectMultiple) {\n      this.get(&#x27;selected&#x27;).pushObject(graphic);\n    } else {\n      var current = this.get(&#x27;selected&#x27;);\n      if(current &amp;&amp; current !== graphic) {\n        current.set(&#x27;selected&#x27;, false);\n      }\n      this.set(&#x27;selected&#x27;, graphic);\n    }\n  },\n\n  /**\n    deselects the graphic passed.\n    @method deselectGraphic\n    @param graphic {Ember.Component} the graph child component to deselect.\n  */\n  deselectGraphic: function(graphic) {\n    graphic.set(&#x27;selected&#x27;, false);\n    if(this.selectMultiple) {\n      this.get(&#x27;selected&#x27;).removeObject(graphic);\n    } else {\n      var current = this.get(&#x27;selected&#x27;);\n      if(current &amp;&amp; current === graphic) {\n        this.set(&#x27;selected&#x27;, null);\n      }\n    }\n  },\n\n  /**\n    The initialization method. Fired on &#x60;init&#x60;.\n    @method _setup\n    @private\n  */\n  init() {\n    this._super(...arguments);\n    this.set(&#x27;selected&#x27;, this.selectMultiple ? Ember.A() : null);\n  },\n\n  /**\n    The amount of leeway, in pixels, to give before triggering a brush start.\n    @property brushThreshold\n    @type {Number}\n    @default 7\n  */\n  brushThreshold: 7,\n\n  /**\n    The name of the action to trigger when brushing starts\n    @property brushStartAction\n    @type {String}\n    @default null\n  */\n  brushStartAction: null,\n\n  /**\n    The name of the action to trigger when brushing emits a new value\n    @property brushAction\n    @type {String}\n    @default null\n  */\n  brushAction: null,\n\n  /**\n    The name of the action to trigger when brushing ends\n    @property brushEndAction\n    @type {String}\n    @default null\n  */\n  brushEndAction: null,\n\n  _setupBrushAction: Ember.on(&#x27;didInsertElement&#x27;, function(){\n    var content = this.$(&#x27;.nf-graph-content&#x27;);\n\n    var mouseMoves = Observable.fromEvent(content, &#x27;mousemove&#x27;);\n    var mouseDowns = Observable.fromEvent(content, &#x27;mousedown&#x27;);\n    var mouseUps = Observable.fromEvent(Ember.$(document), &#x27;mouseup&#x27;);\n    var mouseLeaves = Observable.fromEvent(content, &#x27;mouseleave&#x27;);\n\n    this._brushDisposable = Observable.merge(mouseDowns, mouseMoves, mouseLeaves).\n      // get a streams of mouse events that start on mouse down and end on mouse up\n      window(mouseDowns, function() { return mouseUps; })\n      // filter out all of them if there are no brush actions registered\n      // map the mouse event streams into brush event streams\n      .map(x =&gt; this._toBrushEventStreams(x)).\n      // flatten to a stream of action names and event objects\n      flatMap(x =&gt; this._toComponentEventStream(x)).\n      // HACK: this is fairly cosmetic, so skip errors.\n      retry().\n      // subscribe and send the brush actions via Ember\n      subscribe(x =&gt; {\n        Ember.run(this, () =&gt; this._triggerComponentEvent(x));\n      });\n  }),\n\n  _toBrushEventStreams: function(mouseEvents) {\n    // get the starting mouse event\n    return mouseEvents.take(1).\n      // calculate it&#x27;s mouse point and info\n      map( this._getStartInfo ).\n      // combine the start with the each subsequent mouse event\n      combineLatest(mouseEvents.skip(1), toArray).\n      // filter out everything until the brushThreshold is crossed\n      filter(x =&gt; this._byBrushThreshold(x)).\n      // create the brush event object\n      map(x =&gt; this._toBrushEvent(x));\n  },\n\n  _triggerComponentEvent: function(d) {\n    this.trigger(d[0], d[1]);\n  },\n\n  _toComponentEventStream: function(events) {\n    return Observable.merge(\n      events.take(1).map(function(e) {\n        return [&#x27;didBrushStart&#x27;, e];\n      }), events.map(function(e) {\n        return [&#x27;didBrush&#x27;, e];\n      }), events.last().map(function(e) {\n        return [&#x27;didBrushEnd&#x27;, e];\n      })\n    );\n  },\n\n  didBrush: function(e) {\n    if(this.get(&#x27;brushAction&#x27;)) {\n      this.sendAction(&#x27;brushAction&#x27;, e);\n    }\n  },\n\n  didBrushStart: function(e) {\n    document.body.style.setProperty(&#x27;-webkit-user-select&#x27;, &#x27;none&#x27;);\n    document.body.style.setProperty(&#x27;-moz-user-select&#x27;, &#x27;none&#x27;);\n    document.body.style.setProperty(&#x27;user-select&#x27;, &#x27;none&#x27;);\n    if(this.get(&#x27;brushStartAction&#x27;)) {\n      this.sendAction(&#x27;brushStartAction&#x27;, e);\n    }\n  },\n\n  didBrushEnd: function(e) {\n    document.body.style.removeProperty(&#x27;-webkit-user-select&#x27;);\n    document.body.style.removeProperty(&#x27;-moz-user-select&#x27;);\n    document.body.style.removeProperty(&#x27;user-select&#x27;);\n    if(this.get(&#x27;brushEndAction&#x27;)) {\n      this.sendAction(&#x27;brushEndAction&#x27;, e);\n    }\n  },\n\n  _toBrushEvent: function(d) {\n    var start = d[0];\n    var currentEvent =  d[1];\n    var currentPoint = getMousePoint(currentEvent.currentTarget, d[1]);\n\n    var startPosition = GraphPosition.create({\n      originalEvent: start.originalEvent,\n      graph: this,\n      graphX: start.mousePoint.x,\n      graphY: start.mousePoint.y\n    });\n\n    var currentPosition = GraphPosition.create({\n      originalEvent: currentEvent,\n      graph: this,\n      graphX: currentPoint.x,\n      graphY: currentPoint.y\n    });\n\n    var left = startPosition;\n    var right = currentPosition;\n\n    if(start.originalEvent.clientX &gt; currentEvent.clientX) {\n      left = currentPosition;\n      right = startPosition;\n    }\n\n    return {\n      start: startPosition,\n      current: currentPosition,\n      left: left,\n      right: right\n    }; \n  },\n\n  _byBrushThreshold: function(d) {\n    var startEvent = d[0].originalEvent;\n    var currentEvent = d[1];\n    return Math.abs(currentEvent.clientX - startEvent.clientX) &gt; this.get(&#x27;brushThreshold&#x27;);\n  },\n\n  _getStartInfo: function(e) {\n    return {\n      originalEvent: e,\n      mousePoint: getMousePoint(e.currentTarget, e)\n    };\n  },\n\n  willDestroyElement: function(){\n    if(this._brushDisposable) {\n      this._brushDisposable.dispose();\n    }\n  },\n});\n\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-horizontal-line.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-horizontal-line.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-horizontal-line.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport RequireScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\n\n/**\n  Draws a horizontal line on the graph at a given y domain value\n  @namespace components\n  @class nf-horizontal-line\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Ember.Component.extend(HasGraphParent, RequireScaleSource, {\n  tagName: &#x27;line&#x27;,\n\n  attributeBindings: [&#x27;lineY:y1&#x27;, &#x27;lineY:y2&#x27;, &#x27;x1&#x27;, &#x27;x2&#x27;],\n\n  classNames: [&#x27;nf-horizontal-line&#x27;],\n\n  /**\n    The y domain value at which to draw the horizontal line\n    @property y\n    @type Number\n    @default null\n  */\n  y: null,\n\n  /**\n    The computed y coordinate of the line to draw\n    @property lineY\n    @type Number\n    @private\n    @readonly\n  */\n  lineY: Ember.computed(&#x27;y&#x27;, &#x27;yScale&#x27;, function(){\n    var y = this.get(&#x27;y&#x27;);\n    var yScale = this.get(&#x27;yScale&#x27;);\n    var py = yScale ? yScale(y) : -1;\n    return py &amp;&amp; py &gt; 0 ? py : 0;\n  }),\n\n  /**\n    The left x coordinate of the line\n    @property x1\n    @type Number\n    @default 0\n    @private\n  */\n  x1: 0,\n\n  /**\n    The right x coordinate of the line\n    @property x2\n    @type Number\n    @private\n    @readonly\n  */\n  x2: Ember.computed.alias(&#x27;graph.graphWidth&#x27;),\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-line.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-line.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-line.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport DataGraphic from &#x27;ember-nf-graph/mixins/graph-data-graphic&#x27;;\nimport LineUtils from &#x27;ember-nf-graph/mixins/graph-line-utils&#x27;;\nimport SelectableGraphic from &#x27;ember-nf-graph/mixins/graph-selectable-graphic&#x27;;\nimport RegisteredGraphic from &#x27;ember-nf-graph/mixins/graph-registered-graphic&#x27;;\nimport GraphicWithTrackingDot from &#x27;ember-nf-graph/mixins/graph-graphic-with-tracking-dot&#x27;;\nimport RequireScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\n\n/**\n  A line graphic for &#x60;nf-graph&#x60;. Displays a line for the data it&#x27;s passed.\n  @namespace components\n  @class nf-line\n  @extends Ember.Component\n  @uses mixins.graph-line-utils\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-selectable-graphic\n  @uses mixins.graph-registered-graphic\n  @uses mixins.graph-data-graphic\n  @uses mixins.graph-graphic-with-tracking-dot\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Ember.Component.extend(HasGraphParent, DataGraphic, SelectableGraphic, \n  LineUtils, RegisteredGraphic, GraphicWithTrackingDot, RequireScaleSource, {\n    \n  tagName: &#x27;g&#x27;,\n  \n  /**\n    The type of D3 interpolator to use to create the line.\n    @property interpolator\n    @type String\n    @default &#x27;linear&#x27;\n  */\n  interpolator: &#x27;linear&#x27;,\n  \n  classNameBindings: [&#x27;selected&#x27;, &#x27;selectable&#x27;],\n\n  classNames: [&#x27;nf-line&#x27;],\n\n  /**\n    The d3 line function to create the line path.\n    @method lineFn\n    @param data {Array} the array of coordinate arrays to plot as an SVG path\n    @private\n    @return {String} an SVG path data string\n  */\n  lineFn: Ember.computed(&#x27;xScale&#x27;, &#x27;yScale&#x27;, &#x27;interpolator&#x27;, function(){\n    var xScale = this.get(&#x27;xScale&#x27;);\n    var yScale = this.get(&#x27;yScale&#x27;);\n    var interpolator = this.get(&#x27;interpolator&#x27;);\n    return this.createLineFn(xScale, yScale, interpolator);\n  }),\n\n  /**\n    The SVG path data string to render the line\n    @property d\n    @type String\n    @private\n    @readonly\n  */\n  d: Ember.computed(&#x27;renderedData.@each&#x27;, &#x27;lineFn&#x27;, function(){\n    var renderedData = this.get(&#x27;renderedData&#x27;);\n    var lineFn = this.get(&#x27;lineFn&#x27;);\n    return lineFn(renderedData);\n  }),\n\n  /**\n    Event handler to toggle the &#x60;selected&#x60; property on click\n    @method _toggleSelected\n    @private\n  */\n  _toggleSelected: Ember.on(&#x27;click&#x27;, function(){\n    if(this.get(&#x27;selectable&#x27;)) {\n      this.toggleProperty(&#x27;selected&#x27;);\n    }\n  }),\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-plot.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-plot.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-plot.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport RequireScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\nimport GraphEvent from &#x27;ember-nf-graph/utils/nf/graph-event&#x27;;\n\n/**\n  Plots a group tag on a graph at a given x and y domain coordinate.\n  @namespace components\n  @class nf-plot\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Ember.Component.extend(HasGraphParent, RequireScaleSource, {\n  tagName: &#x27;g&#x27;,\n\n  attributeBindings: [&#x27;transform&#x27;],\n\n  classNames: [&#x27;nf-plot&#x27;],\n\n  /**\n    The x domain value to set the plot at\n    @property x\n    @default null\n  */\n  x: null,\n\n  /**\n    The y domain value to set the plot at\n    @property x\n    @default null\n  */\n  y: null,\n\n  /**\n    True if an &#x60;x&#x60; value is present (defined, not null and non-empty)\n    @property hasX\n    @type Boolean\n    @readonly\n  */\n  hasX: Ember.computed.notEmpty(&#x27;x&#x27;),\n\n  /**\n    True if an &#x60;y&#x60; value is present (defined, not null and non-empty)\n    @property hasY\n    @type Boolean\n    @readonly\n  */\n  hasY: Ember.computed.notEmpty(&#x27;y&#x27;),\n\n  /**\n    The calculated visibility of the component\n    @property isVisible\n    @type Boolean\n    @readonly\n  */\n  isVisible: Ember.computed.and(&#x27;hasX&#x27;, &#x27;hasY&#x27;),\n\n  /**\n    The calculated x coordinate\n    @property rangeX\n    @type Number\n    @readonly\n  */\n  rangeX: Ember.computed(&#x27;x&#x27;, &#x27;xScale&#x27;, function(){\n    var xScale = this.get(&#x27;xScale&#x27;);\n    var x = this.get(&#x27;x&#x27;);\n    var hasX = this.get(&#x27;hasX&#x27;);\n    return (hasX &amp;&amp; xScale ? xScale(x) : 0) || 0;\n  }),\n\n  /**\n    The calculated y coordinate\n    @property rangeY\n    @type Number\n    @readonly\n  */\n  rangeY: Ember.computed(&#x27;y&#x27;, &#x27;yScale&#x27;, function(){\n    var yScale = this.get(&#x27;yScale&#x27;);\n    var y = this.get(&#x27;y&#x27;);\n    var hasY = this.get(&#x27;hasY&#x27;);\n    return (hasY &amp;&amp; yScale ? yScale(y) : 0) || 0;\n  }),\n\n  /**\n    The SVG transform of the component&#x27;s &#x60;&lt;g&gt;&#x60; tag.\n    @property transform\n    @type String\n    @readonly\n  */\n  transform: Ember.computed(&#x27;rangeX&#x27;, &#x27;rangeY&#x27;, function(){\n    var rangeX = this.get(&#x27;rangeX&#x27;);\n    var rangeY = this.get(&#x27;rangeY&#x27;);\n    return &#x60;translate(${rangeX} ${rangeY})&#x60;;\n  }),\n\n  data: null,\n\n  click: function(e) {\n    var context = GraphEvent.create({\n      x: this.get(&#x27;x&#x27;),\n      y: this.get(&#x27;y&#x27;),\n      data: this.get(&#x27;data&#x27;),\n      source: this,\n      graph: this.get(&#x27;graph&#x27;),\n      originalEvent: e,\n    });\n    this.sendAction(&#x27;action&#x27;, context);\n  },\n});\n\n\n\n\n\n\n\n\n\n\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-plots.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-plots.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-plots.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport DataGraphic from &#x27;ember-nf-graph/mixins/graph-data-graphic&#x27;;\nimport RequireScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\n\nexport default Ember.Component.extend(HasGraphParent, DataGraphic, RequireScaleSource, {\n  tagName: &#x27;g&#x27;,\n\n  classNames: [&#x27;nf-plots&#x27;],\n  \n  /**\n    The parent controller to use for template binding\n    @property parentController\n    @type Ember.Controller\n    @readonly\n    @private\n  */\n  parentController: Ember.computed.alias(&#x27;templateData.view.controller&#x27;),\n\n  /**\n    The model for adding plots to the graph\n    @property plotData\n    @readonly\n    @private\n  */\n  plotData: Ember.computed(&#x27;renderedData.@each&#x27;, function(){\n    var renderedData = this.get(&#x27;renderedData&#x27;);\n    if(renderedData &amp;&amp; Ember.isArray(renderedData)) {\n      return Ember.A(renderedData.map(function(d) {\n        return {\n          x: d[0],\n          y: d[1],\n          data: d.data,\n        };\n      }));\n    }\n  }),\n\n\n  actions: {\n    itemClicked: function(e) {\n      this.sendAction(&#x27;action&#x27;, e);\n    },\n  },\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-range-marker.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-range-marker.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-range-marker.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport RequireScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\n\n/**\n  Draws a rectangular strip with a templated label on an &#x60;nf-graph&#x60;.\n  Should always be used in conjunction with an &#x60;nf-range-markers&#x60; container component.\n  @namespace components\n  @class nf-range-marker\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Ember.Component.extend(HasGraphParent, RequireScaleSource, {\n  tagName: &#x27;g&#x27;,\n\n  attributeBindings: [&#x27;transform&#x27;],\n\n  classNames: [&#x27;nf-range-marker&#x27;],\n\n  /**\n    The parent &#x60;nf-range-markers&#x60; component.\n    @property container\n    @type {components.nf-range-markers}\n    @default null\n  */\n  container: null,\n\n  /**\n    The minimum domain value for the range to mark.\n    @property xMin\n    @default 0\n  */\n  xMin: 0,\n\n  /**\n    The maximum domain value for the range to mark.\n    @property xMax\n    @default 0\n  */\n  xMax: 0,\n\n  /**\n    The spacing above the range marker.\n    @property marginTop\n    @type Number\n    @default 10\n  */\n  marginTop: 10,\n\n  /**\n    The spacing below the range marker.\n    @property marginBottom\n    @type Number\n    @default 3\n  */\n  marginBottom: 3,\n\n  /**\n    The height of the range marker.\n    @property height\n    @type Number\n    @default 10\n  */\n  height: 10,\n\n  /**\n    The computed x position of the range marker.\n    @property x\n    @type Number\n    @readonly\n  */\n  x: Ember.computed(&#x27;xMin&#x27;, &#x27;xScale&#x27;, function(){\n    var xScale = this.get(&#x27;xScale&#x27;);\n    var xMin = this.get(&#x27;xMin&#x27;);\n    return xScale(xMin);\n  }),\n\n  /**\n    The computed width of the range marker.\n    @property width\n    @type Number\n    @readonly\n  */\n  width: Ember.computed(&#x27;xScale&#x27;, &#x27;xMin&#x27;, &#x27;xMax&#x27;, function() {\n    var xScale = this.get(&#x27;xScale&#x27;);\n    var xMax = this.get(&#x27;xMax&#x27;);\n    var xMin = this.get(&#x27;xMin&#x27;);\n    return xScale(xMax) - xScale(xMin);\n  }),\n\n  /**\n    The computed y position of the range marker.\n    @property y\n    @type Number\n    @readonly\n  */\n  y: Ember.computed(\n    &#x27;container.orient&#x27;,\n    &#x27;prevMarker.bottom&#x27;,\n    &#x27;prevMarker.y&#x27;,\n    &#x27;graph.graphHeight&#x27;,\n    &#x27;totalHeight&#x27;,\n    function() {\n      var orient = this.get(&#x27;container.orient&#x27;);\n      var prevBottom = this.get(&#x27;prevMarker.bottom&#x27;);\n      var prevY = this.get(&#x27;prevMarker.y&#x27;);\n      var graphHeight = this.get(&#x27;graph.graphHeight&#x27;);\n      var totalHeight = this.get(&#x27;totalHeight&#x27;);\n\n      prevBottom = prevBottom || 0;\n\n      if(orient === &#x27;bottom&#x27;) {\n        return (prevY || graphHeight) - totalHeight;\n      }\n\n      if(orient === &#x27;top&#x27;) {\n        return prevBottom;\n      }\n    }\n  ),\n\n  /**\n    The computed total height of the range marker including its margins.\n    @property totalHeight\n    @type Number\n    @readonly\n  */\n  totalHeight: Ember.computed(&#x27;height&#x27;, &#x27;marginTop&#x27;, &#x27;marginBottom&#x27;, function() {\n    var height = this.get(&#x27;height&#x27;);\n    var marginTop = this.get(&#x27;marginTop&#x27;);\n    var marginBottom = this.get(&#x27;marginBottom&#x27;);\n    return height + marginTop + marginBottom;\n  }),\n\n  /**\n    The computed bottom of the range marker, not including the bottom margin.\n    @property bottom\n    @type Number\n    @readonly\n  */\n  bottom: Ember.computed(&#x27;y&#x27;, &#x27;totalHeight&#x27;, function(){\n    var y = this.get(&#x27;y&#x27;);\n    var totalHeight = this.get(&#x27;totalHeight&#x27;);\n    return y + totalHeight;\n  }),\n\n  /**\n    The computed SVG transform of the range marker container\n    @property transform\n    @type String\n    @readonly\n  */\n  transform: Ember.computed(&#x27;y&#x27;, function(){ \n    var y = this.get(&#x27;y&#x27;) || 0;\n    return &#x60;translate(0 ${y})&#x60;;\n  }),\n\n  /**\n    The computed SVG transform fo the range marker label container.\n    @property labelTransform\n    @type String\n    @readonly\n  */\n  labelTransform: Ember.computed(&#x27;x&#x27;, function(){\n    var x = this.get(&#x27;x&#x27;) || 0;\n    return &#x60;translate(${x} 0)&#x60;;\n  }),\n\n  /**\n    Initialization function that registers the range marker with its parent \n    and populates the container property\n    @method _setup\n    @private\n  */\n  init() {\n    this._super(...arguments);\n    var container = this.nearestWithProperty(&#x27;isRangeMarkerContainer&#x27;);\n    container.registerMarker(this);\n    this.set(&#x27;container&#x27;, container);\n  },\n\n  /**\n    Unregisters the range marker from its parent when the range marker is destroyed.\n    @method _unregister\n    @private\n  */\n  _unregister: Ember.on(&#x27;willDestroyElement&#x27;, function() {\n    this.get(&#x27;container&#x27;).unregisterMarker(this);\n  })\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-range-markers.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-range-markers.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-range-markers.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\n\n/**\n  A container and manager for &#x60;nf-range-marker&#x60; components.\n  Used to draw an association between &#x60;nf-range-marker&#x60; components so they \n  can be laid out in a manner in which they don&#x27;t collide.\n  @namespace components\n  @class nf-range-markers\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n*/\nexport default Ember.Component.extend(HasGraphParent, {\n  tagName: &#x27;g&#x27;,\n  \n  /**\n    Used by &#x60;nf-range-marker&#x60; to identify the &#x60;nf-range-markers&#x60; container\n    @property isRangeMarkerContainer\n    @type Boolean\n    @default true\n    @readonly\n  */\n  isRangeMarkerContainer: true,\n\n  /**\n    Sets the orientation of the range markers.\n\n    - &#x60;&#x27;bottom&#x27;&#x60; - Range markers start at the bottom and stack upward\n    - &#x60;&#x27;top&#x27;&#x60; - Range markers start at the top and stack downward\n    @property orient\n    @type String\n    @default &#x27;bottom&#x27;\n  */\n  orient: &#x27;bottom&#x27;,\n\n  /**\n    The margin, in pixels, between the markers\n    @property markerMargin\n    @type Number\n    @default 10\n  */\n  markerMargin: 10,\n\n  /**\n    The marker components registered with this container\n    @property markers\n    @type Array\n    @readonly\n  */\n  markers: Ember.computed(function() {\n    return Ember.A();\n  }),\n\n  /**\n    Adds the passed marker to the &#x60;markers&#x60; list, and sets the &#x60;prevMarker&#x60; and &#x60;nextMarker&#x60;\n    properties on the marker component and it&#x27;s neighbor.\n    @method registerMarker\n    @param marker {nf-range-marker} the range marker to register with this container\n  */\n  registerMarker: function(marker) {\n    var markers = this.get(&#x27;markers&#x27;);\n    var prevMarker = markers[markers.length - 1];\n    \n    if(prevMarker) {\n      marker.set(&#x27;prevMarker&#x27;, prevMarker);\n      prevMarker.set(&#x27;nextMarker&#x27;, marker);\n    }\n\n    markers.pushObject(marker);\n  },\n\n  /**\n    Removes the marker from the &#x60;markers&#x60; list. Also updates the &#x60;nextMarker&#x60; and &#x60;prevMarker&#x60;\n    properties of it&#x27;s neighboring components.\n    @method unregisterMarker\n    @param marker {nf-range-marker} the range marker to remove from the &#x60;markers&#x60; list.\n  */\n  unregisterMarker: function(marker) {\n    if(marker) {\n      var next = marker.nextMarker;\n      var prev = marker.prevMarker;\n      if(prev) {\n        prev.set(&#x27;nextMarker&#x27;, next);\n      }\n      if(next) {\n        next.set(&#x27;prevMarker&#x27;, prev);\n      }\n      this.get(&#x27;markers&#x27;).removeObject(marker);\n    }\n  },\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-right-tick.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-right-tick.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-right-tick.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport RequireScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\n\n/**\n  Draws a line and a chevron at the specified domain value \n  on the right side of an &#x60;nf-graph&#x60;. \n  \n  ### Tips\n  \n  - Position outside of &#x60;nf-graph-content&#x60; component, but inside &#x60;nf-graph&#x60;.\n  - Adding &#x60;paddingRight&#x60; to &#x60;nf-graph&#x60; component will not affect &#x60;nf-right-tick&#x60;&#x27;s position.\n  \n  @namespace components\n  @class nf-right-tick\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Ember.Component.extend(HasGraphParent, RequireScaleSource, {\n  tagName: &#x27;g&#x27;,\n\n  classNames: [&#x27;nf-right-tick&#x27;],\n  \n  /**\n    The transition duration in milliseconds\n    @property duration\n    @type Number\n    @default 400\n  */\n  duration: 400,\n\n  /**\n    The domain value at which to place the tick\n    @property value\n    @type Number\n    @default null\n  */\n  value: null,\n\n  /**\n    Sets the visibility of the component. Returns false if &#x60;y&#x60; is not \n    a numeric data type.\n    @property isVisible\n    @private\n    @readonly\n  */\n  isVisible: Ember.computed(&#x27;y&#x27;, function(){\n    return !isNaN(this.get(&#x27;y&#x27;));\n  }),\n\n  /**\n    The calculated y coordinate of the tick\n    @property y\n    @type Number\n    @readonly\n  */\n  y: Ember.computed(&#x27;value&#x27;, &#x27;yScale&#x27;, &#x27;graph.paddingTop&#x27;, function() {\n    var value = this.get(&#x27;value&#x27;);\n    var yScale = this.get(&#x27;yScale&#x27;);\n    var paddingTop = this.get(&#x27;graph.paddingTop&#x27;);\n    var vy = 0;\n    if(yScale) {\n      vy = yScale(value) || 0;\n    }\n    return vy + paddingTop;\n  }),\n\n  /**\n    The SVG transform used to render the tick\n    @property transform\n    @type String\n    @private\n    @readonly\n  */\n  transform: Ember.computed(&#x27;y&#x27;, &#x27;graph.width&#x27;, function(){\n    var y = this.get(&#x27;y&#x27;);\n    var graphWidth = this.get(&#x27;graph.width&#x27;);\n    var x0 = graphWidth - 6;\n    var y0 = y - 3;\n    return &#x60;translate(${x0} ${y0})&#x60;;\n  }),\n\n  /**\n    performs the D3 transition to move the tick to the proper position.\n    @method _transitionalUpdate\n    @private\n  */\n  _transitionalUpdate: function(){\n    var transform = this.get(&#x27;transform&#x27;);\n    var path = this.get(&#x27;path&#x27;);\n    var duration = this.get(&#x27;duration&#x27;);\n    path.transition().duration(duration)\n      .attr(&#x27;transform&#x27;, transform);\n  },\n\n  /**\n    Schedules the transition when &#x60;value&#x60; changes on on init.\n    @method _triggerTransition\n    @private\n  */\n  _triggerTransition: Ember.on(&#x27;init&#x27;, Ember.observer(&#x27;value&#x27;, function(){\n    Ember.run.scheduleOnce(&#x27;afterRender&#x27;, this, this._transitionalUpdate);\n  })),\n\n  /**\n    Updates the tick position without a transition.\n    @method _nonTransitionalUpdate\n    @private\n  */\n  _nonTransitionalUpdate: function(){\n    var transform = this.get(&#x27;transform&#x27;);\n    var path = this.get(&#x27;path&#x27;);\n    path.attr(&#x27;transform&#x27;, transform);\n  },\n\n  /**\n    Schedules the update of non-transitional positions\n    @method _triggerNonTransitionalUpdate\n    @private\n  */\n  _triggerNonTransitionalUpdate: Ember.observer(&#x27;graph.width&#x27;, function(){\n    Ember.run.scheduleOnce(&#x27;afterRender&#x27;, this, this._nonTransitionalUpdate);\n  }),\n\n  /**\n    Gets the elements required to do the d3 transitions\n    @method _getElements\n    @private\n  */\n  _getElements: Ember.on(&#x27;didInsertElement&#x27;, function(){\n    var g = d3.select(this.$()[0]);\n    var path = g.selectAll(&#x27;path&#x27;).data([0]);\n    this.set(&#x27;path&#x27;, path);\n  })\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-selection-box.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-selection-box.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-selection-box.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport RequireScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\nimport { normalizeScale } from &#x27;ember-nf-graph/utils/nf/scale-utils&#x27;;\n\n/**\n  Draws a rectangle on an &#x60;nf-graph&#x60; given domain values &#x60;xMin&#x60;, &#x60;xMax&#x60;, &#x60;yMin&#x60; and &#x60;yMax&#x60;.\n  @namespace components\n  @class nf-selection-box\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Ember.Component.extend(HasGraphParent, RequireScaleSource, {\n  tagName: &#x27;g&#x27;, \n\n  /**\n    The duration of the transition in ms\n    @property duration\n    @type Number\n    @default 400\n  */\n  duration: 400,\n\n  /**\n    The minimum x domain value to encompass.\n    @property xMin\n    @default null\n  */\n  xMin: null,\n\n  /**\n    The maximum x domain value to encompoass.\n    @property xMax\n    @default null\n  */\n  xMax: null,\n\n  /**\n    The minimum y domain value to encompass.\n    @property yMin\n    @default null\n  */\n  yMin: null,\n\n  /** \n    The maximum y domain value to encompass\n    @property yMax\n    @default null\n  */\n  yMax: null,\n\n  classNames: [&#x27;nf-selection-box&#x27;],\n\n  /**\n    The x pixel position of xMin\n    @property x0\n    @type Number\n  */\n  x0: Ember.computed(&#x27;xMin&#x27;, &#x27;xScale&#x27;, function(){\n    return normalizeScale(this.get(&#x27;xScale&#x27;), this.get(&#x27;xMin&#x27;));\n  }),\n\n  /**\n    The x pixel position of xMax\n    @property x1\n    @type Number\n  */\n  x1: Ember.computed(&#x27;xMax&#x27;, &#x27;xScale&#x27;, function(){\n    return normalizeScale(this.get(&#x27;xScale&#x27;), this.get(&#x27;xMax&#x27;));\n  }),\n\n  /**\n    The y pixel position of yMin\n    @property y0\n    @type Number\n  */\n  y0: Ember.computed(&#x27;yMin&#x27;, &#x27;yScale&#x27;, function(){\n    return normalizeScale(this.get(&#x27;yScale&#x27;), this.get(&#x27;yMin&#x27;));\n  }),\n\n  /**\n    The y pixel position of yMax\n    @property y1\n    @type Number\n  */\n  y1: Ember.computed(&#x27;yMax&#x27;, &#x27;yScale&#x27;, function(){\n    return normalizeScale(this.get(&#x27;yScale&#x27;), this.get(&#x27;yMax&#x27;));\n  }),\n\n  /**\n    The SVG path string for the box&#x27;s rectangle.\n    @property rectPath\n    @type String\n  */\n  rectPath: Ember.computed(&#x27;x0&#x27;, &#x27;x1&#x27;, &#x27;y0&#x27;, &#x27;y1&#x27;, function(){\n    var x0 = this.get(&#x27;x0&#x27;);\n    var x1 = this.get(&#x27;x1&#x27;);\n    var y0 = this.get(&#x27;y0&#x27;);\n    var y1 = this.get(&#x27;y1&#x27;);\n    return &#x60;M${x0},${y0} L${x0},${y1} L${x1},${y1} L${x1},${y0} L${x0},${y0}&#x60;;\n  }),\n\n  /**\n    Updates the position of the box with a transition\n    @method doUpdatePosition\n  */\n  doUpdatePosition: function(){\n    var boxRect = this.get(&#x27;boxRectElement&#x27;);\n    var rectPath = this.get(&#x27;rectPath&#x27;);\n    var duration = this.get(&#x27;duration&#x27;);\n\n    boxRect.transition().duration(duration)\n      .attr(&#x27;d&#x27;, rectPath);\n  },\n\n  doUpdatePositionStatic: function(){\n    var boxRect = this.get(&#x27;boxRectElement&#x27;);\n    var rectPath = this.get(&#x27;rectPath&#x27;);\n\n    boxRect.attr(&#x27;d&#x27;, rectPath);\n  },\n\n  /**\n    Schedules an update to the position of the box after render.\n    @method updatePosition\n    @private\n  */\n  updatePosition: Ember.observer(&#x27;xMin&#x27;, &#x27;xMax&#x27;, &#x27;yMin&#x27;, &#x27;yMax&#x27;, function(){\n    Ember.run.once(this, this.doUpdatePosition);\n  }),\n\n  staticPositionChange: Ember.on(&#x27;didInsertElement&#x27;, Ember.observer(&#x27;xScale&#x27;, &#x27;yScale&#x27;, function(){\n    Ember.run.once(this, this.doUpdatePositionStatic);\n  })),\n\n  /**\n    Sets up the required d3 elements after component\n    is inserted into the DOM\n    @method didInsertElement\n  */\n  didInsertElement: function(){\n    var element = this.get(&#x27;element&#x27;);\n    var g = d3.select(element);\n    var boxRect = g.append(&#x27;path&#x27;)\n      .attr(&#x27;class&#x27;, &#x27;nf-selection-box-rect&#x27;)\n      .attr(&#x27;d&#x27;, this.get(&#x27;rectPath&#x27;));\n\n    this.set(&#x27;boxRectElement&#x27;, boxRect);\n  },\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-svg-image.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-svg-image.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-svg-image.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport RequiresScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\nimport { normalizeScale } from &#x27;ember-nf-graph/utils/nf/scale-utils&#x27;;\nimport SelectableGraphic from &#x27;ember-nf-graph/mixins/graph-selectable-graphic&#x27;;\n\n/**\n  An image to be displayed in a graph with that takes domain based measurements and\n  uses the scale of the graph. Creates an &#x60;&lt;image class=&quot;nf-image&quot;/&gt;&#x60; SVG element.\n  @namespace components\n  @class nf-svg-image\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-requires-scale-source\n  @uses mixins.graph-selectable-graphic\n*/\nexport default Ember.Component.extend(HasGraphParent, RequiresScaleSource, SelectableGraphic, {\n  tagName: &#x27;image&#x27;,\n\n  classNameBindings: [&#x27;:nf-svg-image&#x27;, &#x27;selectable&#x27;, &#x27;selected&#x27;],\n  \n  //HACK: for now xlink:href needs to be bound elsewhere.\n  attributeBindings: [&#x27;svgX:x&#x27;, &#x27;svgY:y&#x27;, &#x27;svgWidth:width&#x27;, &#x27;svgHeight:height&#x27;],\n\n  click: function(){\n    if(this.get(&#x27;selectable&#x27;)) {\n      this.toggleProperty(&#x27;selected&#x27;);\n    }\n  },\n\n  /**\n    The domain x value to place the image at.\n    @property x\n    @default null\n  */\n  x: null,\n\n  /**\n    The domain y value to place the image at.\n    @property y\n    @default null\n  */\n  y: null,\n\n  _width: 0,\n\n  /**\n    The width as a domain value. Does not handle ordinal\n    scales. To set a pixel value, set &#x60;svgWidth&#x60; directly.\n    @property width\n    @type Number\n    @default 0\n  */\n  width: Ember.computed(function(key, value) {\n    if(arguments.length &gt; 1) {\n      this._width = Math.max(0, +value) || 0;\n    }\n    return this._width;\n  }),\n\n  _height: 0,\n\n  /**\n    The height as a domain value. Does not \n    handle ordinal scales. To set a pixel value, just\n    set &#x60;svgHeight&#x60; directly.\n    @property height\n    @default null\n  */\n  height: Ember.computed(function(key, value) {\n    if(arguments.length &gt; 1) {\n      this._height = Math.max(0, +value) || 0;\n    }\n    return this._height;\n  }),\n\n  /**\n    The image source url\n    @property src\n    @type String\n  */\n  src: Ember.computed(function(key, value) {\n    //HACK: because attributeBindings doesn&#x27;t currently work with namespaced attributes.\n    var $elem = this.$();\n    if(arguments.length &gt; 1) {\n      $elem.attr(&#x27;xlink:href&#x27;, value);\n    }\n    return $elem.attr(&#x27;xlink:href&#x27;);\n  }),\n\n  x0: Ember.computed(&#x27;x&#x27;, &#x27;xScale&#x27;, function(){\n    return normalizeScale(this.get(&#x27;xScale&#x27;), this.get(&#x27;x&#x27;));\n  }),\n\n  y0: Ember.computed(&#x27;y&#x27;, &#x27;yScale&#x27;, function(){\n    return normalizeScale(this.get(&#x27;yScale&#x27;), this.get(&#x27;y&#x27;));\n  }),\n\n  x1: Ember.computed(&#x27;xScale&#x27;, &#x27;width&#x27;, &#x27;x&#x27;, function(){\n    var scale = this.get(&#x27;xScale&#x27;);\n    if(scale.rangeBands) {\n      throw new Error(&#x27;nf-image does not support ordinal scales&#x27;);\n    }\n    return normalizeScale(scale, this.get(&#x27;width&#x27;) + this.get(&#x27;x&#x27;));\n  }),\n\n  y1: Ember.computed(&#x27;yScale&#x27;, &#x27;height&#x27;, &#x27;y&#x27;, function(){\n    var scale = this.get(&#x27;yScale&#x27;);\n    if(scale.rangeBands) {\n      throw new Error(&#x27;nf-image does not support ordinal scales&#x27;);\n    }\n    return normalizeScale(scale, this.get(&#x27;height&#x27;) + this.get(&#x27;y&#x27;));\n  }),\n\n  /**\n    The pixel value at which to plot the image.\n    @property svgX\n    @type Number\n  */\n  svgX: Ember.computed(&#x27;x0&#x27;, &#x27;x1&#x27;, function(){\n    return Math.min(this.get(&#x27;x0&#x27;), this.get(&#x27;x1&#x27;));\n  }),\n\n  /**\n    The pixel value at which to plot the image.\n    @property svgY\n    @type Number\n  */\n  svgY: Ember.computed(&#x27;y0&#x27;, &#x27;y1&#x27;, function(){\n    return Math.min(this.get(&#x27;y0&#x27;), this.get(&#x27;y1&#x27;));\n  }),\n\n  /**\n    The width, in pixels, of the image.\n    @property svgWidth\n    @type Number\n  */\n  svgWidth: Ember.computed(&#x27;x0&#x27;, &#x27;x1&#x27;, function(){\n    return Math.abs(this.get(&#x27;x0&#x27;) - this.get(&#x27;x1&#x27;));\n  }),\n\n  /**\n    The height, in pixels of the image.\n    @property svgHeight\n    @type Number\n  */\n  svgHeight: Ember.computed(&#x27;y0&#x27;, &#x27;y1&#x27;, function(){\n    return Math.abs(this.get(&#x27;y0&#x27;) - this.get(&#x27;y1&#x27;));\n  }),\n});\n\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-svg-line.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-svg-line.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-svg-line.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport RequiresScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\nimport { normalizeScale } from &#x27;ember-nf-graph/utils/nf/scale-utils&#x27;;\nimport SelectableGraphic from &#x27;ember-nf-graph/mixins/graph-selectable-graphic&#x27;;\n\n/**\n  Draws a basic line between two points on the graph. \n  @namespace components\n  @class nf-svg-line\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-requires-scale-source\n  @uses mixins.graph-selectable-graphic\n*/\nexport default Ember.Component.extend(HasGraphParent, RequiresScaleSource, SelectableGraphic, {\n  tagName: &#x27;line&#x27;,\n\n  classNameBindings: [&#x27;:nf-svg-line&#x27;, &#x27;selectable&#x27;, &#x27;selected&#x27;],\n\n  attributeBindings: [&#x27;svgX1:x1&#x27;, &#x27;svgX2:x2&#x27;, &#x27;svgY1:y1&#x27;, &#x27;svgY2:y2&#x27;],\n\n  click: function(){\n    if(this.get(&#x27;selectable&#x27;)) {\n      this.toggleProperty(&#x27;selected&#x27;);\n    }\n  },\n\n  /**\n    The domain value to plot the SVGLineElement&#x27;s x1 at.\n    @property x1\n    @default null\n  */\n  x1: null,\n\n  /**\n    The domain value to plot the SVGLineElement&#x27;s x2 at.\n    @property x2\n    @default null\n  */\n  x2: null,\n\n  /**\n    The domain value to plot the SVGLineElement&#x27;s y1 at.\n    @property y1\n    @default null\n  */\n  y1: null,\n\n  /**\n    The domain value to plot the SVGLineElement&#x27;s y2 at.\n    @property y2\n    @default null\n  */\n  y2: null,\n\n  /**\n    The pixel value to plot the SVGLineElement&#x27;s x1 at.\n    @property svgX1\n    @type Number\n  */\n  svgX1: Ember.computed(&#x27;x1&#x27;, &#x27;xScale&#x27;, function(){\n    return normalizeScale(this.get(&#x27;xScale&#x27;), this.get(&#x27;x1&#x27;));\n  }),\n  \n  /**\n    The pixel value to plot the SVGLineElement&#x27;s x2 at.\n    @property svgX2\n    @type Number\n  */\n  svgX2: Ember.computed(&#x27;x2&#x27;, &#x27;xScale&#x27;, function(){\n    return normalizeScale(this.get(&#x27;xScale&#x27;), this.get(&#x27;x2&#x27;));\n  }),\n\n  /**\n    The pixel value to plot the SVGLineElement&#x27;s y1 at.\n    @property svgY1\n    @type Number\n  */\n  svgY1: Ember.computed(&#x27;y1&#x27;, &#x27;yScale&#x27;, function(){\n    return normalizeScale(this.get(&#x27;yScale&#x27;), this.get(&#x27;y1&#x27;));\n  }),\n  \n  /**\n    The pixel value to plot the SVGLineElement&#x27;s y2 at.\n    @property svgY2\n    @type Number\n  */\n  svgY2: Ember.computed(&#x27;y2&#x27;, &#x27;yScale&#x27;, function(){\n    return normalizeScale(this.get(&#x27;yScale&#x27;), this.get(&#x27;y2&#x27;));\n  }),\n});\n\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-svg-path.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-svg-path.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-svg-path.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport RequiresScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\nimport { normalizeScale } from &#x27;ember-nf-graph/utils/nf/scale-utils&#x27;;\nimport SelectableGraphic from &#x27;ember-nf-graph/mixins/graph-selectable-graphic&#x27;;\n\n/**\n  An SVG path primitive that plots based on a graph&#x27;s scale.\n  @namespace components\n  @class nf-svg-path\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-requires-scale-source\n  @uses mixins.graph-selectable-graphic\n*/\nexport default Ember.Component.extend(HasGraphParent, RequiresScaleSource, SelectableGraphic, {\n  type: &#x27;path&#x27;,\n\n  classNameBindings: [&#x27;:nf-svg-path&#x27;, &#x27;selectable&#x27;, &#x27;selected&#x27;],\n\n  attributeBindings: [&#x27;d&#x27;],\n\n  /**\n    The array of points to use to plot the path. This is an array of arrays, in the following format:\n\n          // specify path pen commands\n          [\n            [50, 50, &#x27;L&#x27;],\n            [100, 100, &#x27;L&#x27;]\n          ]\n\n          // or they will default to &#x27;L&#x27;\n          [\n            [50, 50],\n            [100, 100]\n          ]\n\n  @property points\n  @type Array\n  */\n  points: null,\n\n  /**\n    The data points mapped to scale\n    @property svgPoints\n    @type Array\n  */\n  svgPoints: Ember.computed(&#x27;points.[]&#x27;, &#x27;xScale&#x27;, &#x27;yScale&#x27;, function(){\n    var points = this.get(&#x27;points&#x27;);\n    var xScale = this.get(&#x27;xScale&#x27;);\n    var yScale = this.get(&#x27;yScale&#x27;);\n    if(Ember.isArray(points) &amp;&amp; points.length &gt; 0) {\n      return points.map(function(v) {\n        var dx = normalizeScale(xScale, v[0]);\n        var dy = normalizeScale(yScale, v[1]);\n        var c = v.length &gt; 2 ? v[2] : &#x27;L&#x27;;\n        return [dx, dy, c];\n      });\n    } \n  }),\n\n  click: function(){\n    if(this.get(&#x27;selectable&#x27;)) {\n      this.toggleProperty(&#x27;selected&#x27;);\n    }\n  },\n\n  /**\n    The raw svg path d attribute output\n    @property d\n    @type String\n  */\n  d: Ember.computed(&#x27;svgPoints&#x27;, function(){\n    var svgPoints = this.get(&#x27;svgPoints&#x27;);\n    if(Ember.isArray(svgPoints) &amp;&amp; svgPoints.length &gt; 0) {\n      return svgPoints.reduce(function(d, pt, i) {\n        if(i === 0) {\n          d += &#x27;M&#x27; + pt[0] + &#x27;,&#x27; + pt[1];\n        }\n        d += &#x27; &#x27; + pt[2] + pt[0] + &#x27;,&#x27; + pt[1];\n        return d;\n      }, &#x27;&#x27;);\n    } else {\n      return &#x27;M0,0&#x27;;\n    }\n  }),\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-svg-rect.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-svg-rect.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-svg-rect.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport RequiresScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\nimport { normalizeScale } from &#x27;ember-nf-graph/utils/nf/scale-utils&#x27;;\nimport SelectableGraphic from &#x27;ember-nf-graph/mixins/graph-selectable-graphic&#x27;;\n\n/**\n  A rectangle that plots using domain values from the graph. Uses an SVGPathElement\n  to plot the rectangle, to allow for rectangles with &quot;negative&quot; heights.\n  @namespace components\n  @class nf-svg-rect\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-requires-scale-source\n  @uses mixins.graph-selectable-graphic\n*/\nexport default Ember.Component.extend(HasGraphParent, RequiresScaleSource, SelectableGraphic, {\n  tagName: &#x27;path&#x27;,\n\n  attributeBindings: [&#x27;d&#x27;],\n\n  classNameBindings: [&#x27;:nf-svg-rect&#x27;, &#x27;selectable&#x27;, &#x27;selected&#x27;],\n\n  /**\n    The domain x value to place the rect at.\n    @property x\n    @default null\n  */\n  x: null,\n\n  /**\n    The domain y value to place the rect at.\n    @property y\n    @default null\n  */\n  y: null,\n\n  _width: 0,\n\n  /**\n    The width as a domain value. If xScale is ordinal, \n    then this value is the indice offset to which to draw the \n    rectangle. In other words, if it&#x27;s &#x60;2&#x60;, then draw the rectangle\n    to two ordinals past whatever &#x60;x&#x60; is set to.\n    @property width\n    @type Number\n    @default 0\n  */\n  width: Ember.computed(function(key, value) {\n    if(arguments.length &gt; 1) {\n      this._width = +value;\n    }\n    return this._width;\n  }),\n\n  _height: 0,\n\n  /**\n    The height as a domain value. If the yScale is ordinal,\n    this value is the indice offset to which to draw the rectangle.\n    For example, if the height is &#x60;3&#x60; then draw the rectangle\n    to two ordinals passed whatever &#x60;y&#x60; is set to.\n    @property height\n    @type Number\n    @default 0\n  */\n  height: Ember.computed(function(key, value) {\n    if(arguments.length &gt; 1) {\n      this._height = +value;\n    }\n    return this._height;\n  }),\n\n  /**\n    The x value of the bottom right corner of the rectangle.\n    @property x1\n    @type Number\n  */\n  x1: Ember.computed(&#x27;width&#x27;, &#x27;x&#x27;, &#x27;xScale&#x27;, function(){\n    var xScale = this.get(&#x27;xScale&#x27;);\n    var w = this.get(&#x27;width&#x27;);\n    var x = this.get(&#x27;x&#x27;);\n    if(xScale.rangeBands) {\n      var domain = xScale.domain();\n      var fromIndex = domain.indexOf(x);\n      var toIndex = fromIndex + w;\n      return normalizeScale(xScale, domain[toIndex]);\n    } else {\n      x = +x || 0;\n      return normalizeScale(xScale, w + x);\n    }\n  }),\n\n  /**\n    The y value of the bottom right corner of the rectangle\n    @property y1\n    @type Number\n  */\n  y1: Ember.computed(&#x27;height&#x27;, &#x27;y&#x27;, &#x27;yScale&#x27;, function(){\n    var yScale = this.get(&#x27;yScale&#x27;);\n    var h = this.get(&#x27;height&#x27;);\n    var y = this.get(&#x27;y&#x27;);\n    if(yScale.rangeBands) {\n      var domain = yScale.domain();\n      var fromIndex = domain.indexOf(y);\n      var toIndex = fromIndex + h;\n      return normalizeScale(yScale, domain[toIndex]);\n    } else {\n      y = +y || 0;\n      return normalizeScale(yScale, h + y);\n    }\n  }),\n\n  /**\n    The x value of the top right corner of the rectangle\n    @property x0\n    @type Number\n  */\n  x0: Ember.computed(&#x27;x&#x27;, &#x27;xScale&#x27;, function(){\n    return normalizeScale(this.get(&#x27;xScale&#x27;), this.get(&#x27;x&#x27;));\n  }),\n\n  /**\n    The y value of the top right corner of the rectangle.\n    @property y0\n    @type Number\n  */\n  y0: Ember.computed(&#x27;y&#x27;, &#x27;yScale&#x27;, function() {\n    return normalizeScale(this.get(&#x27;yScale&#x27;), this.get(&#x27;y&#x27;));\n  }),\n\n  /**\n    The SVG path data for the rectangle\n    @property d\n    @type String\n  */\n  d: Ember.computed(&#x27;x0&#x27;, &#x27;y0&#x27;, &#x27;x1&#x27;, &#x27;y1&#x27;, function(){\n    var x0 = this.get(&#x27;x0&#x27;);\n    var y0 = this.get(&#x27;y0&#x27;);\n    var x1 = this.get(&#x27;x1&#x27;);\n    var y1 = this.get(&#x27;y1&#x27;);\n    return &#x60;M${x0},${y0} L${x0},${y1} L${x1},${y1} L${x1},${y0} L${x0},${y0}&#x60;;\n  }),\n\n  /**\n    Click event handler. Toggles selected if selectable.\n    @method click\n  */\n  click: function(){\n    if(this.get(&#x27;selectable&#x27;)) {\n      this.toggleProperty(&#x27;selected&#x27;);\n    }\n  }\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-tracker.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-tracker.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-tracker.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport DataGraphic from &#x27;ember-nf-graph/mixins/graph-data-graphic&#x27;;\nimport RequiresScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport GraphicWithTrackingDot from &#x27;ember-nf-graph/mixins/graph-graphic-with-tracking-dot&#x27;;\nimport computed from &#x27;ember-new-computed&#x27;;\n\n\n/**\n  A tracking graphic component used to do things like create tracking dots for nf-area or nf-line.\n  @namespace components\n  @class nf-tracker\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-data-graphic\n  @uses mixins.graph-requires-scale-source\n  @uses mixins.graph-graphic-with-tracking-dot\n  */\nexport default Ember.Component.extend(HasGraphParent, DataGraphic, RequiresScaleSource, GraphicWithTrackingDot, {\n  tagName: &#x27;g&#x27;,\n\n  classNameBindings: [&#x27;:nf-tracker&#x27;],\n\n  attributeBindings: [&#x27;transform&#x27;],\n\n  transform: computed(&#x27;trackedData.x&#x27;, &#x27;trackedData.y&#x27;, &#x27;xScale&#x27;, &#x27;yScale&#x27;, {\n    get() {\n      var xScale = this.get(&#x27;xScale&#x27;);\n      var yScale = this.get(&#x27;yScale&#x27;);\n      var x = xScale &amp;&amp; xScale(this.get(&#x27;trackedData.x&#x27;) || 0);\n      var y = yScale &amp;&amp; yScale(this.get(&#x27;trackedData.y&#x27;) || 0);\n      return &#x27;translate(&#x27; + x + &#x27;,&#x27; + y + &#x27;)&#x27;;\n    }\n  })\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-vertical-line.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-vertical-line.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-vertical-line.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport RequireScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\n\n/**\n  Draws a vertical line on a graph at a given x domain value\n  @namespace components\n  @class nf-vertical-line\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Ember.Component.extend(HasGraphParent, RequireScaleSource, {\n  tagName: &#x27;line&#x27;,\n\n  classNames: [&#x27;nf-vertical-line&#x27;],\n\n  attributeBindings: [&#x27;lineX:x1&#x27;, &#x27;lineX:x2&#x27;, &#x27;y1&#x27;, &#x27;y2&#x27;],\n\n  /**\n    The top y coordinate of the line\n    @property y1\n    @type Number\n    @default 0\n    @private\n  */\n  y1: 0,\n\n  /**\n    The bottom y coordinate of the line\n    @property y2\n    @type Number\n    @private\n    @readonly\n  */\n  y2: Ember.computed.alias(&#x27;graph.graphHeight&#x27;),\n\n  /**\n    The x domain value at which to draw the vertical line on the graph\n    @property x\n    @type Number\n    @default null\n  */\n  x: null,\n\n  /**\n    The calculated x coordinate of the vertical line\n    @property lineX\n    @type Number\n    @private\n    @readonly\n  */\n  lineX: Ember.computed(&#x27;xScale&#x27;, &#x27;x&#x27;, function(){\n    var xScale = this.get(&#x27;xScale&#x27;);\n    var x = this.get(&#x27;x&#x27;);\n    var px = xScale ? xScale(x) : -1;\n    return px &amp;&amp; px &gt; 0 ? px : 0;\n  }),\n});\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-x-axis.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-x-axis.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-x-axis.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport RequireScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\n\nimport layout from &#x27;../templates/components/nf-x-axis&#x27;;\n\n/**\n  A component for adding a templated x axis to an &#x60;nf-graph&#x60; component.\n  All items contained within this component are used to template each tick mark on the\n  rendered graph. Tick values are supplied to the inner scope of this component on the\n  view template via &#x60;tick&#x60;.\n\n  ### Styling\n\n  The main container will have a &#x60;nf-x-axis&#x60; class.\n  A &#x60;orient-top&#x60; or &#x60;orient-bottom&#x60; container will be applied to the container\n  depending on the &#x60;orient&#x60; setting.\n\n  Ticks are positioned via a &#x60;&lt;g&gt;&#x60; tag, that will contain whatever is passed into it via\n  templating, along with the tick line. &#x60;&lt;text&gt;&#x60; tags within tick templates do have some\n  default styling applied to them to position them appropriately based off of orientation.\n\n  ### Example\n\n        {{#nf-graph width=500 height=300}}\n          {{#nf-x-axis height=40 as |tick|}}\n            &lt;text&gt;x is {{tick.value}}&lt;/text&gt;\n          {{/nf-x-axis}}\n        {{/nf-graph}}\n\n\n  @namespace components\n  @class nf-x-axis\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Ember.Component.extend(HasGraphParent, RequireScaleSource, {\n  tagName: &#x27;g&#x27;,\n\n  layout: layout,\n  template: null,\n\n  useTemplate: Ember.computed(&#x27;hasBlock&#x27;, &#x27;template.blockParams&#x27;, &#x27;hasBlockParams&#x27;, function(){\n    var preGlimmerCheck = this.get(&#x27;template.blockParams&#x27;);\n    var postGlimmerCheck = this.get(&#x27;hasBlock&#x27;) &amp;&amp; this.get(&#x27;hasBlockParams&#x27;);\n    return Boolean(postGlimmerCheck || preGlimmerCheck);\n  }),\n\n  attributeBindings: [&#x27;transform&#x27;],\n  classNameBindings: [&#x27;orientClass&#x27;],\n  classNames: [&#x27;nf-x-axis&#x27;],\n\n  /**\n    The height of the x axis in pixels.\n    @property height\n    @type Number\n    @default 20\n  */\n  height: 20,\n\n  /**\n    The number of ticks to display\n    @property tickCount\n    @type Number\n    @default 12\n  */\n  tickCount: 12,\n\n  /**\n    The length of the tick line (the small vertical line indicating the tick)\n    @property tickLength\n    @type Number\n    @default 0\n  */\n  tickLength: 0,\n\n  /**\n    The spacing between the end of the tick line and the origin of the templated\n    tick content\n    @property tickPadding\n    @type Number\n    @default 5\n  */\n  tickPadding: 5,\n\n  /**\n    The orientation of the x axis. Value can be &#x60;&#x27;top&#x27;&#x60; or &#x60;&#x27;bottom&#x27;&#x60;.\n    @property orient\n    @type String\n    @default &#x27;bottom&#x27;\n  */\n  orient: &#x27;bottom&#x27;,\n\n  _tickFilter: null,\n\n  /**\n    An optional filtering function to allow more control over what tick marks are displayed.\n    The function should have exactly the same signature as the function you&#x27;d use for an\n    &#x60;Array.prototype.filter()&#x60;.\n\n    @property tickFilter\n    @type Function\n    @default null\n    @example\n\n          {{#nf-x-axis tickFilter=myFilter as |tick|}}\n            &lt;text&gt;{{tick.value}}&lt;/text&gt;\n          {{/nf-x-axis}}\n\n    And on your controller:\n\n          myFilter: function(tick, index, ticks) {\n            return tick.value &lt; 1000;\n          },\n\n    The above example will filter down the set of ticks to only those that are less than 1000.\n  */\n  tickFilter: Ember.computed.alias(&#x27;_tickFilter&#x27;),\n\n  /**\n    The class applied due to orientation (e.g. &#x60;&#x27;orient-top&#x27;&#x60;)\n    @property orientClass\n    @type String\n    @readonly\n  */\n  orientClass: Ember.computed(&#x27;orient&#x27;, function(){\n    return &#x27;orient-&#x27; + this.get(&#x27;orient&#x27;);\n  }),\n\n  /**\n    The SVG Transform applied to this component&#x27;s container.\n    @property transform\n    @type String\n    @readonly\n  */\n  transform: Ember.computed(&#x27;x&#x27;, &#x27;y&#x27;, function(){\n    var x = this.get(&#x27;x&#x27;) || 0;\n    var y = this.get(&#x27;y&#x27;) || 0;\n    return &#x60;translate(${x} ${y})&#x60;;\n  }),\n\n  /**\n    The y position of this component&#x27;s container.\n    @property y\n    @type Number\n    @readonly\n  */\n  y: Ember.computed(\n    &#x27;orient&#x27;,\n    &#x27;graph.paddingTop&#x27;,\n    &#x27;graph.paddingBottom&#x27;,\n    &#x27;graph.height&#x27;,\n    &#x27;height&#x27;,\n    function(){\n      var orient = this.get(&#x27;orient&#x27;);\n      var graphHeight = this.get(&#x27;graph.height&#x27;);\n      var height = this.get(&#x27;height&#x27;);\n      var paddingBottom = this.get(&#x27;graph.paddingBottom&#x27;);\n      var paddingTop = this.get(&#x27;graph.paddingTop&#x27;);\n      var y;\n\n      if(orient === &#x27;bottom&#x27;) {\n        y = graphHeight - paddingBottom - height;\n      } else {\n        y = paddingTop;\n      }\n\n      return y || 0;\n    }\n  ),\n\n  /**\n    This x position of this component&#x27;s container\n    @property x\n    @type Number\n    @readonly\n  */\n  x: Ember.computed(&#x27;graph.graphX&#x27;, function(){\n    return this.get(&#x27;graph.graphX&#x27;) || 0;\n  }),\n\n  init() {\n    this._super(...arguments);\n    this.set(&#x27;graph.xAxis&#x27;, this);\n  },\n\n  /**\n    The width of the component\n    @property width\n    @type Number\n    @readonly\n  */\n  width: Ember.computed.alias(&#x27;graph.graphWidth&#x27;),\n\n  /**\n    A method to call to override the default behavior of how ticks are created.\n\n    The function signature should match:\n\n          // - scale: d3.Scale\n          // - tickCount: number of ticks\n          // - uniqueData: unique data points for the axis\n          // - scaleType: string of &quot;linear&quot; or &quot;ordinal&quot;\n          // returns: an array of tick values.\n          function(scale, tickCount, uniqueData, scaleType) {\n            return [100,200,300];\n          }\n\n    @property tickFactory\n    @type {Function}\n    @default null\n  */\n  tickFactory: null,\n\n  tickData: Ember.computed(&#x27;xScale&#x27;, &#x27;graph.xScaleType&#x27;, &#x27;uniqueXData&#x27;, &#x27;tickCount&#x27;, &#x27;tickFactory&#x27;, function(){\n    var tickFactory = this.get(&#x27;tickFactory&#x27;);\n    var scale = this.get(&#x27;xScale&#x27;);\n    var uniqueData = this.get(&#x27;uniqueXData&#x27;);\n    var tickCount = this.get(&#x27;tickCount&#x27;);\n    var scaleType = this.get(&#x27;graph.xScaleType&#x27;);\n\n    if(tickFactory) {\n      return tickFactory(scale, tickCount, uniqueData, scaleType);\n    }\n    else if(scaleType === &#x27;ordinal&#x27;) {\n      return uniqueData;\n    } \n    else {\n      return scale.ticks(tickCount);\n    }\n  }),\n\n  /**\n    A unique set of all x data on the graph\n    @property uniqueXData\n    @type Array\n    @readonly\n  */\n  uniqueXData: Ember.computed.uniq(&#x27;graph.xData&#x27;),\n\n  /**\n    The models for the ticks to display on the axis.\n    @property ticks\n    @type Array\n    @readonly\n  */\n  ticks: Ember.computed(\n    &#x27;xScale&#x27;,\n    &#x27;tickPadding&#x27;,\n    &#x27;tickLength&#x27;,\n    &#x27;height&#x27;,\n    &#x27;orient&#x27;,\n    &#x27;tickFilter&#x27;,\n    &#x27;tickData&#x27;,\n    &#x27;graph.xScaleType&#x27;,\n    function(){\n      var xScale = this.get(&#x27;xScale&#x27;);\n      var xScaleType = this.get(&#x27;graph.xScaleType&#x27;);\n      var tickPadding = this.get(&#x27;tickPadding&#x27;);\n      var tickLength = this.get(&#x27;tickLength&#x27;);\n      var height = this.get(&#x27;height&#x27;);\n      var orient = this.get(&#x27;orient&#x27;);\n      var tickFilter = this.get(&#x27;tickFilter&#x27;);\n      var ticks = this.get(&#x27;tickData&#x27;);\n      var y1 = orient === &#x27;top&#x27; ? height : 0;\n      var y2 = y1 + tickLength;\n      var labely = orient === &#x27;top&#x27; ? (y1 - tickPadding) : (y1 + tickPadding);\n      var halfBandWidth = (xScaleType === &#x27;ordinal&#x27;) ? xScale.rangeBand() / 2 : 0;\n      var result = ticks.map(function(tick) {\n        return {\n          value: tick,\n          x: xScale(tick) + halfBandWidth,\n          y1: y1,\n          y2: y2,\n          labely: labely\n        };\n      });\n\n      if(tickFilter) {\n        result = result.filter(tickFilter);\n      }\n\n      return Ember.A(result);\n    }\n  ),\n\n  /**\n    The y position, in pixels, of the axis line\n    @property axisLineY\n    @type Number\n    @readonly\n  */\n  axisLineY: Ember.computed(&#x27;orient&#x27;, &#x27;height&#x27;, function(){\n    var orient = this.get(&#x27;orient&#x27;);\n    var height = this.get(&#x27;height&#x27;);\n    return orient === &#x27;top&#x27; ? height : 0;\n  })\n\n});\n\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-y-axis.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-y-axis.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-y-axis.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent  from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport RequireScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\n\nimport layout from &#x27;../templates/components/nf-y-axis&#x27;;\n\n/**\n  A component for adding a templated y axis to an &#x60;nf-graph&#x60; component.\n  All items contained within this component are used to template each tick mark on the \n  rendered graph. Tick values are supplied to the inner scope of this component on the\n  view template via &#x60;tick&#x60;.\n  \n  ### Styling\n  \n  The main container will have a &#x60;nf-y-axis&#x60; class.\n  A &#x60;orient-left&#x60; or &#x60;orient-right&#x60; container will be applied to the container\n  depending on the &#x60;orient&#x60; setting.\n\n  Ticks are positioned via a &#x60;&lt;g&gt;&#x60; tag, that will contain whatever is passed into it via\n  templating, along with the tick line. &#x60;&lt;text&gt;&#x60; tags within tick templates do have some \n  default styling applied to them to position them appropriately based off of orientation.\n\n  ### Example\n\n        {{#nf-graph width=500 height=300}}\n          {{#nf-y-axis width=40 as |tick|}}\n            &lt;text&gt;y is {{tick.value}}&lt;/text&gt;\n          {{/nf-y-axis}}\n        {{/nf-graph}}\n\n\n  @namespace components\n  @class nf-y-axis\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Ember.Component.extend(HasGraphParent, RequireScaleSource, {\n  tagName: &#x27;g&#x27;,\n\n  layout: layout,\n  template: null,\n\n  useTemplate: Ember.computed(function(){\n    var preGlimmerCheck = this.get(&#x27;template.blockParams&#x27;);\n    var postGlimmerCheck = this.get(&#x27;hasBlock&#x27;) &amp;&amp; this.get(&#x27;hasBlockParams&#x27;);\n    return Boolean(postGlimmerCheck || preGlimmerCheck);\n  }),\n\n  /**\n    The number of ticks to display\n    @property tickCount\n    @type Number\n    @default 5\n  */\n  tickCount: 5,\n\n  /**\n    The length of the tick&#x27;s accompanying line.\n    @property tickLength\n    @type Number\n    @default 5\n  */\n  tickLength: 5,\n\n  /**\n    The distance between the tick line and the origin tick&#x27;s templated output\n    @property tickPadding\n    @type Number\n    @default 3\n  */\n  tickPadding: 3,\n\n  /**\n    The total width of the y axis\n    @property width\n    @type Number\n    @default 40\n  */\n  width: 40,\n\n  /**\n    The orientation of the y axis. Possible values are &#x60;&#x27;left&#x27;&#x60; and &#x60;&#x27;right&#x27;&#x60;\n    @property orient\n    @type String\n    @default &#x27;left&#x27;\n  */\n  orient: &#x27;left&#x27;,\n\n  attributeBindings: [&#x27;transform&#x27;],\n\n  classNameBindings: [&#x27;:nf-y-axis&#x27;, &#x27;isOrientRight:orient-right:orient-left&#x27;],\n  \n  _tickFilter: null,\n\n  /**\n    An optional filtering function to allow more control over what tick marks are displayed.\n    The function should have exactly the same signature as the function you&#x27;d use for an\n    &#x60;Array.prototype.filter()&#x60;.\n  \n    @property tickFilter\n    @type Function\n    @default null\n    @example\n\n          {{#nf-y-axis tickFilter=myFilter as |tick|}}\n            &lt;text&gt;{{tick.value}}&lt;/text&gt;\n          {{/nf-y-axis}}\n  \n    And on your controller:\n    \n          myFilter: function(tick, index, ticks) {\n            return tick.value &lt; 1000;\n          },\n  \n    The above example will filter down the set of ticks to only those that are less than 1000.\n  */\n  tickFilter: Ember.computed(function(name, value) {\n    if(arguments.length &gt; 1) {\n      this._tickFilter = value;\n    }\n    return this._tickFilter;\n  }),\n\n  /**\n    computed property. returns true if &#x60;orient&#x60; is equal to &#x60;&#x27;right&#x27;&#x60;.\n    @property isOrientRight\n    @type Boolean\n    @readonly\n  */\n  isOrientRight: Ember.computed.equal(&#x27;orient&#x27;, &#x27;right&#x27;),\n\n\n  /**\n    The SVG transform for positioning the component.\n    @property transform\n    @type String\n    @readonly\n  */\n  transform: Ember.computed(&#x27;x&#x27;, &#x27;y&#x27;, function(){\n    var x = this.get(&#x27;x&#x27;);\n    var y = this.get(&#x27;y&#x27;);\n    return &#x60;translate(${x} ${y})&#x60;;\n  }),\n\n  /**\n    The x position of the component\n    @property x\n    @type Number\n    @readonly\n  */\n  x: Ember.computed(\n    &#x27;orient&#x27;,\n    &#x27;graph.width&#x27;,\n    &#x27;width&#x27;,\n    &#x27;graph.paddingLeft&#x27;,\n    &#x27;graph.paddingRight&#x27;,\n    function(){\n      var orient = this.get(&#x27;orient&#x27;);\n      if(orient !== &#x27;left&#x27;) {\n        return this.get(&#x27;graph.width&#x27;) - this.get(&#x27;width&#x27;) - this.get(&#x27;graph.paddingRight&#x27;);\n      }\n      return this.get(&#x27;graph.paddingLeft&#x27;);\n    }\n  ),\n\n  /**\n    The y position of the component\n    @property y\n    @type Number\n    @readonly\n  */\n  y: Ember.computed.alias(&#x27;graph.graphY&#x27;),\n\n  /** \n    the height of the component\n    @property height\n    @type Number\n    @readonly\n  */\n  height: Ember.computed.alias(&#x27;graph.height&#x27;),\n\n  init() {\n    this._super(...arguments);\n    this.set(&#x27;graph.yAxis&#x27;, this);\n  },\n\n  /**\n    A method to call to override the default behavior of how ticks are created.\n\n    The function signature should match:\n\n          // - scale: d3.Scale\n          // - tickCount: number of ticks\n          // - uniqueData: unique data points for the axis\n          // - scaleType: string of &quot;linear&quot; or &quot;ordinal&quot;\n          // returns: an array of tick values.\n          function(scale, tickCount, uniqueData, scaleType) {\n            return [100,200,300];\n          }\n\n    @property tickFactory\n    @type {Function}\n    @default null\n  */\n  tickFactory: null,\n\n  tickData: Ember.computed(&#x27;graph.yScaleType&#x27;, &#x27;uniqueYData&#x27;, &#x27;yScale&#x27;, &#x27;tickCount&#x27;, function(){\n    var tickFactory = this.get(&#x27;tickFactory&#x27;);\n    var scale = this.get(&#x27;yScale&#x27;);\n    var uniqueData = this.get(&#x27;uniqueYData&#x27;);\n    var scaleType = this.get(&#x27;graph.yScaleType&#x27;);\n    var tickCount = this.get(&#x27;tickCount&#x27;);\n\n    if(tickFactory) {\n      return tickFactory(scale, tickCount, uniqueData, scaleType);\n    }\n    else if(scaleType === &#x27;ordinal&#x27;) {\n      return uniqueData;\n    } \n    else {\n      var ticks = scale.ticks(tickCount);\n      if (scaleType === &#x27;log&#x27;) {\n        var step = Math.round(ticks.length / tickCount);\n        ticks = ticks.filter(function (tick, i) {\n          return i % step === 0;\n        });\n      }\n      return ticks;\n    }\n  }),\n\n  /**\n    All y data from the graph, filtered to unique values.\n    @property uniqueYData\n    @type Array\n    @readonly\n  */\n  uniqueYData: Ember.computed.uniq(&#x27;graph.yData&#x27;),\n\n  /** \n    The ticks to be displayed.\n    @property ticks\n    @type Array\n    @readonly\n  */\n  ticks: Ember.computed(\n    &#x27;yScale&#x27;,\n    &#x27;tickPadding&#x27;,\n    &#x27;axisLineX&#x27;,\n    &#x27;tickLength&#x27;,\n    &#x27;isOrientRight&#x27;,\n    &#x27;tickFilter&#x27;,\n    function(){\n      var yScale = this.get(&#x27;yScale&#x27;);\n      var tickPadding = this.get(&#x27;tickPadding&#x27;);\n      var axisLineX = this.get(&#x27;axisLineX&#x27;);\n      var tickLength = this.get(&#x27;tickLength&#x27;);\n      var isOrientRight = this.get(&#x27;isOrientRight&#x27;);\n      var tickFilter = this.get(&#x27;tickFilter&#x27;);\n      var ticks = this.get(&#x27;tickData&#x27;);\n      var x1 = isOrientRight ? axisLineX + tickLength : axisLineX - tickLength;\n      var x2 = axisLineX;\n      var labelx = isOrientRight ? (tickLength + tickPadding) : (axisLineX - tickLength - tickPadding);\n\n      var result = ticks.map(function (tick) {\n        return {\n          value: tick,\n          y: yScale(tick),\n          x1: x1,\n          x2: x2,\n          labelx: labelx,\n        };\n      });\n\n      if(tickFilter) {\n        result = result.filter(tickFilter);\n      }\n\n      return Ember.A(result);\n    }\n  ),\n\n\n  /**\n    The x position of the axis line.\n    @property axisLineX\n    @type Number\n    @readonly\n  */\n  axisLineX: Ember.computed(&#x27;isOrientRight&#x27;, &#x27;width&#x27;, function(){\n    return this.get(&#x27;isOrientRight&#x27;) ? 0 : this.get(&#x27;width&#x27;);\n  }),\n});\n\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/app_components_nf-y-diff.js.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>app/components/nf-y-diff.js - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1 class=\"file-heading\">File: app/components/nf-y-diff.js</h1>\n\n<div class=\"file\">\n    <pre class=\"code prettyprint linenums\">\nimport Ember from &#x27;ember&#x27;;\nimport HasGraphParent from &#x27;ember-nf-graph/mixins/graph-has-graph-parent&#x27;;\nimport RequireScaleSource from &#x27;ember-nf-graph/mixins/graph-requires-scale-source&#x27;;\nimport { normalizeScale } from &#x27;ember-nf-graph/utils/nf/scale-utils&#x27;;\n\n/**\n  Draws a box underneath (or over) the y axis to between the given &#x60;a&#x60; and &#x60;b&#x60;\n  domain values. Component content is used to template a label in that box.\n\n  ## Tips\n\n  - Should be outside of &#x60;nf-graph-content&#x60;.\n  - Should be &quot;above&quot; &#x60;nf-y-axis&#x60; in the markup.\n  - As a convenience, &#x60;&lt;text&gt;&#x60; elements will automatically be positioned based on y-axis orientation\n    due to default styling.\n\n  @namespace components\n  @class nf-y-diff\n  @extends Ember.Component\n  @uses mixins.graph-has-graph-parent\n  @uses mixins.graph-requires-scale-source\n*/\nexport default Ember.Component.extend(HasGraphParent, RequireScaleSource, {\n  tagName: &#x27;g&#x27;,\n\n  attributeBindings: [&#x27;transform&#x27;],\n\n  classNameBindings: [&#x27;:nf-y-diff&#x27;, &#x27;isPositive:positive:negative&#x27;, &#x27;isOrientRight:orient-right:orient-left&#x27;],\n\n  /**\n    The starting domain value of the difference measurement. The subrahend of the difference calculation.\n    @property a\n    @type Number\n    @default null\n  */\n  a: null,\n  \n  /**\n    The ending domain value of the difference measurement. The minuend of the difference calculation.\n    @property b\n    @type Number\n    @default null\n  */\n  b: null,\n  \n  /**\n    The amount of padding, in pixels, between the edge of the difference &quot;box&quot; and the content container\n    @property contentPadding\n    @type Number\n    @default 5\n  */\n  contentPadding: 5,\n  \n  /**\n    The duration of the transition, in milliseconds, as the difference slides vertically\n    @property duration\n    @type Number\n    @default 400\n  */\n  duration: 400,\n\n  /**\n    The calculated vertical center of the difference box, in pixels.\n    @property yCenter\n    @type Number\n    @readonly\n  */\n  yCenter: Ember.computed(&#x27;yA&#x27;, &#x27;yB&#x27;, function(){\n    var yA = +this.get(&#x27;yA&#x27;) || 0;\n    var yB = +this.get(&#x27;yB&#x27;) || 0;\n    return (yA + yB) / 2;\n  }),\n\n  /**\n    The y pixel value of b.\n    @property yB\n    @type Number\n  */\n  yB: Ember.computed(&#x27;yScale&#x27;, &#x27;b&#x27;, function(){\n    return normalizeScale(this.get(&#x27;yScale&#x27;), this.get(&#x27;b&#x27;));\n  }),\n\n  /**\n    The y pixel value of a.\n    @property yA\n    @type Number\n  */\n  yA: Ember.computed(&#x27;yScale&#x27;, &#x27;a&#x27;, function() {\n    return normalizeScale(this.get(&#x27;yScale&#x27;), this.get(&#x27;a&#x27;));\n  }),\n\n  /**\n    The SVG transformation of the component.\n    @property transform\n    @type String\n    @private\n    @readonly\n  */\n  transform: Ember.computed.alias(&#x27;graph.yAxis.transform&#x27;),\n\n  /**\n    The calculated difference between &#x60;a&#x60; and &#x60;b&#x60;.\n    @property diff\n    @type Number\n    @readonly\n  */\n  diff: Ember.computed(&#x27;a&#x27;, &#x27;b&#x27;, function(){\n    return +this.get(&#x27;b&#x27;) - this.get(&#x27;a&#x27;);\n  }),\n\n  /**\n    Returns &#x60;true&#x60; if &#x60;diff&#x60; is a positive number\n    @property isPositive\n    @type Boolean\n    @readonly\n  */\n  isPositive: Ember.computed.gte(&#x27;diff&#x27;, 0),\n  \n  /**\n    Returns &#x60;true&#x60; if the graph&#x27;s y-axis component is configured to orient right.\n    @property isOrientRight\n    @type Boolean\n    @readonly\n  */\n  isOrientRight: Ember.computed.equal(&#x27;graph.yAxis.orient&#x27;, &#x27;right&#x27;),\n\n  /**\n    The width of the difference box\n    @property width\n    @type Number\n    @readonly\n  */\n  width: Ember.computed.alias(&#x27;graph.yAxis.width&#x27;),\n\n  /**\n    The view controller for the view this component is present in\n    @property parentController\n    @type Ember.Controller\n    @private\n    @readonly\n  */\n  parentController: Ember.computed.alias(&#x27;templateData.view.controller&#x27;),\n\n  /**\n    The x pixel coordinate of the content container.\n    @property contentX\n    @type Number\n    @readonly\n  */\n  contentX: Ember.computed(&#x27;isOrientRight&#x27;, &#x27;width&#x27;, &#x27;contentPadding&#x27;, function(){\n    var contentPadding = this.get(&#x27;contentPadding&#x27;);\n    var width = this.get(&#x27;width&#x27;);\n    return this.get(&#x27;isOrientRight&#x27;) ? width - contentPadding : contentPadding;\n  }),\n\n  rectPath: Ember.computed(&#x27;yA&#x27;, &#x27;yB&#x27;, &#x27;width&#x27;, function(){\n    var x = 0;\n    var w = +this.get(&#x27;width&#x27;) || 0;\n    var x2 = x + w;\n    var yA = +this.get(&#x27;yA&#x27;) || 0;\n    var yB = +this.get(&#x27;yB&#x27;) || 0;\n    return &#x60;M${x},${yA} L${x},${yB} L${x2},${yB} L${x2},${yA} L${x},${yA}&#x60;;\n  }),\n\n  /**\n    The SVG transformation used to position the content container.\n    @property contentTransform\n    @type String\n    @private\n    @readonly\n  */\n  contentTransform: Ember.computed(&#x27;contentX&#x27;, &#x27;yCenter&#x27;, function(){\n    var contentX = this.get(&#x27;contentX&#x27;);\n    var yCenter = this.get(&#x27;yCenter&#x27;);\n    return &#x60;translate(${contentX} ${yCenter})&#x60;;\n  }),\n\n  /**\n    Sets up the d3 related elements when component is inserted \n    into the DOM\n    @method didInsertElement\n  */\n  didInsertElement: function(){\n    var element = this.get(&#x27;element&#x27;);\n    var g = d3.select(element);\n    \n    var rectPath = this.get(&#x27;rectPath&#x27;);\n    var rect = g.insert(&#x27;path&#x27;, &#x27;:first-child&#x27;)\n      .attr(&#x27;class&#x27;, &#x27;nf-y-diff-rect&#x27;)\n      .attr(&#x27;d&#x27;, rectPath);\n\n    var contentTransform = this.get(&#x27;contentTransform&#x27;);\n    var content = g.select(&#x27;.nf-y-diff-content&#x27;);\n    content.attr(&#x27;transform&#x27;, contentTransform);\n\n    this.set(&#x27;rectElement&#x27;, rect);\n    this.set(&#x27;contentElement&#x27;, content);\n  },\n\n  /**\n    Performs the transition (animation) of the elements.\n    @method doTransition\n  */\n  doTransition: function(){\n    var duration = this.get(&#x27;duration&#x27;);\n    var rectElement = this.get(&#x27;rectElement&#x27;);\n    var contentElement = this.get(&#x27;contentElement&#x27;);\n\n    if(rectElement) {\n      rectElement.transition().duration(duration)\n        .attr(&#x27;d&#x27;, this.get(&#x27;rectPath&#x27;));\n    }\n\n    if(contentElement) {\n      contentElement.transition().duration(duration)\n        .attr(&#x27;transform&#x27;, this.get(&#x27;contentTransform&#x27;));\n    }\n  },\n\n  /**\n    Schedules a transition once at afterRender.\n    @method transition\n  */\n  transition: Ember.observer(&#x27;a&#x27;, &#x27;b&#x27;, function(){\n    Ember.run.once(this, this.doTransition);\n  }),\n\n  /**\n    Updates to d3 managed DOM elments that do\n    not require transitioning, because they&#x27;re width-related.\n    @method doAdjustWidth\n  */\n  doAdjustWidth: function(){\n    var contentElement = this.get(&#x27;contentElement&#x27;);\n    if(contentElement) {\n      var contentTransform = this.get(&#x27;contentTransform&#x27;);\n      contentElement.attr(&#x27;transform&#x27;, contentTransform);\n    }\n  },\n\n  adjustGraphHeight: Ember.on(&#x27;didInsertElement&#x27;, Ember.observer(&#x27;graph.graphHeight&#x27;, function(){\n    var rectElement = this.get(&#x27;rectElement&#x27;);\n    var contentElement = this.get(&#x27;contentElement&#x27;);\n\n    if(rectElement) {\n      rectElement.attr(&#x27;d&#x27;, this.get(&#x27;rectPath&#x27;));\n    }\n\n    if(contentElement) {\n      contentElement.attr(&#x27;transform&#x27;, this.get(&#x27;contentTransform&#x27;));\n    }\n  })),\n\n  /**\n    Schedules a call to &#x60;doAdjustWidth&#x60; on afterRender\n    @method adjustWidth\n  */\n  adjustWidth: Ember.on(\n    &#x27;didInsertElement&#x27;,\n    Ember.observer(&#x27;isOrientRight&#x27;, &#x27;width&#x27;, &#x27;contentPadding&#x27;, function(){\n      Ember.run.once(this, this.doAdjustWidth);\n    })\n  ),\n});\n\n\n\n\n    </pre>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/files/index.html",
    "content": "<!doctype html>\n<html>\n    <head>\n        <title>Redirector</title>\n        <meta http-equiv=\"refresh\" content=\"0;url=../\">\n    </head>\n    <body>\n        <a href=\"../\">Click here to redirect</a>\n    </body>\n</html>\n"
  },
  {
    "path": "docs/index.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"./assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"./assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"./assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"./assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"./classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"./classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"./classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"./classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"./classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"./classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"./classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"./classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"./classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"./classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"./classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"./classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"./classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"./classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"./classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"./classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"./classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"./classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"./classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"./classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"./classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"./classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"./classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"./classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"./classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"./classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"./classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"./classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"./classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"./classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"./classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"./classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"./classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"./classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"./classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"./classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"./modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"./modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"./modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n    <div class=\"apidocs\">\n        <div id=\"docs-main\" class=\"content\">\n            <p>\n            Browse to a module or class using the sidebar to view its API documentation.\n            </p>\n\n            <h2>Keyboard Shortcuts</h2>\n\n            <ul>\n                <li><p>Press <kbd>s</kbd> to focus the API search box.</p></li>\n\n                <li><p>Use <kbd>Up</kbd> and <kbd>Down</kbd> to select classes, modules, and search results.</p></li>\n\n                <li class=\"mac-only\"><p>With the API search box or sidebar focused, use <kbd><span class=\"cmd\">&#x2318;</span>-Left</kbd> or <kbd><span class=\"cmd\">&#x2318;</span>-Right</kbd> to switch sidebar tabs.</p></li>\n\n                <li class=\"pc-only\"><p>With the API search box or sidebar focused, use <kbd>Ctrl+Left</kbd> and <kbd>Ctrl+Right</kbd> to switch sidebar tabs.</p></li>\n            </ul>\n        </div>\n    </div>\n\n\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"./assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"./assets/js/yui-prettify.js\"></script>\n<script src=\"./assets/../api.js\"></script>\n<script src=\"./assets/js/api-filter.js\"></script>\n<script src=\"./assets/js/api-list.js\"></script>\n<script src=\"./assets/js/api-search.js\"></script>\n<script src=\"./assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/modules/index.html",
    "content": "<!doctype html>\n<html>\n    <head>\n        <title>Redirector</title>\n        <meta http-equiv=\"refresh\" content=\"0;url=../\">\n    </head>\n    <body>\n        <a href=\"../\">Click here to redirect</a>\n    </body>\n</html>\n"
  },
  {
    "path": "docs/modules/scale-utils.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>scale-utils - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>scale-utils Module</h1>\n<div class=\"box clearfix meta\">\n\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/addon_utils_nf_scroll-area-action-context.js.html#l4\"><code>addon&#x2F;utils&#x2F;nf&#x2F;scroll-area-action-context.js:4</code></a>\n        </div>\n\n</div>\n\n\n<div class=\"box intro\">\n    <p>utilities for dealing with d3 scales</p>\n\n</div>\n\n\n<div class=\"yui3-g\">\n    <div class=\"yui3-u-1-2\">\n            <p>This module provides the following classes:</p>\n\n            <ul class=\"module-classes\">\n                <li class=\"module-class\">\n                    <a href=\"../classes/utils.nf.scroll-area-action-context.html\">\n                        utils.nf.scroll-area-action-context\n                    </a>\n                </li>\n            </ul>\n    </div>\n\n    <div class=\"yui3-u-1-2\">\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/modules/utils_nf_array-helpers.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>utils/nf/array-helpers - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>utils_nf_array-helpers Module</h1>\n<div class=\"box clearfix meta\">\n\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/addon_utils_nf_graph-position.js.html#l6\"><code>addon&#x2F;utils&#x2F;nf&#x2F;graph-position.js:6</code></a>\n        </div>\n\n</div>\n\n\n<div class=\"box intro\">\n    \n</div>\n\n\n<div class=\"yui3-g\">\n    <div class=\"yui3-u-1-2\">\n            <p>This module provides the following classes:</p>\n\n            <ul class=\"module-classes\">\n                <li class=\"module-class\">\n                    <a href=\"../classes/mixins.graph-area-utils.html\">\n                        mixins.graph-area-utils\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/mixins.graph-data-graphic.html\">\n                        mixins.graph-data-graphic\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/mixins.graph-has-graph-parent.html\">\n                        mixins.graph-has-graph-parent\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/mixins.graph-line-utils.html\">\n                        mixins.graph-line-utils\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/mixins.graph-registered-graphic.html\">\n                        mixins.graph-registered-graphic\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/mixins.graph-requires-scale-source.html\">\n                        mixins.graph-requires-scale-source\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/mixins.graph-selectable-graphic.html\">\n                        mixins.graph-selectable-graphic\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/utils.nf.graph-event.html\">\n                        utils.nf.graph-event\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/utils.nf.graph-mouse-event.html\">\n                        utils.nf.graph-mouse-event\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/utils.nf.graph-position.html\">\n                        utils.nf.graph-position\n                    </a>\n                </li>\n            </ul>\n    </div>\n\n    <div class=\"yui3-u-1-2\">\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "docs/modules/utils_nf_svg-dom.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"utf-8\">\n    <title>utils/nf/svg-dom - ember-nf-graph</title>\n    <link rel=\"stylesheet\" href=\"http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/vendor/prettify/prettify-min.css\">\n    <link rel=\"stylesheet\" href=\"../assets/css/main.css\" id=\"site_styles\">\n    <link rel=\"icon\" href=\"../assets/favicon.ico\">\n    <script src=\"http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js\"></script>\n</head>\n<body class=\"yui3-skin-sam\">\n\n<div id=\"doc\">\n    <div id=\"hd\" class=\"yui3-g header\">\n        <div class=\"yui3-u-3-4\">\n                <h1><img src=\"../assets/css/logo.png\" title=\"ember-nf-graph\" width=\"117\" height=\"52\"></h1>\n        </div>\n        <div class=\"yui3-u-1-4 version\">\n            <em>API Docs for: </em>\n        </div>\n    </div>\n    <div id=\"bd\" class=\"yui3-g\">\n\n        <div class=\"yui3-u-1-4\">\n            <div id=\"docs-sidebar\" class=\"sidebar apidocs\">\n                <div id=\"api-list\">\n                    <h2 class=\"off-left\">APIs</h2>\n                    <div id=\"api-tabview\" class=\"tabview\">\n                        <ul class=\"tabs\">\n                            <li><a href=\"#api-classes\">Classes</a></li>\n                            <li><a href=\"#api-modules\">Modules</a></li>\n                        </ul>\n                \n                        <div id=\"api-tabview-filter\">\n                            <input type=\"search\" id=\"api-filter\" placeholder=\"Type to filter APIs\">\n                        </div>\n                \n                        <div id=\"api-tabview-panel\">\n                            <ul id=\"api-classes\" class=\"apis classes\">\n                                <li><a href=\"../classes/components.nf-area.html\">components.nf-area</a></li>\n                                <li><a href=\"../classes/components.nf-area-stack.html\">components.nf-area-stack</a></li>\n                                <li><a href=\"../classes/components.nf-bars.html\">components.nf-bars</a></li>\n                                <li><a href=\"../classes/components.nf-crosshair.html\">components.nf-crosshair</a></li>\n                                <li><a href=\"../classes/components.nf-dot.html\">components.nf-dot</a></li>\n                                <li><a href=\"../classes/components.nf-gg.html\">components.nf-gg</a></li>\n                                <li><a href=\"../classes/components.nf-graph.html\">components.nf-graph</a></li>\n                                <li><a href=\"../classes/components.nf-graph-content.html\">components.nf-graph-content</a></li>\n                                <li><a href=\"../classes/components.nf-horizontal-line.html\">components.nf-horizontal-line</a></li>\n                                <li><a href=\"../classes/components.nf-line.html\">components.nf-line</a></li>\n                                <li><a href=\"../classes/components.nf-plot.html\">components.nf-plot</a></li>\n                                <li><a href=\"../classes/components.nf-range-marker.html\">components.nf-range-marker</a></li>\n                                <li><a href=\"../classes/components.nf-range-markers.html\">components.nf-range-markers</a></li>\n                                <li><a href=\"../classes/components.nf-right-tick.html\">components.nf-right-tick</a></li>\n                                <li><a href=\"../classes/components.nf-selection-box.html\">components.nf-selection-box</a></li>\n                                <li><a href=\"../classes/components.nf-svg-image.html\">components.nf-svg-image</a></li>\n                                <li><a href=\"../classes/components.nf-svg-line.html\">components.nf-svg-line</a></li>\n                                <li><a href=\"../classes/components.nf-svg-path.html\">components.nf-svg-path</a></li>\n                                <li><a href=\"../classes/components.nf-svg-rect.html\">components.nf-svg-rect</a></li>\n                                <li><a href=\"../classes/components.nf-tracker.html\">components.nf-tracker</a></li>\n                                <li><a href=\"../classes/components.nf-vertical-line.html\">components.nf-vertical-line</a></li>\n                                <li><a href=\"../classes/components.nf-x-axis.html\">components.nf-x-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-axis.html\">components.nf-y-axis</a></li>\n                                <li><a href=\"../classes/components.nf-y-diff.html\">components.nf-y-diff</a></li>\n                                <li><a href=\"../classes/mixins.graph-area-utils.html\">mixins.graph-area-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-data-graphic.html\">mixins.graph-data-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-has-graph-parent.html\">mixins.graph-has-graph-parent</a></li>\n                                <li><a href=\"../classes/mixins.graph-line-utils.html\">mixins.graph-line-utils</a></li>\n                                <li><a href=\"../classes/mixins.graph-registered-graphic.html\">mixins.graph-registered-graphic</a></li>\n                                <li><a href=\"../classes/mixins.graph-requires-scale-source.html\">mixins.graph-requires-scale-source</a></li>\n                                <li><a href=\"../classes/mixins.graph-selectable-graphic.html\">mixins.graph-selectable-graphic</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-event.html\">utils.nf.graph-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-mouse-event.html\">utils.nf.graph-mouse-event</a></li>\n                                <li><a href=\"../classes/utils.nf.graph-position.html\">utils.nf.graph-position</a></li>\n                                <li><a href=\"../classes/utils.nf.scroll-area-action-context.html\">utils.nf.scroll-area-action-context</a></li>\n                                <li><a href=\"../classes/utils.parse-property-expression.html\">utils.parse-property-expression</a></li>\n                            </ul>\n                \n                            <ul id=\"api-modules\" class=\"apis modules\">\n                                <li><a href=\"../modules/scale-utils.html\">scale-utils</a></li>\n                                <li><a href=\"../modules/utils_nf_array-helpers.html\">utils/nf/array-helpers</a></li>\n                                <li><a href=\"../modules/utils_nf_svg-dom.html\">utils/nf/svg-dom</a></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"yui3-u-3-4\">\n                <div id=\"api-options\">\n                    Show:\n                    <label for=\"api-show-inherited\">\n                        <input type=\"checkbox\" id=\"api-show-inherited\" checked>\n                        Inherited\n                    </label>\n            \n                    <label for=\"api-show-protected\">\n                        <input type=\"checkbox\" id=\"api-show-protected\">\n                        Protected\n                    </label>\n            \n                    <label for=\"api-show-private\">\n                        <input type=\"checkbox\" id=\"api-show-private\">\n                        Private\n                    </label>\n                    <label for=\"api-show-deprecated\">\n                        <input type=\"checkbox\" id=\"api-show-deprecated\">\n                        Deprecated\n                    </label>\n            \n                </div>\n            \n            <div class=\"apidocs\">\n                <div id=\"docs-main\">\n                    <div class=\"content\">\n<h1>utils_nf_svg-dom Module</h1>\n<div class=\"box clearfix meta\">\n\n\n        <div class=\"foundat\">\n            Defined in: <a href=\"../files/app_components_nf-y-diff.js.html#l6\"><code>app&#x2F;components&#x2F;nf-y-diff.js:6</code></a>\n        </div>\n\n</div>\n\n\n<div class=\"box intro\">\n    \n</div>\n\n\n<div class=\"yui3-g\">\n    <div class=\"yui3-u-1-2\">\n            <p>This module provides the following classes:</p>\n\n            <ul class=\"module-classes\">\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-area.html\">\n                        components.nf-area\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-area-stack.html\">\n                        components.nf-area-stack\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-bars.html\">\n                        components.nf-bars\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-crosshair.html\">\n                        components.nf-crosshair\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-dot.html\">\n                        components.nf-dot\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-gg.html\">\n                        components.nf-gg\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-graph.html\">\n                        components.nf-graph\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-graph-content.html\">\n                        components.nf-graph-content\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-horizontal-line.html\">\n                        components.nf-horizontal-line\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-line.html\">\n                        components.nf-line\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-plot.html\">\n                        components.nf-plot\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-range-marker.html\">\n                        components.nf-range-marker\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-range-markers.html\">\n                        components.nf-range-markers\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-right-tick.html\">\n                        components.nf-right-tick\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-selection-box.html\">\n                        components.nf-selection-box\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-svg-image.html\">\n                        components.nf-svg-image\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-svg-line.html\">\n                        components.nf-svg-line\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-svg-path.html\">\n                        components.nf-svg-path\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-svg-rect.html\">\n                        components.nf-svg-rect\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-tracker.html\">\n                        components.nf-tracker\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-vertical-line.html\">\n                        components.nf-vertical-line\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-x-axis.html\">\n                        components.nf-x-axis\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-y-axis.html\">\n                        components.nf-y-axis\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/components.nf-y-diff.html\">\n                        components.nf-y-diff\n                    </a>\n                </li>\n                <li class=\"module-class\">\n                    <a href=\"../classes/utils.parse-property-expression.html\">\n                        utils.parse-property-expression\n                    </a>\n                </li>\n            </ul>\n    </div>\n\n    <div class=\"yui3-u-1-2\">\n    </div>\n</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<script src=\"../assets/vendor/prettify/prettify-min.js\"></script>\n<script>prettyPrint();</script>\n<script src=\"../assets/js/yui-prettify.js\"></script>\n<script src=\"../assets/../api.js\"></script>\n<script src=\"../assets/js/api-filter.js\"></script>\n<script src=\"../assets/js/api-list.js\"></script>\n<script src=\"../assets/js/api-search.js\"></script>\n<script src=\"../assets/js/apidocs.js\"></script>\n</body>\n</html>\n"
  },
  {
    "path": "ember-cli-build.js",
    "content": "'use strict';\n\nconst EmberAddon = require('ember-cli/lib/broccoli/ember-addon');\n\nmodule.exports = function(defaults) {\n  let app = new EmberAddon(defaults, {\n    // Add options here\n  });\n\n  /*\n    This build file specifies the options for the dummy test app of this\n    addon, located in `/tests/dummy`\n    This build file does *not* influence how the addon or the app using it\n    behave. You most likely want to be modifying `./index.js` or app's build file\n  */\n\n  return app.toTree();\n};\n"
  },
  {
    "path": "index.js",
    "content": "'use strict';\n\nmodule.exports = {\n  name: 'ember-nf-graph',\n\n  options: {\n    nodeAssets: {\n      d3: {\n        vendor: ['d3.js']\n      },\n      rx: {\n        vendor: ['dist/rx.all.js']\n      }\n    }\n  },\n\n  included: function(app) {\n    this._super.included.apply(this, arguments);\n\n    // see: https://github.com/ember-cli/ember-cli/issues/3718\n    if (typeof app.import !== 'function' && app.app) {\n      app = app.app;\n    }\n\n    app.import('vendor/d3/d3.js');\n    app.import('vendor/rx/dist/rx.all.js');\n  }\n};\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"ember-nf-graph\",\n  \"version\": \"2.0.0-beta.1\",\n  \"description\": \"A graphing/charting DSL for Ember.js\",\n  \"files\": [\n    \"LICENSE.md\",\n    \"README.md\",\n    \"addon/\",\n    \"app/\",\n    \"blueprints/\",\n    \"index.js\",\n    \"vendor/\"\n  ],\n  \"directories\": {\n    \"doc\": \"doc\",\n    \"test\": \"tests\"\n  },\n  \"scripts\": {\n    \"build\": \"ember build\",\n    \"lint:js\": \"eslint ./*.js addon addon-test-support app config lib server test-support tests\",\n    \"start\": \"ember serve\",\n    \"test\": \"ember try:each\"\n  },\n  \"repository\": \"https://github.com/netflix/ember-nf-graph.git\",\n  \"engines\": {\n    \"node\": \"^4.5 || 6.* || >= 7.*\"\n  },\n  \"author\": \"Ben Lesh <blesh@netflix.com> and contributors\",\n  \"license\": \"Apache-2.0\",\n  \"dependencies\": {\n    \"d3\": \"~3.5.17\",\n    \"ember-cli-babel\": \"^6.6.0\",\n    \"ember-cli-htmlbars\": \"^1.1.1\",\n    \"ember-cli-update\": \"^0.13.2\",\n    \"ember-cli-node-assets\": \"^0.2.2\",\n    \"rx\": \"~4.1.0\"\n  },\n  \"devDependencies\": {\n    \"benchpress\": \"^2.0.0-alpha.16\",\n    \"broccoli-asset-rev\": \"^2.4.5\",\n    \"ember-cli\": \"~2.18.0\",\n    \"ember-cli-app-version\": \"^1.0.0\",\n    \"ember-cli-dependency-checker\": \"^2.0.0\",\n    \"ember-cli-eslint\": \"^4.2.1\",\n    \"ember-cli-htmlbars-inline-precompile\": \"^1.0.0\",\n    \"ember-cli-inject-live-reload\": \"^1.4.1\",\n    \"ember-cli-qunit\": \"^4.1.1\",\n    \"ember-cli-release\": \"0.2.8\",\n    \"ember-cli-shims\": \"^1.2.0\",\n    \"ember-cli-sri\": \"^2.1.0\",\n    \"ember-cli-uglify\": \"^2.0.0\",\n    \"ember-disable-prototype-extensions\": \"^1.1.2\",\n    \"ember-export-application-global\": \"^2.0.0\",\n    \"ember-load-initializers\": \"^1.0.0\",\n    \"ember-resolver\": \"^4.0.0\",\n    \"ember-source\": \"~2.18.0\",\n    \"eslint-plugin-ember\": \"^5.0.0\",\n    \"eslint-plugin-node\": \"^5.2.1\",\n    \"loader.js\": \"^4.2.3\"\n  },\n  \"keywords\": [\n    \"ember-addon\"\n  ],\n  \"ember-addon\": {\n    \"configPath\": \"tests/dummy/config\",\n    \"demoURL\": \"https://netflix.github.io/ember-nf-graph-examples/dist/\"\n  }\n}\n"
  },
  {
    "path": "protractor.conf.js",
    "content": "exports.config = {\n  directConnect: true,\n\n  capabilities: {\n    browserName: 'chrome',\n    chromeOptions: {\n      //Important for benchpress to get timeline data from the browser\n      'args': ['--js-flags=--expose-gc'],\n      'perfLoggingPrefs': {\n        'traceCategories': 'blink.console,disabled-by-default-devtools.timeline'\n      }\n    },\n    loggingPrefs: {\n      performance: 'ALL'\n    }\n  },\n\n  specs: ['tests/perf/**/*.spec.js'],\n\n  framework: 'jasmine2',\n\n  // onCleanUp: function() {\n  //   console.log(\"KILLED\");\n  //   emberProcess.kill();\n  // },\n\n  // onPrepare: function() {\n  //   // open a new browser for every benchmark\n  //   var originalBrowser = browser;\n  //   var _tmpBrowser;\n  //   beforeEach(function() {\n  //     global.browser = originalBrowser.forkNewDriverInstance();\n  //     global.element = global.browser.element;\n  //     global.$ = global.browser.$;\n  //     global.$$ = global.browser.$$;\n  //   });\n  //   afterEach(function() {\n  //     global.browser.quit();\n  //     global.browser = originalBrowser;\n  //   });\n  // },\n\n  restartBrowserBetweenTests: true,\n\n  jasmineNodeOpts: {\n    showColors: true,\n    defaultTimeoutInterval: 30000\n  },\n};\n"
  },
  {
    "path": "testem.js",
    "content": "module.exports = {\n  test_page: 'tests/index.html?hidepassed',\n  disable_watching: true,\n  launch_in_ci: [\n    'Chrome'\n  ],\n  launch_in_dev: [\n    'Chrome'\n  ],\n  browser_args: {\n    Chrome: {\n      mode: 'ci',\n      args: [\n        '--disable-gpu',\n        '--headless',\n        '--remote-debugging-port=0',\n        '--window-size=1440,900'\n      ]\n    }\n  }\n};\n"
  },
  {
    "path": "tests/dummy/app/app.js",
    "content": "import Application from '@ember/application';\nimport Resolver from './resolver';\nimport loadInitializers from 'ember-load-initializers';\nimport config from './config/environment';\n\nconst App = Application.extend({\n  modulePrefix: config.modulePrefix,\n  podModulePrefix: config.podModulePrefix,\n  Resolver\n});\n\nloadInitializers(App, config.modulePrefix);\n\nexport default App;\n"
  },
  {
    "path": "tests/dummy/app/components/.gitkeep",
    "content": ""
  },
  {
    "path": "tests/dummy/app/components/bars-with-line.js",
    "content": "import Component from '@ember/component';\nimport { computed } from '@ember/object';\nimport { dataGenerator } from '../services/data-generator';\n\nexport default Component.extend({\n  classNames: ['bars-with-line'],\n\n  barData: computed(function() {\n    return dataGenerator.simpleOrdinalData();\n  }),\n\n  lineData: computed(function() {\n    return dataGenerator.simpleOrdinalData();\n  }),\n});\n"
  },
  {
    "path": "tests/dummy/app/components/basic-area-graph.js",
    "content": "import Component from '@ember/component';\nimport { computed } from '@ember/object';\nimport { dataGenerator } from '../services/data-generator';\n\nexport default Component.extend({\n\n  graphData: computed(function() {\n    return dataGenerator.simpleTimeSeries();\n  })\n\n});"
  },
  {
    "path": "tests/dummy/app/components/basic-bar-graph.js",
    "content": "import Component from '@ember/component';\nimport { computed } from '@ember/object';\nimport { dataGenerator } from '../services/data-generator';\n\nexport default Component.extend({\n\n  graphData: computed(function() {\n    return dataGenerator.simpleOrdinalData();\n  })\n\n});\n"
  },
  {
    "path": "tests/dummy/app/components/basic-line-graph.js",
    "content": "import Component from '@ember/component';\nimport { computed } from '@ember/object';\nimport { dataGenerator } from '../services/data-generator';\n\n\nexport default Component.extend({\n\n  graphData: computed(function() {\n    return dataGenerator.simpleTimeSeries();\n  })\n\n});\n"
  },
  {
    "path": "tests/dummy/app/components/brush-select-zoom.js",
    "content": "import { computed, get } from '@ember/object';\nimport Component from '@ember/component';\nimport { dataGenerator } from '../services/data-generator';\nimport { format } from '../helpers/format-hour-minute';\n\nexport default Component.extend({\n\n  // Start and end dates for filtering the graph data.\n  // These are the initial values and will change when brush actions\n  // are executed below\n  startTime: 0,\n  endTime: Number.MAX_VALUE,\n\n\n  // Domain values for right and left brush markers. These are modified\n  // when the user drags with the mouse.\n  selectLeft: undefined,\n  selectRight: undefined,\n\n\n  // Original graph data (no zoom or filter)\n  graphData: computed(function() {\n    return dataGenerator.simpleTimeSeries();\n  }),\n\n\n  // Graph data filtered by zoom extents. Filtered to include only data points\n  // falling within the zoom start and end dates\n  zoomData: computed('graphData', 'startTime', 'endTime', function() {\n    var self = this;\n\n    return this.get('graphData').filter(function(d) {\n      return d.x >= self.get('startTime') && d.x <= self.get('endTime');\n    });\n  }),\n\n\n  // Formats the text shown on the brush selection markers.\n  // This is using the format code imported from helper:format-hour-minute\n  selectionDisplayFormatter: function(ms) {\n    return format([ ms ]);\n  },\n\n\n  actions: {\n\n    brushEnd: function(e) {\n      // Now that the brush drag is finished set new\n      // zoom values for filtering the main graph data\n      this.set('startTime', get(e, 'left.x'));\n      this.set('endTime', get(e, 'right.x'));\n\n    },\n\n    reset: function() {\n      // Reset teh zoom extents\n      this.set(\"startTime\", 0);\n      this.set(\"endTime\", Number.MAX_VALUE);\n    }\n  },\n\n});\n"
  },
  {
    "path": "tests/dummy/app/components/detailed-line-graph.js",
    "content": "import Component from '@ember/component';\nimport { computed } from '@ember/object';\nimport { dataGenerator } from '../services/data-generator';\n\nexport default Component.extend({\n\n  graphData: computed(function() {\n    return dataGenerator.simpleTimeSeries();\n  })\n\n});\n"
  },
  {
    "path": "tests/dummy/app/components/graph-primitives.js",
    "content": "import Component from '@ember/component';\nimport { computed } from '@ember/object';\nimport { dataGenerator } from '../services/data-generator';\nimport { min, max } from '../services/utility';\n\nexport default Component.extend({\n\n  barHeight: 1,\n\n  graphData: computed(function() {\n    return dataGenerator.simpleTimeSeries();\n  }),\n\n  extent: computed('graphData', function() {\n    var data = this.get('graphData');\n\n    return {\n      xMin: min(data.map(d => d.start)),\n      xMax: max(data.map(d => d.start)),\n      yMin: min(data.map(d => d.index)),\n      yMax: max(data.map(d => d.index)),\n    };\n  }),\n\n});\n"
  },
  {
    "path": "tests/dummy/app/components/mouse-tracking-data.js",
    "content": "import Component from '@ember/component';\nimport { computed } from '@ember/object';\nimport { dataGenerator } from '../services/data-generator';\n\nexport default Component.extend({\n\n  graphData: computed(function() {\n    return dataGenerator.threeMetricTimeSeries();\n  })\n\n});"
  },
  {
    "path": "tests/dummy/app/components/mouse-tracking.js",
    "content": "import Component from '@ember/component';\nimport { computed } from '@ember/object';\nimport { dataGenerator } from '../services/data-generator';\n\nexport default Component.extend({\n\n  graphData: computed(function() {\n    return dataGenerator.threeMetricTimeSeries();\n  })\n\n});\n"
  },
  {
    "path": "tests/dummy/app/components/stacked-area-graph.js",
    "content": "import Component from '@ember/component';\nimport { computed } from '@ember/object';\nimport { dataGenerator } from '../services/data-generator';\n\nexport default Component.extend({\n\n  graphData: computed(function() {\n    return dataGenerator.threeMetricTimeSeries();\n  })\n\n});\n"
  },
  {
    "path": "tests/dummy/app/controllers/.gitkeep",
    "content": ""
  },
  {
    "path": "tests/dummy/app/controllers/nf-graph/index.js",
    "content": "import Controller from '@ember/controller';\nimport { A } from '@ember/array';\nimport $ from 'jquery';\nimport Ember from 'ember';\n\nconst {\n  Logger\n} = Ember;\n\nexport function generateLineData(xStart, yMin, yMax, variance, count, yStart){\n  var p = yStart || 0;\n  return A(\n    range(count).map(function(d, i) {\n      var y = p + (Math.random() * variance) - (variance / 2);\n      y = Math.min(yMax, Math.max(yMin, y));\n      p = y;\n      return {\n        x: xStart + i,\n        y: y\n      };\n    })\n  );\n}\n\nfunction range(count) {\n  var output = A();\n  var i = 0;\n  while(i < count) {\n    output.push(i++);\n  }\n  return output;\n}\n\nexport default Controller.extend({\n  graphWidth: 400,\n  graphHeight: 300,\n  diffA: 100,\n  diffB: 200,\n\n  queryParams: A(['graphWidth' , 'graphHeight']),\n\n  init(){\n    this._super(...arguments);\n    this.send('updateLine');\n  },\n\n  xTickFilter: function() {\n    return true;\n  },\n\n  xTickFactory: function() {\n    var ticks = A([1, 10, 30, 50, 80, 99]);\n\n    return ticks;\n  },\n\n  actions: {\n    updateAreas() {\n      this.set('model.area1', generateLineData(0, 0, 50, 20, 10));\n      this.set('model.area2', generateLineData(0, 51, 100, 20, 10));\n      this.set('model.area3', generateLineData(0, 101, 150, 20, 10));\n    },\n\n    updateLine: function(){\n      this.set('lineData', generateLineData(0, 0, 200, 50, 10, 10));\n    },\n\n    brushStart: function(e) {\n      Logger.debug('brush start', e.left.get('x'), e.right.get('x'));\n      this.set('brushLeft', e.left.get('x'));\n      this.set('brushRight', e.right.get('x'));\n    },\n\n    brush: function(e) {\n      Logger.debug('brush ', e.left.get('x'), e.right.get('x'));\n      this.set('brushLeft', e.left.get('x'));\n      this.set('brushRight', e.right.get('x'));\n    },\n\n    brushEnd: function(e) {\n      Logger.debug('brush end', e.left.get('x'), e.right.get('x'));\n      this.set('brushLeft', undefined);\n      this.set('brushRight', undefined);\n    },\n\n    test: function(){\n      Logger.log('test!');\n    },\n\n    appendAreaData: function(area) {\n      var last = area[area.length - 1];\n      area.pushObject({ x: last.x + 1, y: last.y });\n    },\n\n    showData: function(e) {\n      $('.test-div').remove();\n      var testDiv = $('<div class=\"test-div\"/>');\n\n      testDiv.css({\n        width: 'auto',\n        height: 'auto',\n        padding: '10px',\n        background: 'white',\n        position: 'absolute',\n        top: e.get('pagePositionY') + 'px',\n        left: e.get('pagePositionX') + 'px',\n      });\n\n      testDiv.text(e.data.y);\n\n      testDiv.appendTo('body');\n\n      Logger.log('showData', e);\n    },\n  }\n});\n"
  },
  {
    "path": "tests/dummy/app/controllers/nf-graph/nf-bars.js",
    "content": "/* eslint-disable no-console */\nimport Controller from '@ember/controller';\n\nexport default Controller.extend({\n  actions: {\n    barClicked: function(barData) {\n      console.log('barData', barData);\n    },\n  }\n});\n"
  },
  {
    "path": "tests/dummy/app/helpers/.gitkeep",
    "content": ""
  },
  {
    "path": "tests/dummy/app/helpers/format-hour-minute.js",
    "content": "/* exported format */\n\nimport { helper } from '@ember/component/helper';\n\nimport { isPresent } from '@ember/utils';\n\nexport function format([ ms ]) {\n  if(isNaN(ms) || !isPresent(ms)) {\n    return \"\";\n  }\n\n  var date = new Date(ms);\n  var h = date.getHours();\n  var m = date.getMinutes();\n\n  if(h < 10) {\n    h = \"0\" + h;\n  }\n\n  if(m < 10) {\n    m = \"0\" + m;\n  }\n\n  return h + \":\" + m;\n}\n\nexport default helper(format);\n"
  },
  {
    "path": "tests/dummy/app/index.html",
    "content": "<!DOCTYPE html>\n<html>\n  <head>\n    <meta charset=\"utf-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <title>Dummy</title>\n    <meta name=\"description\" content=\"\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\n    {{content-for \"head\"}}\n\n    <link integrity=\"\" rel=\"stylesheet\" href=\"{{rootURL}}assets/vendor.css\">\n    <link integrity=\"\" rel=\"stylesheet\" href=\"{{rootURL}}assets/dummy.css\">\n\n    {{content-for \"head-footer\"}}\n  </head>\n  <body>\n    {{content-for \"body\"}}\n\n    <script src=\"{{rootURL}}assets/vendor.js\"></script>\n    <script src=\"{{rootURL}}assets/dummy.js\"></script>\n\n    {{content-for \"body-footer\"}}\n  </body>\n</html>\n"
  },
  {
    "path": "tests/dummy/app/models/.gitkeep",
    "content": ""
  },
  {
    "path": "tests/dummy/app/resolver.js",
    "content": "import Resolver from 'ember-resolver';\n\nexport default Resolver;\n"
  },
  {
    "path": "tests/dummy/app/router.js",
    "content": "import EmberRouter from '@ember/routing/router';\nimport config from './config/environment';\n\nconst Router = EmberRouter.extend({\n  location: config.locationType,\n  rootURL: config.rootURL\n});\n\nRouter.map(function() {\n  this.route('nf-graph', function(){\n    this.route('/');\n    this.route('nf-bars');\n  });\n\n  this.route('examples');\n});\n\nexport default Router;\n"
  },
  {
    "path": "tests/dummy/app/routes/.gitkeep",
    "content": ""
  },
  {
    "path": "tests/dummy/app/routes/index.js",
    "content": "import Route from '@ember/routing/route';\n\nexport default Route.extend({\n  redirect() {\n    this.replaceWith('nf-graph');\n  }\n});"
  },
  {
    "path": "tests/dummy/app/routes/nf-graph/index.js",
    "content": "import { A } from '@ember/array';\nimport Route from '@ember/routing/route';\n\nexport default Route.extend({\n  model: function() {\n    return {\n      lineData: generateLineData(0, 0, 2000, 200, 240, 500),\n      lineData2: generateLineData(0, 100, 1000, 100, 500),\n      area1: generateLineData(0, 0, 50, 20, 10),\n      area2: generateLineData(0, 51, 100, 20, 11),\n      area3: generateLineData(0, 101, 150, 20, 10)\n    };\n  }\n});\n\nexport function generateLineData(xStart, yMin, yMax, variance, count, yStart){\n  var p = yStart || 0;\n  return A(\n    range(count).map(function(d, i) {\n      var y = p + (Math.random() * variance) - (variance / 2);\n      y = Math.min(yMax, Math.max(yMin, y));\n      p = y;\n      return {\n        x: xStart + i,\n        y: y\n      };\n    })\n  );\n}\n\nfunction range(count) {\n  var output = A();\n  var i = 0;\n  while(i < count) {\n    output.push(i++);\n  }\n  return output;\n}"
  },
  {
    "path": "tests/dummy/app/routes/nf-graph/nf-bars.js",
    "content": "import Route from '@ember/routing/route';\n\nexport default Route.extend({\n  model() {\n    return {\n      menuItemStockCount: [\n        { x: 0, y: 200 },\n        { x: 1, y: 154 },\n        { x: 2, y: 130 },\n        { x: 3, y: 300 }\n      ]\n    };\n  }\n});"
  },
  {
    "path": "tests/dummy/app/services/data-generator.js",
    "content": "var minutes = function(n) {\n  return n * 60000;\n};\n\nvar random = function(min, max) {\n    return Math.floor(Math.random() * (max - min + 1) + min);\n};\n\nvar dataGenerator = {\n  simpleTimeSeries: function() {\n    const count = 24;\n    var now = Date.now();\n    var data = [];\n\n    for(var i=1; i<=count; i++) {\n      let y = random(0, 10);\n      let x = now - minutes((count * 2) - (i * 2));\n\n      data.push({ x: x, y: y });\n    }\n\n    return data;\n  },\n\n  threeMetricTimeSeries: function() {\n    const count = 24;\n    var now = Date.now();\n    var data = [];\n\n    for(var i=1; i<=count; i++) {\n      let x = now - minutes((count * 2) - (i * 2));\n      let y1 = random(0, 9);\n      let y2 = random(10, 19);\n      let y3 = random(20, 29);\n\n      data.push({\n        date: x,\n        low: y1,\n        medium: y2,\n        high: y3\n      });\n    }\n\n    return data;\n  },\n\n  simpleOrdinalData: function() {\n    const count = 10;\n    var data = [];\n\n    for(var i=0; i<count; i++) {\n      data.push({\n        x: i,\n        y: random(10, 30),\n      });\n    }\n\n    return data;\n  },\n\n  ganttData: function() {\n    const count = 5;\n    var data = [];\n    var high = Date.now();\n    var low = Date.now() - minutes(10);\n    var mid = low + ((high - low) / 2);\n\n    for(var i=0; i<count; i++) {\n      let start = random(low, mid);\n      let end = random(mid, high);\n\n      data.push({\n        index: i,\n        start: start,\n        end: end\n      });\n    }\n\n    return data;\n  }\n\n};\n\nexport { dataGenerator };\n"
  },
  {
    "path": "tests/dummy/app/services/utility.js",
    "content": "export var max = function(array) {\n  if(!Array.isArray(array)) {\n    return array;\n  }\n  var test = array.filter(item => !isNaN(item));\n  var result = Math.max.apply(null, test);\n  return result;\n};\n\nexport var min = function(array) {\n  if(!Array.isArray(array)) {\n    return array;\n  }\n  var test = array.filter(item => !isNaN(item));\n  var result = Math.min.apply(null, test);\n  return result;\n};\n"
  },
  {
    "path": "tests/dummy/app/styles/app.css",
    "content": "html, body {\n  margin: 20px;\n}\n"
  },
  {
    "path": "tests/dummy/app/templates/application.hbs",
    "content": "{{outlet}}\n"
  },
  {
    "path": "tests/dummy/app/templates/components/bars-with-line.hbs",
    "content": "{{#nf-graph\n    xScaleType=\"ordinal\"\n    yMinMode=\"fixed\"\n    yMin=0 as |nf|}}\n\n   {{#nf.graph as |graph|}}\n\n     {{graph.bars data=barData}}\n     {{graph.line data=lineData class=\"dashed\"}}\n\n   {{/nf.graph}}\n{{/nf-graph}}\n\n\n\n\n<h4>Template</h4>\n<table class=\"CodeRay template\"><tbody><tr>\n  <td class=\"line-numbers\">\n<pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n</pre></td>\n  <td class=\"code\"><pre><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-graph</span><span title=\"Space\">\n    </span><span title=\"Ident\">xScaleType</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">ordinal</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\">\n    </span><span title=\"Ident\">yMinMode</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">fixed</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\">\n    </span><span title=\"Ident\">yMin</span><span title=\"Operator\">=</span><span title=\"Integer\" class=\"integer\">0</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n   </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-graph-content}}</span><span title=\"Space\">\n\n     </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">bars</span><span title=\"Space\"> </span><span title=\"Ident\">data</span><span title=\"Operator\">=</span><span title=\"Ident\">barData</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n     </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">line</span><span title=\"Space\"> </span><span title=\"Ident\">data</span><span title=\"Operator\">=</span><span title=\"Ident\">lineData</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">class</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">dashed</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n   </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">graph</span><span title=\"Operator\">-</span><span title=\"Ident\">content</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n</span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">graph</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span></pre></td>\n</tr></tbody></table>\n\n<div class=\"discussion\">\n<p>\n  Lines, areas, and bars can be combined in one graph.  nf-graph will account for the domain data within each graph elemen to determine axis and scales.  In this example a bar graph is superimposed with a line plot.\n</p>\n</div>\n\n\n\n\n<h4>Component JavaScript</h4>\n<table class=\"CodeRay\"><tbody><tr>\n  <td class=\"line-numbers\">\n<pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n</pre></td>\n  <td class=\"code\"><pre><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">ember</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n</span><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Space\"> </span><span title=\"Operator\">}</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">../services/data-generator</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n\n</span><span title=\"Reserved\" class=\"reserved\">export</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">default</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Operator\">.</span><span title=\"Ident\">Component</span><span title=\"Operator\">.</span><span title=\"Ident\">extend</span><span title=\"Operator\">({</span><span title=\"Space\">\n  </span><span title=\"Key\" class=\"key\">classNames</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Operator\">[</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">bars-with-line</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">]</span><span title=\"Operator\">,</span><span title=\"Space\">\n\n  </span><span title=\"Function\" class=\"function\">barData</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">function</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\">\n    </span><span title=\"Keyword\" class=\"keyword\">return</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Operator\">.</span><span title=\"Ident\">simpleOrdinalData</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Operator\">;</span><span title=\"Space\">\n  </span><span title=\"Operator\">}</span><span title=\"Operator\">.</span><span title=\"Ident\">property</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Operator\">,</span><span title=\"Space\">\n\n  </span><span title=\"Function\" class=\"function\">lineData</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">function</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\">\n    </span><span title=\"Keyword\" class=\"keyword\">return</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Operator\">.</span><span title=\"Ident\">simpleOrdinalData</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Operator\">;</span><span title=\"Space\">\n  </span><span title=\"Operator\">}</span><span title=\"Operator\">.</span><span title=\"Ident\">property</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\">\n\n</span><span title=\"Operator\">})</span><span title=\"Operator\">;</span></pre></td>\n</tr></tbody></table>\n"
  },
  {
    "path": "tests/dummy/app/templates/components/basic-area-graph.hbs",
    "content": "{{#nf-graph as |nf|}}\n  {{#nf.graph as |graph|}}\n\n    {{graph.area data=graphData}}\n\n  {{/nf.graph}}\n{{/nf-graph}}\n\n\n<h4>Template</h4>\n<table class=\"CodeRay template\"><tbody><tr>\n  <td class=\"line-numbers\">\n<pre>1\n2\n3\n4\n5\n6\n7\n</pre></td>\n  <td class=\"code\"><pre><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-graph}}</span><span title=\"Space\">\n  </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-graph-content}}</span><span title=\"Space\">\n\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">area</span><span title=\"Space\"> </span><span title=\"Ident\">data</span><span title=\"Operator\">=</span><span title=\"Ident\">graphData</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n  </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">graph</span><span title=\"Operator\">-</span><span title=\"Ident\">content</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n</span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">graph</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span></pre></td>\n</tr></tbody></table>\n\n<div class=\"discussion\">\n  <p>\n  \\{{#nf-graph}} is the main container.\n  </p>\n  <p>\n  \\{{#nf-graph-content}} is the container for elements that should appear inside the graph's plot area.\n  </p>\n  <p>\n  \\{{#nf-area}} adds an area plot to the graph.  \"data=graphData\" assigns an array of data to the line.\n  </p>\n  <p>\n  By default \\{{nf-area}} will look for properties \"x\" and \"y\" on each element in the data array. \"y\" defines the top curve of the area.\n  \\{{nf-area}} also accepts a second y value \"y1\" to defind the bottom of the area curve.  If \"y1\" is not provided as in this example it defaults to zero and plotted to fill the bottom of the graph.\n  </p>\n</div>\n\n\n\n<h4>Component JavaScript</h4>\n<table class=\"CodeRay\"><tbody><tr>\n  <td class=\"line-numbers\">\n<pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n</pre></td>\n  <td class=\"code\"><pre><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">ember</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n</span><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Space\"> </span><span title=\"Operator\">}</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">../services/data-generator</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n\n</span><span title=\"Reserved\" class=\"reserved\">export</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">default</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Operator\">.</span><span title=\"Ident\">Component</span><span title=\"Operator\">.</span><span title=\"Ident\">extend</span><span title=\"Operator\">({</span><span title=\"Space\">\n\n  </span><span title=\"Function\" class=\"function\">graphData</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">function</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\">\n    </span><span title=\"Keyword\" class=\"keyword\">return</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Operator\">.</span><span title=\"Ident\">simpleTimeSeries</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Operator\">;</span><span title=\"Space\">\n  </span><span title=\"Operator\">}</span><span title=\"Operator\">.</span><span title=\"Ident\">property</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\">\n\n</span><span title=\"Operator\">})</span><span title=\"Operator\">;</span></pre></td>\n</tr></tbody></table>\n"
  },
  {
    "path": "tests/dummy/app/templates/components/basic-bar-graph.hbs",
    "content": "{{#nf-graph\n    xScaleType=\"ordinal\"\n    yMinMode=\"fixed\"\n    yMin=0 as |nf|}}\n\n   {{#nf.graph as |graph|}}\n\n     {{graph.bars data=graphData}}\n\n   {{/nf.graph}}\n{{/nf-graph}}\n\n\n<h4>Template</h4>\n<table class=\"CodeRay template\"><tbody><tr>\n  <td class=\"line-numbers\">\n<pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n</pre></td>\n  <td class=\"code\"><pre><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-graph</span><span title=\"Space\">\n    </span><span title=\"Ident\">xScaleType</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">ordinal</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\">\n    </span><span title=\"Ident\">yMinMode</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">fixed</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\">\n    </span><span title=\"Ident\">yMin</span><span title=\"Operator\">=</span><span title=\"Integer\" class=\"integer\">0</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n   </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-graph-content}}</span><span title=\"Space\">\n\n     </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">bars</span><span title=\"Space\"> </span><span title=\"Ident\">data</span><span title=\"Operator\">=</span><span title=\"Ident\">graphData</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n   </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">graph</span><span title=\"Operator\">-</span><span title=\"Ident\">content</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n</span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">graph</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span></pre></td>\n</tr></tbody></table>\n\n<div class=\"discussion\">\n  <p>\n  \\{{#nf-graph}} is the main container.  xScaleType=\"ordinal\" is required for bar graphs and causes bars to be evenly spaced based on ordinal position.  yMinMode=\"fixed\" and yMin=0 causes the Y Axis to always start at zero regardless of the minimum data value among the data array elements (works with any graph type).\n  </p>\n  <p>\n  \\{{#nf-graph-content}} is the container for elements that should appear inside the graph's plot area.\n  </p>\n  <p>\n  \\{{#nf-bars}} adds a set of bars the graph. \"data=graphData\" assigns an array of data to the line. One bar is drawn for each element in the array.\n  </p>\n  <p>\n  By default \\{{nf-bars}} will look for properties \"x\" and \"y\" on each element in the data array. \"x\" defines the ordinal position of each bar and is often a simple index. \"y\" defines the height of each bar.  Bar heights are draw relative to each other based on the minimum and maximum y values among all the data elements.\n  </p>\n</div>\n\n\n<h4>Component JavaScript</h4>\n<div class=\"CodeRay\">\n<table class=\"CodeRay\"><tbody><tr>\n  <td class=\"line-numbers\">\n<pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n</pre></td>\n  <td class=\"code\"><pre><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">ember</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n</span><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Space\"> </span><span title=\"Operator\">}</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">../services/data-generator</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n\n</span><span title=\"Reserved\" class=\"reserved\">export</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">default</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Operator\">.</span><span title=\"Ident\">Component</span><span title=\"Operator\">.</span><span title=\"Ident\">extend</span><span title=\"Operator\">({</span><span title=\"Space\">\n\n  </span><span title=\"Function\" class=\"function\">graphData</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">function</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\">\n    </span><span title=\"Keyword\" class=\"keyword\">return</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Operator\">.</span><span title=\"Ident\">simpleOrdinalData</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Operator\">;</span><span title=\"Space\">\n  </span><span title=\"Operator\">}</span><span title=\"Operator\">.</span><span title=\"Ident\">property</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\">\n\n</span><span title=\"Operator\">})</span><span title=\"Operator\">;</span><span title=\"Space\">\n</span></pre></td>\n</tr></tbody></table>\n</div>\n"
  },
  {
    "path": "tests/dummy/app/templates/components/basic-line-graph.hbs",
    "content": "{{#nf-graph as |nf|}}\n   {{#nf.graph as |graph|}}\n\n     {{graph.line data=graphData}}\n\n   {{/nf.graph}}\n{{/nf-graph}}\n\n\n<h4>Template</h4>\n<table class=\"CodeRay template\"><tbody><tr>\n  <td class=\"line-numbers\">\n<pre>1\n2\n3\n4\n5\n6\n7\n</pre></td>\n  <td class=\"code\"><pre><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-graph}}</span><span title=\"Space\">\n   </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-graph-content}}</span><span title=\"Space\">\n\n     </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">line</span><span title=\"Space\"> </span><span title=\"Ident\">data</span><span title=\"Operator\">=</span><span title=\"Ident\">graphData</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n   </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">graph</span><span title=\"Operator\">-</span><span title=\"Ident\">content</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n</span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">graph</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span></pre></td>\n</tr></tbody></table>\n\n<div class=\"discussion\">\n  <p>\n  \\{{#nf-graph}} is the main container.\n  </p>\n  <p>\n  \\{{#nf-graph-content}} is the container for elements that should appear inside the graph's plot area.\n  </p>\n  <p>\n  \\{{#nf-line}} adds a line plot to the graph.  \"data=graphData\" assigns an array of data to the line.  By default \\{{nf-line}} will look for properties \"x\" and \"y\" on each element in the data array.\n  </p>\n</div>\n\n\n\n<h4>Component JavaScript</h4>\n<table class=\"CodeRay\"><tbody><tr>\n  <td class=\"line-numbers\">\n<pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n</pre></td>\n  <td class=\"code\"><pre><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">ember</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n</span><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Space\"> </span><span title=\"Operator\">}</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">../services/data-generator</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n\n</span><span title=\"Reserved\" class=\"reserved\">export</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">default</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Operator\">.</span><span title=\"Ident\">Component</span><span title=\"Operator\">.</span><span title=\"Ident\">extend</span><span title=\"Operator\">({</span><span title=\"Space\">\n\n  </span><span title=\"Function\" class=\"function\">graphData</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">function</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\">\n    </span><span title=\"Keyword\" class=\"keyword\">return</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Operator\">.</span><span title=\"Ident\">simpleTimeSeries</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Operator\">;</span><span title=\"Space\">\n  </span><span title=\"Operator\">}</span><span title=\"Operator\">.</span><span title=\"Ident\">property</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\">\n\n</span><span title=\"Operator\">})</span><span title=\"Operator\">;</span></pre></td>\n</tr></tbody></table>\n"
  },
  {
    "path": "tests/dummy/app/templates/components/brush-select-zoom.hbs",
    "content": "{{#nf-graph\n    yMaxMode=\"push-tick\"\n    brushEndAction=\"brushEnd\" as |nf|}}\n\n   {{#nf.graph as |graph|}}\n\n     {{graph.line data=zoomData interpolator=\"monotone\"}}\n     {{graph.brush-selection right=selectRight left=selectLeft formatter=selectionDisplayFormatter}}\n\n   {{/nf.graph}}\n{{/nf-graph}}\n\n<button {{action \"reset\"}}>Reset Zoom</button>\n\n\n\n\n<h4>Template</h4>\n<table class=\"CodeRay template\"><tbody><tr>\n  <td class=\"line-numbers\">\n<pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n</pre>\n</td>\n<td class=\"code\">\n  <pre><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-graph</span><span title=\"Space\">\n    </span><span title=\"Ident\">yMaxMode</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">push-tick</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\">\n    </span><span title=\"Ident\">brushEndAction</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">brushEnd</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-graph-content}}</span><span title=\"Space\">\n\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">line</span><span title=\"Space\"> </span><span title=\"Ident\">data</span><span title=\"Operator\">=</span><span title=\"Ident\">zoomData</span><span title=\"Space\"> </span><span title=\"Ident\">interpolator</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">monotone</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">brush</span><span title=\"Operator\">-</span><span title=\"Ident\">selection</span><span title=\"Space\"> </span><span title=\"Ident\">right</span><span title=\"Operator\">=</span><span title=\"Ident\">selectRight</span><span title=\"Space\"> </span><span title=\"Ident\">left</span><span title=\"Operator\">=</span><span title=\"Ident\">selectLeft</span><span title=\"Space\"> </span><span title=\"Ident\">formatter</span><span title=\"Operator\">=</span><span title=\"Ident\">selectionDisplayFormatter</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">graph</span><span title=\"Operator\">-</span><span title=\"Ident\">content</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">graph</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span>\n  </pre>\n</td>\n</tr>\n\n<tr>\n<td class=\"line-numbers\">\n<pre>13\n14\n</pre>\n</td>\n\n<td class=\"code\">\n<pre>\n<span title=\"Space\">\n</span><span title=\"Tag\" class=\"tag\">&lt;button \\{{action \"reset\"}}&gt;</span><span title=\"Plain\">Reset Zoom</span><span title=\"Tag\" class=\"tag\">&lt;/button&gt;</span>\n</pre>\n</td>\n</tr>\n\n</tbody></table>\n\n<div class=\"discussion\">\n<p>\n  Brush selection allows a segment of the graph's plot area to be selected by click-and-drag with the mouse.  It is up to the developer to decide what to do with the selection results.  This example shows how to use the selection results to zoom in.\n</p>\n<p>\n  yMaxMode=\"push-tick\" causes the Y Axis to auto-resize to the next larger tick value when necessary as graph data changes. In this example graph data will change by filtering the data).  nf-graph will redraw any line plots when data changes.\n  \"push-tick\" also prevents the axis from shrinking which is what we want while zooming to prevent the user from being disoriented by drastically changing axis ranges while zooming.\n</p>\n<p>\n  brushEndAction specifies what action to execute on the component when the brush gesture ends.\n</p>\n<p>\n  \\{{nf-brush-selection}} captures mouse click-and-drag and emits the graph positions as actions.  It also draws selection markers on the graph plot area. Properties right and left are bound to component properties used to filter the data.\n</p>\n<p>\n  In this example mouse click-and-drag causes the brush enbd action to be fired. When the brush action ends JavaScript code updates data filter properties so that the graph displays only data within the new zoom extents.\n  Clicking the reset button resets the filter properties to include all data (unfiltered or zoomed).\n</p>\n</div>\n\n\n\n\n<h4>Component JavaScript</h4>\n<table class=\"CodeRay\"><tbody><tr>\n  <td class=\"line-numbers\">\n<pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n32\n33\n34\n35\n36\n37\n38\n39\n40\n41\n42\n43\n44\n45\n46\n47\n48\n49\n50\n51\n52\n53\n54\n55\n56\n57\n58\n59\n60\n61\n</pre></td>\n  <td class=\"code\"><pre><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">ember</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n</span><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Space\"> </span><span title=\"Operator\">}</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">../services/data-generator</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n</span><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\"> </span><span title=\"Ident\">format</span><span title=\"Space\"> </span><span title=\"Operator\">}</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">../helpers/format-hour-minute</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n\n</span><span title=\"Reserved\" class=\"reserved\">export</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">default</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Operator\">.</span><span title=\"Ident\">Component</span><span title=\"Operator\">.</span><span title=\"Ident\">extend</span><span title=\"Operator\">({</span><span title=\"Space\">\n\n  </span><span title=\"Comment\" class=\"comment\">// Start and end dates for filtering the graph data.</span><span title=\"Space\">\n  </span><span title=\"Comment\" class=\"comment\">// These are the initial values and will change when brush actions</span><span title=\"Space\">\n  </span><span title=\"Comment\" class=\"comment\">// are executed below</span><span title=\"Space\">\n  </span><span title=\"Key\" class=\"key\">startTime</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Integer\" class=\"integer\">0</span><span title=\"Operator\">,</span><span title=\"Space\">\n  </span><span title=\"Key\" class=\"key\">endTime</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Ident\">Number</span><span title=\"Operator\">.</span><span title=\"Ident\">MAX_VALUE</span><span title=\"Operator\">,</span><span title=\"Space\">\n\n\n  </span><span title=\"Comment\" class=\"comment\">// Domain values for right and left brush markers. These are modified</span><span title=\"Space\">\n  </span><span title=\"Comment\" class=\"comment\">// when the user drags with the mouse.</span><span title=\"Space\">\n  </span><span title=\"Key\" class=\"key\">selectLeft</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Predefined Constant\" class=\"predefined-constant\">undefined</span><span title=\"Operator\">,</span><span title=\"Space\">\n  </span><span title=\"Key\" class=\"key\">selectRight</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Predefined Constant\" class=\"predefined-constant\">undefined</span><span title=\"Operator\">,</span><span title=\"Space\">\n\n\n  </span><span title=\"Comment\" class=\"comment\">// Original graph data (no zoom or filter)</span><span title=\"Space\">\n  </span><span title=\"Function\" class=\"function\">graphData</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">function</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\">\n    </span><span title=\"Keyword\" class=\"keyword\">return</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Operator\">.</span><span title=\"Ident\">simpleTimeSeries</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Operator\">;</span><span title=\"Space\">\n  </span><span title=\"Operator\">}</span><span title=\"Operator\">.</span><span title=\"Ident\">property</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Operator\">,</span><span title=\"Space\">\n\n\n  </span><span title=\"Comment\" class=\"comment\">// Graph data filtered by zoom extents. Filtered to include only data points</span><span title=\"Space\">\n  </span><span title=\"Comment\" class=\"comment\">// falling within the zoom start and end dates</span><span title=\"Space\">\n  </span><span title=\"Function\" class=\"function\">zoomData</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">function</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\">\n    </span><span title=\"Keyword\" class=\"keyword\">var</span><span title=\"Space\"> </span><span title=\"Ident\">self</span><span title=\"Space\"> </span><span title=\"Operator\">=</span><span title=\"Space\"> </span><span title=\"Local Variable\" class=\"local-variable\">this</span><span title=\"Operator\">;</span><span title=\"Space\">\n\n    </span><span title=\"Keyword\" class=\"keyword\">return</span><span title=\"Space\"> </span><span title=\"Local Variable\" class=\"local-variable\">this</span><span title=\"Operator\">.</span><span title=\"Ident\">get</span><span title=\"Operator\">(</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">graphData</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">)</span><span title=\"Operator\">.</span><span title=\"Ident\">filter</span><span title=\"Operator\">(</span><span title=\"Keyword\" class=\"keyword\">function</span><span title=\"Operator\">(</span><span title=\"Ident\">d</span><span title=\"Operator\">)</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\">\n      </span><span title=\"Keyword\" class=\"keyword\">return</span><span title=\"Space\"> </span><span title=\"Ident\">d</span><span title=\"Operator\">.</span><span title=\"Ident\">x</span><span title=\"Space\"> </span><span title=\"Operator\">&gt;=</span><span title=\"Space\"> </span><span title=\"Ident\">self</span><span title=\"Operator\">.</span><span title=\"Ident\">get</span><span title=\"Operator\">(</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">startTime</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">)</span><span title=\"Space\"> </span><span title=\"Operator\">&amp;&amp;</span><span title=\"Space\"> </span><span title=\"Ident\">d</span><span title=\"Operator\">.</span><span title=\"Ident\">x</span><span title=\"Space\"> </span><span title=\"Operator\">&lt;=</span><span title=\"Space\"> </span><span title=\"Ident\">self</span><span title=\"Operator\">.</span><span title=\"Ident\">get</span><span title=\"Operator\">(</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">endTime</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">)</span><span title=\"Operator\">;</span><span title=\"Space\">\n    </span><span title=\"Operator\">})</span><span title=\"Operator\">;</span><span title=\"Space\">\n  </span><span title=\"Operator\">}</span><span title=\"Operator\">.</span><span title=\"Ident\">property</span><span title=\"Operator\">(</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">graphData</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">,</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">startTime</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">,</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">endTime</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">)</span><span title=\"Operator\">,</span><span title=\"Space\">\n\n\n  </span><span title=\"Comment\" class=\"comment\">// Formats the text shown on the brush selection markers.</span><span title=\"Space\">\n  </span><span title=\"Comment\" class=\"comment\">// This is using the format code imported from helper:format-hour-minute</span><span title=\"Space\">\n  </span><span title=\"Function\" class=\"function\">selectionDisplayFormatter</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">function</span><span title=\"Operator\">(</span><span title=\"Ident\">ms</span><span title=\"Operator\">)</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\">\n    </span><span title=\"Keyword\" class=\"keyword\">return</span><span title=\"Space\"> </span><span title=\"Ident\">format</span><span title=\"Operator\">(</span><span title=\"Ident\">ms</span><span title=\"Operator\">)</span><span title=\"Operator\">;</span><span title=\"Space\">\n  </span><span title=\"Operator\">}</span><span title=\"Operator\">,</span><span title=\"Space\">\n\n\n  </span><span title=\"Key\" class=\"key\">actions</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\">\n\n    </span><span title=\"Function\" class=\"function\">brushEnd</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">function</span><span title=\"Operator\">(</span><span title=\"Ident\">e</span><span title=\"Operator\">)</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\">\n      </span><span title=\"Comment\" class=\"comment\">// Now that the brush drag is finished set new</span><span title=\"Space\">\n      </span><span title=\"Comment\" class=\"comment\">// zoom values for filtering the main graph data</span><span title=\"Space\">\n      </span><span title=\"Local Variable\" class=\"local-variable\">this</span><span title=\"Operator\">.</span><span title=\"Ident\">set</span><span title=\"Operator\">(</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">startTime</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">,</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Operator\">.</span><span title=\"Ident\">get</span><span title=\"Operator\">(</span><span title=\"Ident\">e</span><span title=\"Operator\">,</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">left.x</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">))</span><span title=\"Operator\">;</span><span title=\"Space\">\n      </span><span title=\"Local Variable\" class=\"local-variable\">this</span><span title=\"Operator\">.</span><span title=\"Ident\">set</span><span title=\"Operator\">(</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">endTime</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">,</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Operator\">.</span><span title=\"Ident\">get</span><span title=\"Operator\">(</span><span title=\"Ident\">e</span><span title=\"Operator\">,</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">right.x</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">))</span><span title=\"Operator\">;</span><span title=\"Space\">\n\n    </span><span title=\"Operator\">}</span><span title=\"Operator\">,</span><span title=\"Space\">\n\n    </span><span title=\"Function\" class=\"function\">reset</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">function</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\">\n      </span><span title=\"Comment\" class=\"comment\">// Reset teh zoom extents</span><span title=\"Space\">\n      </span><span title=\"Local Variable\" class=\"local-variable\">this</span><span title=\"Operator\">.</span><span title=\"Ident\">set</span><span title=\"Operator\">(</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">startTime</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Operator\">,</span><span title=\"Space\"> </span><span title=\"Integer\" class=\"integer\">0</span><span title=\"Operator\">)</span><span title=\"Operator\">;</span><span title=\"Space\">\n      </span><span title=\"Local Variable\" class=\"local-variable\">this</span><span title=\"Operator\">.</span><span title=\"Ident\">set</span><span title=\"Operator\">(</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">endTime</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Operator\">,</span><span title=\"Space\"> </span><span title=\"Ident\">Number</span><span title=\"Operator\">.</span><span title=\"Ident\">MAX_VALUE</span><span title=\"Operator\">)</span><span title=\"Operator\">;</span><span title=\"Space\">\n    </span><span title=\"Operator\">}</span><span title=\"Space\">\n  </span><span title=\"Operator\">}</span><span title=\"Operator\">,</span><span title=\"Space\">\n\n</span><span title=\"Operator\">})</span><span title=\"Operator\">;</span></pre></td>\n</tr></tbody></table>\n"
  },
  {
    "path": "tests/dummy/app/templates/components/detailed-line-graph.hbs",
    "content": "{{#nf-graph\n    width=400\n    height=150\n    showLanes=true\n    showFrets=true\n    paddingTop=10\n    paddingRight=10 as |nf|}}\n\n  {{#nf.x-axis tickCount=5 as |tick|}}\n    <text>{{format-hour-minute tick.value}}</text>\n  {{/nf.x-axis}}\n\n  {{#nf.y-axis as |tick|}}\n    <text>{{tick.value}}</text>\n  {{/nf.y-axis}}\n\n  {{#nf.graph as |graph|}}\n    {{graph.line\n        data=graphData\n        xprop=\"x\"\n        yprop=\"y\"\n        interpolator=\"monotone\"}}\n  {{/nf.graph}}\n\n{{/nf-graph}}\n\n\n\n\n<h4>Template</h4>\n<table class=\"CodeRay template\"><tbody><tr>\n  <td class=\"line-numbers\">\n<pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n</pre></td>\n  <td class=\"code\"><pre><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-graph</span><span title=\"Space\">\n    </span><span title=\"Ident\">width</span><span title=\"Operator\">=</span><span title=\"Integer\" class=\"integer\">400</span><span title=\"Space\">\n    </span><span title=\"Ident\">height</span><span title=\"Operator\">=</span><span title=\"Integer\" class=\"integer\">150</span><span title=\"Space\">\n    </span><span title=\"Ident\">showLanes</span><span title=\"Operator\">=</span><span title=\"Predefined Constant\" class=\"predefined-constant\">true</span><span title=\"Space\">\n    </span><span title=\"Ident\">showFrets</span><span title=\"Operator\">=</span><span title=\"Predefined Constant\" class=\"predefined-constant\">true</span><span title=\"Space\">\n    </span><span title=\"Ident\">paddingTop</span><span title=\"Operator\">=</span><span title=\"Integer\" class=\"integer\">10</span><span title=\"Space\">\n    </span><span title=\"Ident\">paddingRight</span><span title=\"Operator\">=</span><span title=\"Integer\" class=\"integer\">10</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n  </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-x-axis tickCount=5}}</span><span title=\"Space\">\n    </span><span title=\"Operator\">&lt;</span><span title=\"Ident\">text</span><span title=\"Operator\">&gt;</span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">format</span><span title=\"Operator\">-</span><span title=\"Ident\">hour</span><span title=\"Operator\">-</span><span title=\"Ident\">minute</span><span title=\"Space\"> </span><span title=\"Ident\">tick</span><span title=\"Operator\">.</span><span title=\"Ident\">value</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Operator\">&lt;</span><span title=\"Operator\">/</span><span title=\"Ident\">text</span><span title=\"Operator\">&gt;</span><span title=\"Space\">\n  </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">x</span><span title=\"Operator\">-</span><span title=\"Ident\">axis</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n  </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-y-axis}}</span><span title=\"Space\">\n    </span><span title=\"Operator\">&lt;</span><span title=\"Ident\">text</span><span title=\"Operator\">&gt;</span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">tick</span><span title=\"Operator\">.</span><span title=\"Ident\">value</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Operator\">&lt;</span><span title=\"Operator\">/</span><span title=\"Ident\">text</span><span title=\"Operator\">&gt;</span><span title=\"Space\">\n  </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">y</span><span title=\"Operator\">-</span><span title=\"Ident\">axis</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n  </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-graph-content}}</span><span title=\"Space\">\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">line</span><span title=\"Space\">\n        </span><span title=\"Ident\">data</span><span title=\"Operator\">=</span><span title=\"Ident\">graphData</span><span title=\"Space\">\n        </span><span title=\"Ident\">xprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">x</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\">\n        </span><span title=\"Ident\">yprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">y</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\">\n        </span><span title=\"Ident\">interpolator</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">monotone</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n  </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">graph</span><span title=\"Operator\">-</span><span title=\"Ident\">content</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n</span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">graph</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span></pre></td>\n</tr></tbody></table>\n\n<div class=\"discussion\">\n  <p>\n  width=400 and height=150 define the pixel size of the entire graph including axis and padding.  showLanes=true causes horizontal swim lanes to be shaded in the background.  showFrets=true causes vertical lines to be draw in the background for each tick on the X Axis.  paddingRight and paddingType define padding space between the graph plot area and the absolute border of the entire graph.\n  </p>\n  <p>\n    \\{{#nf-x-axis}} draws the X Axis. tickCount=5 will produce approximately 5 evenly spaced \"nice\" ticks on the axis (the actual count may be one more or less depending where \"nice\" ticks fall on the axis). <text>{{format-hour-minute tick.value}}</text> is the X Axis tick template and defines the text that appears on each tick. tick.value is the domain value of each tick.\n    </p>\n  <p>\n    \\{{#nf-y-axis}} draws the Y Axis and has a text template similar to nf-x-axis above.\n  </p>\n  <p>\n    \\{{#nf-graph-content}} is the container for elements that should be drawn within the graph plot area.\n  </p>\n  <p>\n    \\{{#nf-line}} draws a line plot. data=graphData specifies to get this line's data from the component's graphData property.  xprop defines which property represents the x value on each data element.  yprop defines which property represents the y value on each data element.\n    interpolator=\"monotone\" specifies drawing the line with a smooth curve.  Other interpolator values can be found <a href=\"https://github.com/mbostock/d3/wiki/SVG-Shapes#line_interpolate\">here</a>.\n  </p>\n</div>\n\n\n\n<h4>Component JavaScript</h4>\n<table class=\"CodeRay\"><tbody><tr>\n  <td class=\"line-numbers\"><pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n</pre></td>\n  <td class=\"code\"><pre><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">ember</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n</span><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Space\"> </span><span title=\"Operator\">}</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">../services/data-generator</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n\n</span><span title=\"Reserved\" class=\"reserved\">export</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">default</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Operator\">.</span><span title=\"Ident\">Component</span><span title=\"Operator\">.</span><span title=\"Ident\">extend</span><span title=\"Operator\">({</span><span title=\"Space\">\n\n  </span><span title=\"Function\" class=\"function\">graphData</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">function</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\">\n    </span><span title=\"Keyword\" class=\"keyword\">return</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Operator\">.</span><span title=\"Ident\">simpleTimeSeries</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Operator\">;</span><span title=\"Space\">\n  </span><span title=\"Operator\">}</span><span title=\"Operator\">.</span><span title=\"Ident\">property</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\">\n\n</span><span title=\"Operator\">})</span><span title=\"Operator\">;</span></pre></td>\n</tr></tbody></table>\n"
  },
  {
    "path": "tests/dummy/app/templates/components/graph-primitives.hbs",
    "content": "{{#nf-graph as |nf|}}\n\n  {{#nf.graph as |graph|}}\n\n    {{graph.line data=graphData}}\n\n    {{#each graphData as |item|}}\n      {{graph.svg-image src=\"images/star.svg\" x=item.x y=item.y svgWidth=20 svgHeight=20}}\n    {{/each}}\n\n  {{/nf.graph}}\n{{/nf-graph}}\n"
  },
  {
    "path": "tests/dummy/app/templates/components/mouse-tracking-data.hbs",
    "content": "{{#nf-graph\n    selected=selectedLine\n    width=400\n    height=150\n    showFrets=true\n    paddingTop=10\n    paddingRight=10 as |nf|}}\n\n  {{#nf.x-axis tickCount=5 as |tick|}}\n    <text>{{format-hour-minute tick.value}}</text>\n  {{/nf.x-axis}}\n\n  {{#nf.y-axis as |tick|}}\n    <text>{{tick.value}}</text>\n  {{/nf.y-axis}}\n\n\n  {{#nf.graph as |graph|}}\n    {{graph.vertical-line x=selectedLine.hoverData.x}}\n    {{graph.horizontal-line y=selectedLine.hoverData.y}}\n\n    {{graph.line data=graphData xprop=\"date\" yprop=\"low\" trackingMode=\"snap-last\" selectable=true interpolator=\"monotone\"}}\n    {{graph.line data=graphData xprop=\"date\" yprop=\"medium\" trackingMode=\"snap-last\" selectable=true selected=true interpolator=\"monotone\"}}\n    {{graph.line data=graphData xprop=\"date\" yprop=\"high\" trackingMode=\"snap-last\" selectable=true interpolator=\"monotone\"}}\n  {{/nf.graph}}\n\n{{/nf-graph}}\n\n<div>\n  <span>Selected Time: {{format-hour-minute selectedLine.hoverData.x}}</span><span> Value: {{selectedLine.hoverData.y}}</span>\n</div>\n\n\n\n\n\n<h4>Template</h4>\n<table class=\"CodeRay template\"><tbody><tr>\n  <td class=\"line-numbers\">\n<pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n</pre></td>\n  <td class=\"code\"><pre><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-graph</span><span title=\"Space\">\n    </span><span title=\"Ident\">selected</span><span title=\"Operator\">=</span><span title=\"Ident\">selectedLine</span><span title=\"Space\">\n    </span><span title=\"Ident\">width</span><span title=\"Operator\">=</span><span title=\"Integer\" class=\"integer\">400</span><span title=\"Space\">\n    </span><span title=\"Ident\">height</span><span title=\"Operator\">=</span><span title=\"Integer\" class=\"integer\">150</span><span title=\"Space\">\n    </span><span title=\"Ident\">showFrets</span><span title=\"Operator\">=</span><span title=\"Predefined Constant\" class=\"predefined-constant\">true</span><span title=\"Space\">\n    </span><span title=\"Ident\">paddingTop</span><span title=\"Operator\">=</span><span title=\"Integer\" class=\"integer\">10</span><span title=\"Space\">\n    </span><span title=\"Ident\">paddingRight</span><span title=\"Operator\">=</span><span title=\"Integer\" class=\"integer\">10</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n  </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-x-axis tickCount=5}}</span><span title=\"Space\">\n    </span><span title=\"Operator\">&lt;</span><span title=\"Ident\">text</span><span title=\"Operator\">&gt;</span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">format</span><span title=\"Operator\">-</span><span title=\"Ident\">hour</span><span title=\"Operator\">-</span><span title=\"Ident\">minute</span><span title=\"Space\"> </span><span title=\"Ident\">tick</span><span title=\"Operator\">.</span><span title=\"Ident\">value</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Operator\">&lt;</span><span title=\"Operator\">/</span><span title=\"Ident\">text</span><span title=\"Operator\">&gt;</span><span title=\"Space\">\n  </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">x</span><span title=\"Operator\">-</span><span title=\"Ident\">axis</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n  </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-y-axis}}</span><span title=\"Space\">\n    </span><span title=\"Operator\">&lt;</span><span title=\"Ident\">text</span><span title=\"Operator\">&gt;</span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">tick</span><span title=\"Operator\">.</span><span title=\"Ident\">value</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Operator\">&lt;</span><span title=\"Operator\">/</span><span title=\"Ident\">text</span><span title=\"Operator\">&gt;</span><span title=\"Space\">\n  </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">y</span><span title=\"Operator\">-</span><span title=\"Ident\">axis</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n\n  </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-graph-content}}</span><span title=\"Space\">\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">vertical</span><span title=\"Operator\">-</span><span title=\"Ident\">line</span><span title=\"Space\"> </span><span title=\"Ident\">x</span><span title=\"Operator\">=</span><span title=\"Ident\">selectedLine</span><span title=\"Operator\">.</span><span title=\"Ident\">hoverData</span><span title=\"Operator\">.</span><span title=\"Ident\">x</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">horizontal</span><span title=\"Operator\">-</span><span title=\"Ident\">line</span><span title=\"Space\"> </span><span title=\"Ident\">y</span><span title=\"Operator\">=</span><span title=\"Ident\">selectedLine</span><span title=\"Operator\">.</span><span title=\"Ident\">hoverData</span><span title=\"Operator\">.</span><span title=\"Ident\">y</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">line</span><span title=\"Space\"> </span><span title=\"Ident\">data</span><span title=\"Operator\">=</span><span title=\"Ident\">graphData</span><span title=\"Space\"> </span><span title=\"Ident\">xprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">date</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">yprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">low</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">trackingMode</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">snap-last</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">selectable</span><span title=\"Operator\">=</span><span title=\"Predefined Constant\" class=\"predefined-constant\">true</span><span title=\"Space\"> </span><span title=\"Ident\">interpolator</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">monotone</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">line</span><span title=\"Space\"> </span><span title=\"Ident\">data</span><span title=\"Operator\">=</span><span title=\"Ident\">graphData</span><span title=\"Space\"> </span><span title=\"Ident\">xprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">date</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">yprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">medium</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">trackingMode</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">snap-last</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">selectable</span><span title=\"Operator\">=</span><span title=\"Predefined Constant\" class=\"predefined-constant\">true</span><span title=\"Space\"> </span><span title=\"Ident\">selected</span><span title=\"Operator\">=</span><span title=\"Predefined Constant\" class=\"predefined-constant\">true</span><span title=\"Space\"> </span><span title=\"Ident\">interpolator</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">monotone</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">line</span><span title=\"Space\"> </span><span title=\"Ident\">data</span><span title=\"Operator\">=</span><span title=\"Ident\">graphData</span><span title=\"Space\"> </span><span title=\"Ident\">xprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">date</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">yprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">high</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">trackingMode</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">snap-last</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">selectable</span><span title=\"Operator\">=</span><span title=\"Predefined Constant\" class=\"predefined-constant\">true</span><span title=\"Space\"> </span><span title=\"Ident\">interpolator</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">monotone</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n  </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">graph</span><span title=\"Operator\">-</span><span title=\"Ident\">content</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n</span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">graph</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span></pre></td>\n</tr>\n<tr>\n  <td class=\"line-numbers\">\n<pre>28\n29\n30\n</pre></td>\n  <td class=\"code\"><pre><span title=\"Tag\" class=\"tag\">&lt;div&gt;</span><span title=\"Space\">\n  </span><span title=\"Tag\" class=\"tag\">&lt;span&gt;</span><span title=\"Plain\">Selected Time: \\{{format-hour-minute selectedLine.hoverData.x}}</span><span title=\"Tag\" class=\"tag\">&lt;/span&gt;</span><span title=\"Tag\" class=\"tag\">&lt;span&gt;</span><span title=\"Space\"> </span><span title=\"Plain\">Value: \\{{selectedLine.hoverData.y}}</span><span title=\"Tag\" class=\"tag\">&lt;/span&gt;</span><span title=\"Space\">\n</span><span title=\"Tag\" class=\"tag\">&lt;/div&gt;</span></pre></td>\n</tr>\n</tbody></table>\n\n\n<div class=\"discussion\">\n  <p>\n    \\{{#nf-graph}} is the main graph container.  nf-graph has built-in element selection by clicking or setting a property.  selected=selectedLine causes property \"selectedLine\" to be set to the current selected element.\n    width= and height= set the absolute pixel size of the entire graph, including axis and padding.  showFrets= causes each tick on the X Axis to display a vertical line in the background.  paddingTop and paddingRight define padding size between the plot area and the absolute border of the entire graph.\n  </p>\n  <p>\n    \\{{#nf-x-axis}} draws the X Axis. tickCount=5 will produce approximately 5 evenly spaced \"nice\" ticks on the axis (the actual count may be one more or less depending where \"nice\" ticks fall on the axis). <text>{{format-hour-minute tick.value}}</text> is the X Axis tick template and defines the text that appears on each tick. tick.value is the domain value of each tick.\n    </p>\n  <p>\n    \\{{#nf-y-axis}} draws the Y Axis and has a text template similar to nf-x-axis above.\n  </p>\n  <p>\n    nf-graph child elements have built in mouse tracking features. Also child elements support being selected by clicking, or by setting a property.  Lines and areas provide a \"hoverData\" property which contains data about the data point nearest to the mouse pointer.\n    By using the \"hoverData\" of the \"selected\" element other graph elements can react to mouse tracking on the selected element.\n    </p>\n  <p>\n    \\{{nf-vertical-line}} draws a vertical line in the graph plot area which is being used along with nf-horizontal-line to draw a mouse crosshair.  x=selectedLine.hoverData.x causes the horizontal position of the line to be dependent of the the selected line's hoverData.x value.\n    Therefore mouse tracking will causes the vertical line to follow the mouse pointer and snap to the nearest data point on the selected line.\n  </p>\n  <p>\n    {{nf-horizontal-line}} draws a horizontal line in the graph plot area and behaves similar the nf-vertical-line above.\n  </p>\n  <p>\n    interpolator=\"monotone\" specifies drawing the area with a smooth curve.  Other interpolator values can be found <a href=\"https://github.com/mbostock/d3/wiki/SVG-Shapes#line_interpolate\">here</a>.\n  </p>\n\n  <p>\n   Display the mouse-tracked values within a div:  \\{{format-hour-minute selectedLine.hoverData.x}} displays the x value nearest to the mouse pointer on the current selected line. Because of data binding this value will change as the mouse pointer moves around. format-hour-minute is an Ember helper defined in this example project.\n  </p>\n</div>\n\n\n\n\n<h4>Component JavaScript</h4>\n<table class=\"CodeRay\"><tbody><tr>\n  <td class=\"line-numbers\">\n<pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n</pre></td>\n  <td class=\"code\"><pre><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">ember</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n</span><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Space\"> </span><span title=\"Operator\">}</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">../services/data-generator</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n\n</span><span title=\"Reserved\" class=\"reserved\">export</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">default</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Operator\">.</span><span title=\"Ident\">Component</span><span title=\"Operator\">.</span><span title=\"Ident\">extend</span><span title=\"Operator\">({</span><span title=\"Space\">\n\n  </span><span title=\"Function\" class=\"function\">graphData</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">function</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\">\n    </span><span title=\"Keyword\" class=\"keyword\">return</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Operator\">.</span><span title=\"Ident\">threeMetricTimeSeries</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Operator\">;</span><span title=\"Space\">\n  </span><span title=\"Operator\">}</span><span title=\"Operator\">.</span><span title=\"Ident\">property</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\">\n\n</span><span title=\"Operator\">})</span><span title=\"Operator\">;</span></pre></td>\n</tr></tbody></table>\n"
  },
  {
    "path": "tests/dummy/app/templates/components/mouse-tracking.hbs",
    "content": "{{#nf-graph selected=selectedLine as |nf|}}\n\n  {{#nf.graph as |graph|}}\n\n    {{graph.vertical-line x=selectedLine.hoverData.x}}\n    {{graph.horizontal-line y=selectedLine.hoverData.y}}\n\n    {{graph.line data=graphData xprop=\"date\" yprop=\"low\" trackingMode=\"hover\" selectable=true interpolator=\"monotone\"}}\n    {{graph.line data=graphData xprop=\"date\" yprop=\"medium\" trackingMode=\"hover\" selectable=true selected=true interpolator=\"monotone\"}}\n    {{graph.line data=graphData xprop=\"date\" yprop=\"high\" trackingMode=\"hover\" selectable=true interpolator=\"monotone\"}}\n\n   {{/nf.graph}}\n{{/nf-graph}}\n\n\n\n\n<h4>Template</h4>\n<table class=\"CodeRay template\"><tbody><tr>\n  <td class=\"line-numbers\">\n<pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13</pre></td>\n  <td class=\"code\"><pre><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-graph selected=selectedLine}}</span><span title=\"Space\">\n\n  </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-graph-content}}</span><span title=\"Space\">\n\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">vertical</span><span title=\"Operator\">-</span><span title=\"Ident\">line</span><span title=\"Space\"> </span><span title=\"Ident\">x</span><span title=\"Operator\">=</span><span title=\"Ident\">selectedLine</span><span title=\"Operator\">.</span><span title=\"Ident\">hoverData</span><span title=\"Operator\">.</span><span title=\"Ident\">x</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">horizontal</span><span title=\"Operator\">-</span><span title=\"Ident\">line</span><span title=\"Space\"> </span><span title=\"Ident\">y</span><span title=\"Operator\">=</span><span title=\"Ident\">selectedLine</span><span title=\"Operator\">.</span><span title=\"Ident\">hoverData</span><span title=\"Operator\">.</span><span title=\"Ident\">y</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">line</span><span title=\"Space\"> </span><span title=\"Ident\">data</span><span title=\"Operator\">=</span><span title=\"Ident\">graphData</span><span title=\"Space\"> </span><span title=\"Ident\">xprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">date</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">yprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">low</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">trackingMode</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">hover</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">selectable</span><span title=\"Operator\">=</span><span title=\"Predefined Constant\" class=\"predefined-constant\">true</span><span title=\"Space\"> </span><span title=\"Ident\">interpolator</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">monotone</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">line</span><span title=\"Space\"> </span><span title=\"Ident\">data</span><span title=\"Operator\">=</span><span title=\"Ident\">graphData</span><span title=\"Space\"> </span><span title=\"Ident\">xprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">date</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">yprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">medium</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">trackingMode</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">hover</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">selectable</span><span title=\"Operator\">=</span><span title=\"Predefined Constant\" class=\"predefined-constant\">true</span><span title=\"Space\"> </span><span title=\"Ident\">selected</span><span title=\"Operator\">=</span><span title=\"Predefined Constant\" class=\"predefined-constant\">true</span><span title=\"Space\"> </span><span title=\"Ident\">interpolator</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">monotone</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">line</span><span title=\"Space\"> </span><span title=\"Ident\">data</span><span title=\"Operator\">=</span><span title=\"Ident\">graphData</span><span title=\"Space\"> </span><span title=\"Ident\">xprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">date</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">yprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">high</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">trackingMode</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">hover</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">selectable</span><span title=\"Operator\">=</span><span title=\"Predefined Constant\" class=\"predefined-constant\">true</span><span title=\"Space\"> </span><span title=\"Ident\">interpolator</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">monotone</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n   </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">graph</span><span title=\"Operator\">-</span><span title=\"Ident\">content</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n</span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">graph</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span></pre></td>\n</tr></tbody></table>\n\n<div class=\"discussion\">\n  <p>\n    \\{{#nf-graph}} is the main graph container.  nf-graph has built-in element selection by clicking or setting a property.  selected=selectedLine causes property \"selectedLine\" to be set to the current selected element.\n  </p>\n  <p>\n    nf-graph child elements have built in mouse tracking features. Also child elements support being selected by clicking, or by setting a property.  Lines and areas provide a \"hoverData\" property which contains data about the data point nearest to the mouse pointer.\n    By using the \"hoverData\" of the \"selected\" element other graph elements can react to mouse tracking on the selected element.\n  </p>\n  <p>\n    The hoverData property of each graph element is an Ember property that can be data-bound as the source for properties on nearby graph elements, other Ember components, or other HTML attibutes for a wide range of effects.\n  </p>\n  <p>\n    trackingMode=\"hover\" specifies the behavior of nearest data point. \"hover\" mean populate hoverData with an object only while the mouse is hovering. Otherwise return null. Other values are \"snap-first\" and \"snap-last\" which cause hoverData to represent the first or last data point on the element when the mouse is NOT hovering.\n  </p>\n  <p>\n    \\{{nf-vertical-line}} draws a vertical line in the graph plot area which is being used along with nf-horizontal-line to draw a mouse crosshair.  x=selectedLine.hoverData.x causes the horizontal position of the line to be dependent of the the selected line's hoverData.x value.\n    Therefore mouse tracking will causes the vertical line to follow the mouse pointer and snap to the nearest data point on the selected line.\n  </p>\n  <p>\n    {{nf-horizontal-line}} draws a horizontal line in the graph plot area and behaves similar the nf-vertical-line above.\n  </p>\n  <p>\n    interpolator=\"monotone\" specifies drawing the area with a smooth curve.  Other interpolator values can be found <a href=\"https://github.com/mbostock/d3/wiki/SVG-Shapes#line_interpolate\">here</a>.\n  </p>\n\n</div>\n\n\n\n\n<h4>Component JavaScript</h4>\n<table class=\"CodeRay\"><tbody><tr>\n  <td class=\"line-numbers\">\n<pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n</pre></td>\n  <td class=\"code\"><pre><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">ember</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n</span><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Space\"> </span><span title=\"Operator\">}</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">../services/data-generator</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n\n</span><span title=\"Reserved\" class=\"reserved\">export</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">default</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Operator\">.</span><span title=\"Ident\">Component</span><span title=\"Operator\">.</span><span title=\"Ident\">extend</span><span title=\"Operator\">({</span><span title=\"Space\">\n\n  </span><span title=\"Function\" class=\"function\">graphData</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">function</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\">\n    </span><span title=\"Keyword\" class=\"keyword\">return</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Operator\">.</span><span title=\"Ident\">threeMetricTimeSeries</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Operator\">;</span><span title=\"Space\">\n  </span><span title=\"Operator\">}</span><span title=\"Operator\">.</span><span title=\"Ident\">property</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\">\n\n</span><span title=\"Operator\">})</span><span title=\"Operator\">;</span><span title=\"Space\">\n</span></pre></td>\n</tr></tbody></table>\n"
  },
  {
    "path": "tests/dummy/app/templates/components/stacked-area-graph.hbs",
    "content": "{{#nf-graph\n    yMinMode=\"fixed\"\n    yMin=0 as |nf|}}\n\n  {{#nf.graph as |graph|}}\n\n    {{#graph.area-stack}}\n      {{graph.area data=graphData xprop=\"date\" yprop=\"high\" class=\"high\" interpolator=\"monotone\"}}\n      {{graph.area data=graphData xprop=\"date\" yprop=\"medium\" class=\"medium\" interpolator=\"monotone\"}}\n      {{graph.area data=graphData xprop=\"date\" yprop=\"low\" class=\"low\" interpolator=\"monotone\"}}\n    {{/graph.area-stack}}\n\n  {{/nf.graph}}\n{{/nf-graph}}\n\n\n\n\n<h4>Template</h4>\n<table class=\"CodeRay template\"><tbody><tr>\n  <td class=\"line-numbers\"><pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14</pre></td>\n  <td class=\"code\"><pre><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-graph</span><span title=\"Space\">\n    </span><span title=\"Ident\">yMinMode</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">fixed</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\">\n    </span><span title=\"Ident\">yMin</span><span title=\"Operator\">=</span><span title=\"Integer\" class=\"integer\">0</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n  </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-graph-content}}</span><span title=\"Space\">\n\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Comment\" class=\"comment\">#nf-area-stack}}</span><span title=\"Space\">\n      </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">area</span><span title=\"Space\"> </span><span title=\"Ident\">data</span><span title=\"Operator\">=</span><span title=\"Ident\">graphData</span><span title=\"Space\"> </span><span title=\"Ident\">xprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">date</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">yprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">high</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">class</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">high</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">interpolator</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">monotone</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n      </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">area</span><span title=\"Space\"> </span><span title=\"Ident\">data</span><span title=\"Operator\">=</span><span title=\"Ident\">graphData</span><span title=\"Space\"> </span><span title=\"Ident\">xprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">date</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">yprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">medium</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">class</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">medium</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">interpolator</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">monotone</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n      </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">area</span><span title=\"Space\"> </span><span title=\"Ident\">data</span><span title=\"Operator\">=</span><span title=\"Ident\">graphData</span><span title=\"Space\"> </span><span title=\"Ident\">xprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">date</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">yprop</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">low</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">class</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">low</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Space\"> </span><span title=\"Ident\">interpolator</span><span title=\"Operator\">=</span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">\"</span><span title=\"String\" class=\"content\">monotone</span><span title=\"String\" class=\"delimiter\">\"</span></span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n    </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">area</span><span title=\"Operator\">-</span><span title=\"Ident\">stack</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n\n  </span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">graph</span><span title=\"Operator\">-</span><span title=\"Ident\">content</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span><span title=\"Space\">\n</span><span title=\"Operator\">{</span><span title=\"Operator\">{</span><span title=\"Operator\">/</span><span title=\"Ident\">nf</span><span title=\"Operator\">-</span><span title=\"Ident\">graph</span><span title=\"Operator\">}</span><span title=\"Operator\">}</span></pre></td>\n</tr></tbody></table>\n\n\n<div class=\"discussion\">\n  <p>\n    \\{{#nf-area-stack}} groups several nf-area elements into a \"stack\" so that areas are visually contoured to fit together. Each area will appear as a band of color that can be styled. The data array should defind the y value for the top curve of each area, but the bottom curve will be set aumatically by using the adjacent nf-area.  Adjacent areas are determined by the order that nf-area elements are listed in the template.\n    </p>\n  <p>\n    yprop specifies which property on each data element represents the y value for the area.\n  </p>\n  <p>\n    class can be defined to apply a CSS class to the area.\n  </p>\n  <p>\n    interpolator=\"monotone\" specifies drawing the area with a smooth curve.  Other interpolator values can be found <a href=\"https://github.com/mbostock/d3/wiki/SVG-Shapes#line_interpolate\">here</a>.\n  </p>\n</div>\n\n\n\n<h4>Component JavaScript</h4>\n<table class=\"CodeRay\"><tbody><tr>\n  <td class=\"line-numbers\"><pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10</pre></td>\n  <td class=\"code\"><pre><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">ember</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n</span><span title=\"Reserved\" class=\"reserved\">import</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Space\"> </span><span title=\"Operator\">}</span><span title=\"Space\"> </span><span title=\"Ident\">from</span><span title=\"Space\"> </span><span title=\"String\" class=\"string\"><span title=\"String\" class=\"delimiter\">'</span><span title=\"String\" class=\"content\">../services/data-generator</span><span title=\"String\" class=\"delimiter\">'</span></span><span title=\"Operator\">;</span><span title=\"Space\">\n\n</span><span title=\"Reserved\" class=\"reserved\">export</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">default</span><span title=\"Space\"> </span><span title=\"Ident\">Ember</span><span title=\"Operator\">.</span><span title=\"Ident\">Component</span><span title=\"Operator\">.</span><span title=\"Ident\">extend</span><span title=\"Operator\">({</span><span title=\"Space\">\n\n  </span><span title=\"Function\" class=\"function\">graphData</span><span title=\"Operator\">:</span><span title=\"Space\"> </span><span title=\"Keyword\" class=\"keyword\">function</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\"> </span><span title=\"Operator\">{</span><span title=\"Space\">\n    </span><span title=\"Keyword\" class=\"keyword\">return</span><span title=\"Space\"> </span><span title=\"Ident\">dataGenerator</span><span title=\"Operator\">.</span><span title=\"Ident\">threeMetricTimeSeries</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Operator\">;</span><span title=\"Space\">\n  </span><span title=\"Operator\">}</span><span title=\"Operator\">.</span><span title=\"Ident\">property</span><span title=\"Operator\">(</span><span title=\"Operator\">)</span><span title=\"Space\">\n\n</span><span title=\"Operator\">})</span><span title=\"Operator\">;</span></pre></td>\n</tr></tbody></table>\n"
  },
  {
    "path": "tests/dummy/app/templates/examples.hbs",
    "content": "<h2 id=\"title\">ember-cli-nf-graph examples</h2>\n\n<section>\n  <h3>Resources</h3>\n  <ul>\n    <li><a href=\"//github.com/netflix/ember-cli-nf-graph\">ember-nf-graph source</a></li>\n    <li><a href=\"//github.com/netflix/ember-nf-graph-examples\">ember-nf-graph-examples source</a></li>\n    <li><a href=\"//netflix.github.io/ember-cli-nf-graph/docs/\">Documentation for nf-graph here</a></li>\n  </ul>\n</section>\n\n<section>\n<h3>Contents</h3>\n  <ul>\n    <li><a href=\"#basic-line-graph\">Basic Line Graph</a></li>\n    <li><a href=\"#basic-area-graph\">Basic Area Graph</a></li>\n    <li><a href=\"#basic-bar-graph\">Basic Bar Graph</a></li>\n    <li><a href=\"#detailed-line-graph\">Detailed Line Graph</a></li>\n    <li><a href=\"#stacked-area-graph\">Stacked Area Graph</a></li>\n    <li><a href=\"#mouse-tracking\">Mouse Tracking</a></li>\n    <li><a href=\"#mouse-tracking-data\">Mouse Tracking Data</a></li>\n    <li><a href=\"#brush-select-zoom\">Brush Select to Zoom</a></li>\n    <li><a href=\"#bars-with-line\">Bar Graph with Line</a></li>\n  </ul>\n</section>\n\n\n<section>\n  <a name=\"basic-line-graph\"><h3>Basic Line Graph</h3></a>\n  {{basic-line-graph}}\n</section>\n\n<section>\n  <a name=\"basic-area-graph\"><h3>Basic Area Graph</h3></a>\n  {{basic-area-graph}}\n</section>\n\n<section>\n  <a name=\"basic-bar-graph\"><h3>Basic Bar Graph</h3></a>\n  {{basic-bar-graph}}\n</section>\n\n<section>\n  <a name=\"detailed-line-graph\"><h3>Detailed Line Graph</h3></a>\n  {{detailed-line-graph}}\n</section>\n\n<section>\n  <a name=\"stacked-area-graph\"><h3>Stacked Area Graph</h3></a>\n  {{stacked-area-graph}}\n</section>\n\n<section>\n  <a name=\"mouse-tracking\"><h3>Mouse Tracking</h3></a>\n  {{mouse-tracking}}\n</section>\n\n<section>\n  <a name=\"mouse-tracking-data\"><h3>Mouse Tracking Data</h3></a>\n  {{mouse-tracking-data}}\n</section>\n\n<section>\n  <a name=\"brush-select-zoom\"><h3>Brush Select to Zoom</h3></a>\n  {{brush-select-zoom}}\n</section>\n\n<section>\n  <a name=\"bars-with-line\"><h3>Bar Graph with Line</h3></a>\n  {{bars-with-line}}\n</section>\n\n<section>\n  <a name=\"primitives\"><h3>Graph Primitives</h3></a>\n  {{graph-primitives}}\n</section>\n"
  },
  {
    "path": "tests/dummy/app/templates/nf-graph/index.hbs",
    "content": "<h1>Graph - Basics</h1>\n\n\n<label>Graph Width: {{input name=\"graphWidth\" type=\"range\" min=\"10\" max=\"1000\" value=graphWidth}}</label><output>{{graphWidth}}px</output><br/>\n<label>Graph Height: {{input type=\"range\" min=\"10\" max=\"1000\" value=graphHeight}}</label><output>{{graphHeight}}px</output><br/>\n<label>Graph1 Diff A: {{input type=\"range\" min=\"0\" max=\"1000\" value=diffA}}</label><output>{{diffA}}</output><br/>\n<label>Graph1 Diff B: {{input type=\"range\" min=\"0\" max=\"1000\" value=diffB}}</label><output>{{diffB}}</output><br/>\n<label>Multiplier Y: {{input type=\"range\" min=\"0\" step=\".01\" max=\"2\" value=multiY}}</label><output>{{multiY}}</output><br/>\n<br>\n<button {{action 'updateLine'}}>Update Line</button>\n<button {{action 'updateAreas'}}>Update Areas</button>\n<br>\n\n<output>{{graphWidth}}px X {{graphHeight}}px</output>\n\n<style>\n\t.nf-area-line {\n\t\tstroke: black;\n\t}\n\n\t.nf-line-tracking-dot,\n\t.nf-area-tracking-dot {\n\t\tfill: orange;\n\t}\n\t.area3 .nf-area-area {\n\t\tfill: blue;\n\t}\n\t.area2 .nf-area-area {\n\t\tfill: lime;\n\t}\n\t.area1 .nf-area-area {\n\t\tfill: red;\n\t}\n\n\t.line1 .nf-line-line {\n\t\tstroke: grey;\n\t}\n</style>\n\n{{#nf-graph\n\tyMaxMode=\"push-tick\"\n\txLink=groupX\n\tselectMultiple=true\n\tbrushStartAction=(action \"brushStart\")\n\tbrushAction=(action \"brush\")\n\tbrushEndAction=(action \"brushEnd\")\n\twidth=graphWidth height=graphHeight showFrets=true showLanes=true paddingTop=50 paddingLeft=20 as |nf|}}\n\n\t{{#nf.graph as |graph|}}\n\t\t{{#graph.area-stack aggregate=1 as |stack|}}\n\t\t\t{{stack.area class=\"area3\" interpolator=\"linear\" data=model.area3  trackingMode=\"snap-last\"}}\n\t\t\t{{stack.area class=\"area2\" interpolator=\"linear\" data=model.area2  trackingMode=\"snap-last\" trackedData=(mut tracked2)}}\n\t\t\t{{stack.area class=\"area1\" interpolator=\"linear\" data=model.area1  trackingMode=\"snap-last\"}}\n\t\t{{/graph.area-stack}}\n\n\t\t{{#graph.group scaleZoomX=\"2\" scaleZoomY=\"2\" as |group|}}\n\t\t\t{{group.line data=lineData class=\"line1\" trackingMode=\"snap-last\"}}\n\t\t{{/graph.group}}\n\n\t\t{{graph.brush-selection left=(mut brushLeft) right=(mut brushRight)}}\n\t\t{{graph.crosshairs}}\n\t{{/nf.graph}}\n\n\t{{#nf.x-axis as |tick|}}\n\t\t<text>{{tick.value}}</text>\n\t{{/nf.x-axis}}\n\n\t{{#nf.y-axis orient=\"right\" as |tick|}}\n\t\t<text>{{tick.value}}</text>\n\t{{/nf.y-axis}}\n{{/nf-graph}}\n\n<div>\n\t<span>Tracked Data</span>\n\t<output>{{tracked2.y}} {{tracked2.renderY}}</output>\n</div>\n"
  },
  {
    "path": "tests/dummy/app/templates/nf-graph/nf-bars.hbs",
    "content": "{{#nf-graph width=500\n           height=300\n           paddingRight=10\n           paddingTop=10\n            xScaleType=\"ordinal\"\n            yMinMode=\"fixed\"\n            yMin=0\n            showLanes=true\n            showFrets=true\n            as |nf|\n            }}\n  {{#nf.graph as |graph|}}\n\n    {{graph.bars data=model.menuItemStockCount\n                trackingMode=\"snap-last\"\n        trackedData=tracked}}\n\n  {{/nf.graph}}\n\n  {{#nf.y-axis as |tick|}}\n    <text>{{tick.value}}</text>\n  {{/nf.y-axis}}\n\n  {{#nf.x-axis as |tick|}}\n    <text>{{tick.value}}</text>\n  {{/nf.x-axis}}\n\n {{/nf-graph}}\n\n <text>{{tracked.x}} {{tracked.y}}</text>\n"
  },
  {
    "path": "tests/dummy/config/environment.js",
    "content": "'use strict';\n\nmodule.exports = function(environment) {\n  let ENV = {\n    modulePrefix: 'dummy',\n    environment,\n    rootURL: '/',\n    locationType: 'auto',\n    EmberENV: {\n      FEATURES: {\n        // Here you can enable experimental features on an ember canary build\n        // e.g. 'with-controller': true\n      },\n      EXTEND_PROTOTYPES: {\n        // Prevent Ember Data from overriding Date.parse.\n        Date: false\n      }\n    },\n\n    APP: {\n      // Here you can pass flags/options to your application instance\n      // when it is created\n    }\n  };\n\n  if (environment === 'development') {\n    // ENV.APP.LOG_RESOLVER = true;\n    // ENV.APP.LOG_ACTIVE_GENERATION = true;\n    // ENV.APP.LOG_TRANSITIONS = true;\n    // ENV.APP.LOG_TRANSITIONS_INTERNAL = true;\n    // ENV.APP.LOG_VIEW_LOOKUPS = true;\n  }\n\n  if (environment === 'test') {\n    // Testem prefers this...\n    ENV.locationType = 'none';\n\n    // keep test console output quieter\n    ENV.APP.LOG_ACTIVE_GENERATION = false;\n    ENV.APP.LOG_VIEW_LOOKUPS = false;\n\n    ENV.APP.rootElement = '#ember-testing';\n    ENV.APP.autoboot = false;\n  }\n\n  if (environment === 'production') {\n    // here you can enable a production-specific feature\n  }\n\n  return ENV;\n};\n"
  },
  {
    "path": "tests/dummy/config/targets.js",
    "content": "module.exports = {\n  browsers: [\n    'ie 9',\n    'last 1 Chrome versions',\n    'last 1 Firefox versions',\n    'last 1 Safari versions'\n  ]\n};\n"
  },
  {
    "path": "tests/dummy/public/.gitkeep",
    "content": ""
  },
  {
    "path": "tests/dummy/public/robots.txt",
    "content": "# http://www.robotstxt.org\nUser-agent: *\nDisallow:\n"
  },
  {
    "path": "tests/helpers/destroy-app.js",
    "content": "import { run } from '@ember/runloop';\n\nexport default function destroyApp(application) {\n  run(application, 'destroy');\n}\n"
  },
  {
    "path": "tests/helpers/module-for-acceptance.js",
    "content": "import { module } from 'qunit';\nimport { resolve } from 'rsvp';\nimport startApp from '../helpers/start-app';\nimport destroyApp from '../helpers/destroy-app';\n\nexport default function(name, options = {}) {\n  module(name, {\n    beforeEach() {\n      this.application = startApp();\n\n      if (options.beforeEach) {\n        return options.beforeEach.apply(this, arguments);\n      }\n    },\n\n    afterEach() {\n      let afterEach = options.afterEach && options.afterEach.apply(this, arguments);\n      return resolve(afterEach).then(() => destroyApp(this.application));\n    }\n  });\n}\n"
  },
  {
    "path": "tests/helpers/start-app.js",
    "content": "import Application from '../../app';\nimport config from '../../config/environment';\nimport { merge } from '@ember/polyfills';\nimport { run } from '@ember/runloop';\n\nexport default function startApp(attrs) {\n  let attributes = merge({}, config.APP);\n  attributes.autoboot = true;\n  attributes = merge(attributes, attrs); // use defaults, but you can override;\n\n  return run(() => {\n    let application = Application.create(attributes);\n    application.setupForTesting();\n    application.injectTestHelpers();\n    return application;\n  });\n}\n"
  },
  {
    "path": "tests/index.html",
    "content": "<!DOCTYPE html>\n<html>\n  <head>\n    <meta charset=\"utf-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <title>Dummy Tests</title>\n    <meta name=\"description\" content=\"\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\n    {{content-for \"head\"}}\n    {{content-for \"test-head\"}}\n\n    <link rel=\"stylesheet\" href=\"{{rootURL}}assets/vendor.css\">\n    <link rel=\"stylesheet\" href=\"{{rootURL}}assets/dummy.css\">\n    <link rel=\"stylesheet\" href=\"{{rootURL}}assets/test-support.css\">\n\n    {{content-for \"head-footer\"}}\n    {{content-for \"test-head-footer\"}}\n  </head>\n  <body>\n    {{content-for \"body\"}}\n    {{content-for \"test-body\"}}\n\n    <script src=\"/testem.js\" integrity=\"\"></script>\n    <script src=\"{{rootURL}}assets/vendor.js\"></script>\n    <script src=\"{{rootURL}}assets/test-support.js\"></script>\n    <script src=\"{{rootURL}}assets/dummy.js\"></script>\n    <script src=\"{{rootURL}}assets/tests.js\"></script>\n\n    {{content-for \"body-footer\"}}\n    {{content-for \"test-body-footer\"}}\n  </body>\n</html>\n"
  },
  {
    "path": "tests/perf/first.spec.js",
    "content": "var benchpress = require('benchpress');\nvar runner = new benchpress.Runner([\n  //use protractor as Webdriver client\n  benchpress.SeleniumWebDriverAdapter.PROTRACTOR_BINDINGS,\n  //use RegressionSlopeValidator to validate samples\n  benchpress.Validator.bindTo(benchpress.RegressionSlopeValidator),\n  //use 10 samples to calculate slope regression\n  // benchpress.bind(benchpress.RegressionSlopeValidator.SAMPLE_SIZE).toValue(20),\n  //use the script metric to calculate slope regression\n  benchpress.bind(benchpress.RegressionSlopeValidator.METRIC).toValue('scriptTime'),\n  benchpress.bind(benchpress.Options.FORCE_GC).toValue(true)\n]);\n\ndescribe('deep tree baseline', function() {\n  it('should be fast!', function(done) {\n    //Tells protractor this isn't an Angular 1 application\n    browser.ignoreSynchronization = true;\n    //Load the benchmark, with a tree depth of 9\n\n    browser.get('http://localhost:4200/nf-graph?graphWidth=900').then(function(){\n      // browser.get('http://localhost:8080/tree.html?depth='+depth);\n      /*\n       * Tell benchpress to click the buttons to destroy and re-create the tree for each sample.\n       * Benchpress will log the collected metrics after each sample is collected, and will stop\n       * sampling as soon as the calculated regression slope for last 20 samples is stable.\n       */\n      runner.sample({\n        params: {\n          name: 'graphWidth', value: 900, scale: 'sqrt'\n        },\n        id: 'deep-tree',\n        execute: function() {\n          /*\n           * Will call querySelector in the browser, but benchpress is smart enough to ignore injected\n           * script.\n           */\n           $('#loadNewData').click();\n        },\n        bindings: [\n          // benchpress.bind(benchpress.Options.SAMPLE_DESCRIPTION).toValue({\n          //   depth: depth\n          // })\n        ]\n      }).then(done, done.fail);\n    });\n  });\n});\n"
  },
  {
    "path": "tests/test-helper.js",
    "content": "import Application from '../app';\nimport config from '../config/environment';\nimport { setApplication } from '@ember/test-helpers';\nimport { start } from 'ember-qunit';\n\nsetApplication(Application.create(config.APP));\n\nstart();\n"
  },
  {
    "path": "tests/unit/.gitkeep",
    "content": ""
  },
  {
    "path": "tests/unit/addon/mixins/graph-data-graphic-test.js",
    "content": "import EmberObject from '@ember/object';\nimport { run } from '@ember/runloop';\nimport Evented from '@ember/object/evented';\nimport GraphDataGraphic from 'ember-nf-graph/mixins/graph-data-graphic';\nimport { module, test } from 'qunit';\n\nmodule('addon/mixins/graph-data-graphic');\n\ntest('renderedData should narrow sortedData down to only what is between xMin and xMax if non-ordinal xScaleType, PLUS one point to either side', assert => {\n  var Foo = EmberObject.extend(GraphDataGraphic, Evented);\n  run(() => {\n    var foo = Foo.create({\n      mappedData: [[1,1], [75, 2], [100, 3], [101, 4], [150, 5], [199, 6], [200, 7], [225, 8], [300, 9]],\n      graph: EmberObject.create({\n        xScaleType: 'linear',\n        xMin: 100,\n        xMax: 200\n      })\n    });\n\n    var renderedData = foo.get('renderedData');\n    assert.deepEqual(renderedData, [[75, 2], [100, 3], [101, 4], [150, 5], [199, 6], [200, 7], [225, 8]]);\n  });\n});\n\ntest('renderedData should return the whole sortedData array if xScaleType is \"ordinal\"', assert => {\n  var Foo = EmberObject.extend(GraphDataGraphic, Evented);\n  run(() => {\n    var foo = Foo.create({\n      mappedData: [[1,1], [75, 2], [100, 3], [101, 4], [150, 5], [199, 6], [200, 7], [225, 8], [300, 9]],\n      graph: EmberObject.create({\n        xScaleType: 'ordinal',\n        xMin: 100,\n        xMax: 200\n      })\n    });\n\n    var renderedData = foo.get('renderedData');\n    assert.deepEqual(renderedData, [[1,1], [75, 2], [100, 3], [101, 4], [150, 5], [199, 6], [200, 7], [225, 8], [300, 9]]);\n  });\n});\n\ntest('firstVisibleData returns the first item of renderedData that is actually visible if renderedData includes a value off-graph', assert => {\n  var Foo = EmberObject.extend(GraphDataGraphic, Evented);\n  var first = [2,2];\n  first.data = [111, 222];\n  run(() => {\n    var foo = Foo.create({\n      renderedData: [[1,1],first,[3,3],[4,4],[5,5]],\n      xMin: 1.4,\n      yPropFn: x => x[1],\n      xPropFn: x => x[0]\n    });\n\n    var firstVisibleData = foo.get('firstVisibleData');\n    assert.deepEqual(firstVisibleData, { x: 111, y: 222, data: first.data, renderX: 2, renderY: 2 });\n  });\n});\n\ntest('firstVisibleData returns the first item of renderedData if it is at the xMin exactly', assert => {\n  var Foo = EmberObject.extend(GraphDataGraphic, Evented);\n  run(() => {\n    var first = [1,1];\n    first.data = [111,222];\n    var foo = Foo.create({\n      renderedData: [first,[2,2],[3,3],[4,4],[5,5]],\n      xMin: 1,\n      yPropFn: x => x[1],\n      xPropFn: x => x[0]\n    });\n\n    var firstVisibleData = foo.get('firstVisibleData');\n    assert.deepEqual(firstVisibleData, { x: 111, y: 222, data: first.data, renderX: 1, renderY: 1 });\n  });\n});\n\ntest('lastVisibleData returns the last item of renderedData that is actually visible if renderedData includes a value off-graph', assert => {\n  var Foo = EmberObject.extend(GraphDataGraphic, Evented);\n  var last = [4,4];\n  last.data = [111,222];\n  run(() => {\n    var foo = Foo.create({\n      renderedData: [[1,1],[2,2],[3,3],last,[5,5]],\n      xMax: 4.4,\n      yPropFn: x => x[1],\n      xPropFn: x => x[0]\n    });\n\n    var lastVisibleData = foo.get('lastVisibleData');\n    assert.deepEqual(lastVisibleData, { x: 111, y: 222, data: last.data, renderX: 4, renderY: 4 });\n  });\n});\n\ntest('lastVisibleData returns the last item of renderedData if it is at the xMax exactly', assert => {\n  var Foo = EmberObject.extend(GraphDataGraphic, Evented);\n  var last = [5,5];\n  last.data = [111,222];\n  run(() => {\n    var foo = Foo.create({\n      renderedData: [[1,1],[2,2],[3,3],[4,4],last],\n      xMax: 5,\n      yPropFn: x => x[1],\n      xPropFn: x => x[0]\n    });\n\n    var lastVisibleData = foo.get('lastVisibleData');\n    assert.deepEqual(lastVisibleData, { x: 111, y: 222, data: last.data, renderX: 5, renderY: 5 });\n  });\n});\n\ntest('getDataNearX() should return the data point closest to the x domain value passed', assert => {\n  var Foo = EmberObject.extend(GraphDataGraphic, Evented);\n  run(() => {\n    var foo = Foo.create({\n      renderedData: [[1,1],[2,2],[3,3],[4,4],[5,5]]\n    });\n\n    var data = foo.getDataNearX(3.6);\n    assert.deepEqual(data, [4,4]);\n\n    var data2 = foo.getDataNearX(3.3);\n    assert.deepEqual(data2, [3,3]);\n  });\n});\n\ntest('xPropFn should be a function that gets the value specified by xprop', assert => {\n  var Foo = EmberObject.extend(GraphDataGraphic, Evented);\n  run(() => {\n    var foo = Foo.create({\n      xprop: 'foo.bar'\n    });\n\n    var fn = foo.get('xPropFn');\n    assert.equal(fn({ foo: { bar: 'wokka wokka' } }), 'wokka wokka');\n  });\n});\n\ntest('xPropFn should work if xprop uses an array index like so: foo[2]', assert => {\n  var Foo = EmberObject.extend(GraphDataGraphic, Evented);\n  run(() => {\n    var foo = Foo.create({\n      xprop: 'foo[2]'\n    });\n\n    var fn = foo.get('xPropFn');\n    assert.equal(fn({ foo: ['apple', 'orange', 'banana'] }), 'banana');\n  });\n});\n\ntest('yPropFn should be a function that gets the value specified by yprop', assert => {\n  var Foo = EmberObject.extend(GraphDataGraphic, Evented);\n  run(() => {\n    var foo = Foo.create({\n      yprop: 'foo.bar'\n    });\n\n    var fn = foo.get('yPropFn');\n    assert.equal(fn({ foo: { bar: 'wokka wokka' } }), 'wokka wokka');\n  });\n});\n\n\ntest('yPropFn should work if yprop uses an array index like so: foo[2]', assert => {\n  var Foo = EmberObject.extend(GraphDataGraphic, Evented);\n  run(() => {\n    var foo = Foo.create({\n      yprop: 'foo[2]'\n    });\n\n    var fn = foo.get('yPropFn');\n    assert.equal(fn({ foo: ['apple', 'orange', 'banana'] }), 'banana');\n  });\n});\n"
  },
  {
    "path": "tests/unit/app/components/nf-bars-test.js",
    "content": "import { run } from '@ember/runloop';\nimport {\n  moduleForComponent,\n  test\n} from 'ember-qunit';\n\nmoduleForComponent('nf-bars', {\n  // specify the other units that are required for this test\n  needs: ['component:nf-graph', 'component:nf-graph-content']\n});\n\ntest('bars layout', function(assert) {\n  var bars;\n\n  run(() => {\n    var nfBars = this.subject({\n        xScale: x => {\n          switch(x) {\n            case 'a':\n              return 0;\n            case 'b':\n              return 10;\n            case 'c':\n              return 20;\n          }\n        },\n        yScale: x => x,\n        renderedData: [ ['a', 10], ['b', 5], ['c', 1] ],\n        graphHeight: 10,\n        getBarClass: () => 'testClass',\n        barWidth: 10,\n        groupOffsetX: 30,\n        _getRectPath: (...args) => args\n      });\n\n      bars = nfBars.get('bars');\n  });\n\n  assert.deepEqual(bars, [{\n    path: [30, 10, 10, 0],\n    className: 'nf-bars-bar testClass',\n    data: ['a',10]\n  }, {\n    path: [40, 5, 10, 5],\n    className: 'nf-bars-bar testClass',\n    data: ['b', 5]\n  }, {\n    path: [50, 1, 10, 9],\n    className: 'nf-bars-bar testClass',\n    data: ['c', 1]\n  }]);\n});\n"
  },
  {
    "path": "tests/unit/app/components/nf-graph-test.js",
    "content": "import { run } from '@ember/runloop';\n\nimport {\n  moduleForComponent,\n  test\n} from 'ember-qunit';\n\nmoduleForComponent('nf-graph', {});\n\n['push', 'auto', 'push-tick'].forEach((mode) => \n  test('changing xDataExtent[0] with xMinMode = \"' + mode + '\" should trigger didAutoUpdateMinX()', function(assert) {\n    assert.expect(1);\n\n    var graph = this.subject({\n      xMinMode: mode,\n      xMin: 0,\n      xMax: 100,\n      didAutoUpdateMinX() {\n        assert.ok(true);\n      }\n    });\n\n    run(() => {\n      graph.set('xDataExtent', [-1, 100]);\n      graph.get('xMin');\n    });\n  })\n);\n\ntest('changing xDataExtent[0] with xMinMode = \"fixed\" should NOT trigger didAutoUpdateMinX()', function(assert) {\n  assert.expect(0);\n\n  var graph = this.subject({\n    xMinMode: 'fixed',\n    xMin: 0,\n    xMax: 100,\n    didAutoUpdateMinX() {\n      assert.ok(false);\n    }\n  });\n\n  run(() => {\n    graph.set('xDataExtent', [-1, 100]);\n    graph.get('xMin');\n  });\n});\n\n\n['push', 'auto', 'push-tick'].forEach((mode) => \n  test('changing xDataExtent[0] with xMaxMode = \"' + mode + '\" should trigger didAutoUpdateMaxX()', function(assert) {\n    assert.expect(1);\n\n    var graph = this.subject({\n      xMaxMode: mode,\n      xMin: 0,\n      xMax: 100,\n      didAutoUpdateMaxX() {\n        assert.ok(true);\n      }\n    });\n\n    run(() => {\n      graph.set('xDataExtent', [0, 101]);\n      graph.get('xMax');\n    });\n  })\n);\n\n\ntest('changing xDataExtent[0] with xMaxMode = \"fixed\" should trigger NOT didAutoUpdateMaxX()', function(assert) {\n  assert.expect(0);\n\n  var graph = this.subject({\n    xMaxMode: 'fixed',\n    xMin: 0,\n    xMax: 100,\n    didAutoUpdateMaxX() {\n      assert.ok(false);\n    }\n  });\n\n  run(() => {\n    graph.set('xDataExtent', [0, 101]);\n    graph.get('xMax');\n  });\n});\n\ntest('calling didAutoUpdateMaxX() should send the graph instance over autoScaleXAction', function(assert){\n  assert.expect(1);\n\n  var calledWith;\n\n  var graph = this.subject({\n    xDataExtent: [1,2],\n    sendAction() {\n      calledWith = [].slice.call(arguments);\n    }\n  });\n\n  run(() => {\n    graph.didAutoUpdateMaxX();\n  });\n\n  assert.deepEqual(calledWith, ['autoScaleXAction', graph]);\n});\n\ntest('calling didAutoUpdateMinX() should send the graph instance over autoScaleXAction', function(assert){\n  assert.expect(1);\n\n  var calledWith;\n\n  var graph = this.subject({\n    xDataExtent: [1,2],\n    sendAction() {\n      calledWith = [].slice.call(arguments);\n    }\n  });\n\n  run(() => {\n    graph.didAutoUpdateMinX();\n  });\n\n  assert.deepEqual(calledWith, ['autoScaleXAction', graph]);\n});\n\n//-----\n\n\ntest('calling didAutoUpdateMinY() should send the graph instance over autoScaleYAction', function(assert){\n  assert.expect(1);\n\n  var calledWith;\n\n  var graph = this.subject({\n    yDataExtent: [1,2],\n    sendAction() {\n      calledWith = [].slice.call(arguments);\n    }\n  });\n\n  run(() => {\n    graph.didAutoUpdateMinY();\n  });\n\n  assert.deepEqual(calledWith, ['autoScaleYAction', graph]);\n});\n\ntest('calling didAutoUpdateMaxY() should send yDataExtent over autoScaleYAction', function(assert){\n  assert.expect(1);\n\n  var calledWith;\n\n  var graph = this.subject({\n    yDataExtent: [1,2],\n    sendAction() {\n      calledWith = [].slice.call(arguments);\n    }\n  });\n\n  run(() => {\n    graph.didAutoUpdateMaxY();\n  });\n\n  assert.deepEqual(calledWith, ['autoScaleYAction', graph]);\n});\n\n\n"
  },
  {
    "path": "tests/unit/app/components/nf-horizontal-line-test.js",
    "content": "import { run } from '@ember/runloop';\n\nimport {\n  moduleForComponent,\n  test\n} from 'ember-qunit';\n\nmoduleForComponent('nf-horizontal-line', {\n  // specify the other units that are required for this test\n  // needs: ['component:foo', 'helper:bar']\n});\n\ntest('it renders', function(assert) {\n  assert.expect(2);\n\n  // creates the component instance\n  var component = this.subject();\n  assert.equal(component._state, 'preRender');\n\n  // renders the component to the page\n  this.render();\n  assert.equal(component._state, 'inDOM');\n});\n\ntest('lineY pins to zero', function(assert) {\n  var component = this.subject();\n\n  run(() => {\n    component.set('yScale', function() { return -99; });\n    component.set('y', 0);\n  });\n\n  assert.equal(component.get('lineY'), 0);\n});\n"
  },
  {
    "path": "tests/unit/app/components/nf-vertical-line-test.js",
    "content": "import { run } from '@ember/runloop';\n\nimport {\n  moduleForComponent,\n  test\n} from 'ember-qunit';\n\nmoduleForComponent('nf-vertical-line', {\n  // specify the other units that are required for this test\n  // needs: ['component:foo', 'helper:bar']\n});\n\ntest('it renders', function(assert) {\n  assert.expect(2);\n\n  // creates the component instance\n  var component = this.subject();\n  assert.equal(component._state, 'preRender');\n\n  // renders the component to the page\n  this.render();\n  assert.equal(component._state, 'inDOM');\n});\n\ntest('lineX pins to zero', function(assert) {\n  var component = this.subject();\n\n  run(() => {\n    component.set('xScale', function() { return -99; });\n    component.set('x', 0);\n  });\n\n  assert.equal(component.get('lineX'), 0);\n});\n"
  },
  {
    "path": "tests/unit/app/components/nf-x-axis-test.js",
    "content": "import { moduleForComponent, test } from 'ember-qunit';\nimport { run } from '@ember/runloop';\n\nmoduleForComponent('nf-x-axis', {\n  unit: true,\n  needs: ['component:nf-graph'],\n});\n\ntest('nf-x-axis tickData should call tickFactory if available', function(assert) {\n  var args;\n\n  run(() => {\n    var axis = this.subject({\n      xScale: 'xScale',\n      tickCount: 42,\n      graph: {\n        xScaleType: 'xScaleType',\n        xData: [1,2,3,4,5]\n      },\n      tickFactory() {\n        args = [].slice.call(arguments);\n        return 'expected result';\n      }\n    });\n\n    var tickData = axis.get('tickData');\n    assert.equal(tickData, 'expected result');\n    assert.deepEqual(args, ['xScale', 42, [1,2,3,4,5], 'xScaleType']);\n  });\n});\n"
  },
  {
    "path": "tests/unit/app/components/nf-y-axis-test.js",
    "content": "import { moduleForComponent, test } from 'ember-qunit';\nimport { run } from '@ember/runloop';\n\nmoduleForComponent('nf-y-axis', {\n  unit: true,\n  needs: ['component:nf-graph']\n});\n\ntest('nf-y-axis tickData should call tickFactory if available', function(assert) {\n  var args;\n  run(() => {\n    var axis = this.subject({\n      yScale: 'yScale',\n      graph: {\n        yScaleType: 'yScaleType',\n        yData: [1,2,3,4,5]\n      },\n      tickCount: 42,\n      tickFactory() {\n        args = [].slice.call(arguments);\n        return 'expected result';\n      }\n    });\n\n    var tickData = axis.get('tickData');\n    assert.equal(tickData, 'expected result');\n    assert.deepEqual(args, ['yScale', 42, [1,2,3,4,5], 'yScaleType']);\n  });\n});\n"
  },
  {
    "path": "vendor/.gitkeep",
    "content": ""
  },
  {
    "path": "yuidoc.json",
    "content": "{\n    \"name\": \"ember-nf-graph\",\n    \"description\": \"A DSL for creating graphs with Ember\",\n    \"options\": {\n        \"outdir\": \"./docs\",\n        \"paths\": [\"addon/\", \"app/\"]\n    }\n}"
  }
]