Repository: cookpad/barbeque Branch: master Commit: 0bd975c84da6 Files: 253 Total size: 2.5 MB Directory structure: gitextract_3xnxz7z0/ ├── .github/ │ └── workflows/ │ └── ci.yml ├── .gitignore ├── .rspec ├── CHANGELOG.md ├── Gemfile ├── MIT-LICENSE ├── README.md ├── Rakefile ├── app/ │ ├── assets/ │ │ ├── config/ │ │ │ └── barbeque_manifest.js │ │ ├── images/ │ │ │ └── barbeque/ │ │ │ └── .keep │ │ ├── javascripts/ │ │ │ └── barbeque/ │ │ │ ├── application.js │ │ │ ├── job_definitions.js │ │ │ └── job_queues.js │ │ └── stylesheets/ │ │ └── barbeque/ │ │ ├── application.css │ │ └── job_definitions.css │ ├── controllers/ │ │ └── barbeque/ │ │ ├── api/ │ │ │ ├── application_controller.rb │ │ │ ├── job_executions_controller.rb │ │ │ ├── job_retries_controller.rb │ │ │ └── revision_locks_controller.rb │ │ ├── application_controller.rb │ │ ├── apps_controller.rb │ │ ├── job_definitions_controller.rb │ │ ├── job_executions_controller.rb │ │ ├── job_queues_controller.rb │ │ ├── job_retries_controller.rb │ │ ├── monitors_controller.rb │ │ └── sns_subscriptions_controller.rb │ ├── helpers/ │ │ └── barbeque/ │ │ ├── application_helper.rb │ │ ├── job_definitions_helper.rb │ │ └── job_executions_helper.rb │ ├── models/ │ │ ├── barbeque/ │ │ │ ├── api/ │ │ │ │ ├── application_resource.rb │ │ │ │ ├── database_maintenance_resource.rb │ │ │ │ ├── job_execution_resource.rb │ │ │ │ ├── job_retry_resource.rb │ │ │ │ └── revision_lock_resource.rb │ │ │ ├── app.rb │ │ │ ├── application_record.rb │ │ │ ├── docker_container.rb │ │ │ ├── ecs_hako_task.rb │ │ │ ├── job_definition.rb │ │ │ ├── job_execution.rb │ │ │ ├── job_queue.rb │ │ │ ├── job_retry.rb │ │ │ ├── retry_config.rb │ │ │ ├── slack_notification.rb │ │ │ └── sns_subscription.rb │ │ └── concerns/ │ │ └── .keep │ ├── services/ │ │ └── barbeque/ │ │ ├── message_enqueuing_service.rb │ │ ├── message_retrying_service.rb │ │ └── sns_subscription_service.rb │ └── views/ │ ├── barbeque/ │ │ ├── apps/ │ │ │ ├── _form.html.haml │ │ │ ├── edit.html.haml │ │ │ ├── index.html.haml │ │ │ ├── new.html.haml │ │ │ └── show.html.haml │ │ ├── job_definitions/ │ │ │ ├── _form.html.haml │ │ │ ├── _retry_configuration_field.html.haml │ │ │ ├── _slack_notification_field.html.haml │ │ │ ├── edit.html.haml │ │ │ ├── index.html.haml │ │ │ ├── new.html.haml │ │ │ ├── show.html.haml │ │ │ └── stats.html.haml │ │ ├── job_executions/ │ │ │ └── show.html.haml │ │ ├── job_queues/ │ │ │ ├── _form.html.haml │ │ │ ├── edit.html.haml │ │ │ ├── index.html.haml │ │ │ ├── new.html.haml │ │ │ └── show.html.haml │ │ ├── job_retries/ │ │ │ └── show.html.haml │ │ ├── monitors/ │ │ │ └── index.html.haml │ │ └── sns_subscriptions/ │ │ ├── _form.html.haml │ │ ├── edit.html.haml │ │ ├── index.html.haml │ │ ├── new.html.haml │ │ └── show.html.haml │ └── layouts/ │ └── barbeque/ │ ├── _header.html.haml │ ├── _sidebar.html.haml │ ├── application.html.haml │ ├── apps.html.haml │ ├── job_definitions.html.haml │ ├── job_executions.html.haml │ ├── job_queues.html.haml │ ├── job_retries.html.haml │ ├── monitors.html.haml │ └── sns_subscriptions.html.haml ├── barbeque.gemspec ├── bin/ │ └── rails ├── compose.yaml ├── config/ │ ├── initializers/ │ │ └── garage.rb │ └── routes.rb ├── db/ │ └── migrate/ │ ├── 20160217020910_create_job_queues.rb │ ├── 20160219010912_create_job_executions.rb │ ├── 20160223060807_create_apps.rb │ ├── 20160223183348_create_job_definitions.rb │ ├── 20160225020801_add_job_definition_id_to_job_executions.rb │ ├── 20160412083604_add_finished_at_to_job_executions.rb │ ├── 20160415043427_create_slack_notifications.rb │ ├── 20160509041452_add_job_queue_id_to_job_executions.rb │ ├── 20160516041710_create_job_retries.rb │ ├── 20160829023237_prefix_barbeque_to_tables.rb │ ├── 20170420030157_create_barbeque_sns_subscriptions.rb │ ├── 20170711085157_create_barbeque_docker_containers.rb │ ├── 20170712075449_create_barbeque_ecs_hako_tasks.rb │ ├── 20170724025542_add_index_to_job_execution_status.rb │ ├── 20180411070937_add_index_to_barbeque_job_executions_created_at.rb │ ├── 20190221050714_create_barbeque_retry_configs.rb │ ├── 20190311034445_add_notify_failure_only_if_retry_limit_reached_to_barbeque_slack_notifications.rb │ ├── 20190315052951_change_barbeque_retry_configs_base_delay_default_value.rb │ ├── 20191029105530_change_job_name_to_case_sensitive.rb │ └── 20240415080757_fix_collations.rb ├── doc/ │ ├── api/ │ │ ├── job_executions.md │ │ ├── job_retries.md │ │ └── revision_locks.md │ └── toc.md ├── lib/ │ ├── barbeque/ │ │ ├── config.rb │ │ ├── docker_image.rb │ │ ├── engine.rb │ │ ├── exception_handler.rb │ │ ├── execution_log.rb │ │ ├── execution_poller.rb │ │ ├── executor/ │ │ │ ├── docker.rb │ │ │ └── hako.rb │ │ ├── executor.rb │ │ ├── hako_s3_client.rb │ │ ├── maintenance.rb │ │ ├── message/ │ │ │ ├── base.rb │ │ │ ├── invalid_message.rb │ │ │ ├── job_execution.rb │ │ │ ├── job_retry.rb │ │ │ └── notification.rb │ │ ├── message.rb │ │ ├── message_handler/ │ │ │ ├── job_execution.rb │ │ │ ├── job_retry.rb │ │ │ └── notification.rb │ │ ├── message_handler.rb │ │ ├── message_queue.rb │ │ ├── retry_poller.rb │ │ ├── runner.rb │ │ ├── slack_client.rb │ │ ├── slack_notifier.rb │ │ ├── version.rb │ │ └── worker.rb │ ├── barbeque.rb │ └── tasks/ │ └── barbeque_tasks.rake ├── spec/ │ ├── barbeque/ │ │ ├── config_builder_spec.rb │ │ ├── config_spec.rb │ │ ├── docker_image_spec.rb │ │ ├── exception_handler_spec.rb │ │ ├── execution_log_spec.rb │ │ ├── execution_poller_spec.rb │ │ ├── executor/ │ │ │ ├── docker_spec.rb │ │ │ └── hako_spec.rb │ │ ├── executor_spec.rb │ │ ├── message_handler/ │ │ │ ├── job_execution_spec.rb │ │ │ ├── job_retry_spec.rb │ │ │ └── notification_spec.rb │ │ ├── message_queue_spec.rb │ │ ├── message_spec.rb │ │ ├── retry_poller_spec.rb │ │ ├── runner_spec.rb │ │ └── worker_spec.rb │ ├── controllers/ │ │ └── barbeque/ │ │ ├── apps_controller_spec.rb │ │ ├── job_definitions_controller_spec.rb │ │ ├── job_executions_controller_spec.rb │ │ ├── job_queues_controller_spec.rb │ │ ├── job_retries_controller_spec.rb │ │ └── sns_subscriptions_controller_spec.rb │ ├── dummy/ │ │ ├── .gitignore │ │ ├── Rakefile │ │ ├── app/ │ │ │ ├── assets/ │ │ │ │ ├── config/ │ │ │ │ │ └── manifest.js │ │ │ │ ├── images/ │ │ │ │ │ └── .keep │ │ │ │ ├── javascripts/ │ │ │ │ │ ├── application.js │ │ │ │ │ └── channels/ │ │ │ │ │ └── .keep │ │ │ │ └── stylesheets/ │ │ │ │ └── application.css │ │ │ ├── controllers/ │ │ │ │ ├── application_controller.rb │ │ │ │ └── concerns/ │ │ │ │ └── .keep │ │ │ ├── helpers/ │ │ │ │ └── application_helper.rb │ │ │ ├── models/ │ │ │ │ └── concerns/ │ │ │ │ └── .keep │ │ │ └── views/ │ │ │ └── layouts/ │ │ │ ├── application.html.erb │ │ │ ├── mailer.html.erb │ │ │ └── mailer.text.erb │ │ ├── bin/ │ │ │ ├── bundle │ │ │ ├── rails │ │ │ ├── rake │ │ │ ├── setup │ │ │ ├── spring │ │ │ ├── update │ │ │ └── yarn │ │ ├── config/ │ │ │ ├── application.rb │ │ │ ├── barbeque.empty.yml │ │ │ ├── barbeque.erb.yml │ │ │ ├── barbeque.hako.yml │ │ │ ├── barbeque.yml │ │ │ ├── boot.rb │ │ │ ├── database.yml │ │ │ ├── environment.rb │ │ │ ├── environments/ │ │ │ │ ├── development.rb │ │ │ │ ├── production.rb │ │ │ │ └── test.rb │ │ │ ├── initializers/ │ │ │ │ ├── application_controller_renderer.rb │ │ │ │ ├── assets.rb │ │ │ │ ├── backtrace_silencers.rb │ │ │ │ ├── content_security_policy.rb │ │ │ │ ├── cookies_serializer.rb │ │ │ │ ├── filter_parameter_logging.rb │ │ │ │ ├── inflections.rb │ │ │ │ ├── mime_types.rb │ │ │ │ ├── permissions_policy.rb │ │ │ │ ├── session_store.rb │ │ │ │ └── wrap_parameters.rb │ │ │ ├── locales/ │ │ │ │ └── en.yml │ │ │ ├── puma.rb │ │ │ ├── routes.rb │ │ │ ├── secrets.yml │ │ │ ├── spring.rb │ │ │ └── storage.yml │ │ ├── config.ru │ │ ├── db/ │ │ │ ├── schema.rb │ │ │ └── seeds.rb │ │ ├── lib/ │ │ │ ├── assets/ │ │ │ │ └── .keep │ │ │ └── tasks/ │ │ │ └── .keep │ │ ├── log/ │ │ │ └── .keep │ │ ├── public/ │ │ │ ├── 404.html │ │ │ ├── 422.html │ │ │ ├── 500.html │ │ │ └── robots.txt │ │ ├── tmp/ │ │ │ └── .keep │ │ └── vendor/ │ │ └── assets/ │ │ ├── javascripts/ │ │ │ └── .keep │ │ └── stylesheets/ │ │ └── .keep │ ├── factories/ │ │ ├── app.rb │ │ ├── job_definition.rb │ │ ├── job_execution.rb │ │ ├── job_queue.rb │ │ ├── job_retry.rb │ │ ├── retry_config.rb │ │ ├── slack_notifications.rb │ │ └── sns_subscription.rb │ ├── models/ │ │ └── barbeque/ │ │ ├── job_definition_spec.rb │ │ └── retry_config_spec.rb │ ├── rails_helper.rb │ ├── requests/ │ │ └── api/ │ │ ├── job_executions_spec.rb │ │ ├── job_retries_spec.rb │ │ └── revision_locks_spec.rb │ ├── services/ │ │ └── message_enqueuing_service_spec.rb │ └── spec_helper.rb ├── tools/ │ └── s3-log-migrator.rb └── vendor/ └── assets/ ├── javascripts/ │ ├── adminlte.js │ ├── bootstrap.js │ └── plotly-basic.js └── stylesheets/ ├── AdminLTE.css ├── bootstrap.css └── skins/ └── skin-blue.css ================================================ FILE CONTENTS ================================================ ================================================ FILE: .github/workflows/ci.yml ================================================ name: CI on: push: pull_request: jobs: test: runs-on: ubuntu-latest strategy: fail-fast: false matrix: ruby: - '3.0' - '3.1' - '3.2' - '3.3' name: Run test with Ruby ${{ matrix.ruby }} services: mysql: image: mysql:8.0 env: MYSQL_ROOT_PASSWORD: barbeque_root MYSQL_USER: barbeque MYSQL_PASSWORD: barbeque MYSQL_DATABASE: barbeque ports: - 3306:3306 options: >- --health-cmd "mysqladmin ping" --health-interval 10s --health-timeout 5s --health-retries 5 env: RAILS_ENV: test DATABASE_URL: mysql2://barbeque:barbeque@127.0.0.1:3306/barbeque steps: - uses: actions/checkout@v4 - uses: ruby/setup-ruby@v1 with: ruby-version: ${{ matrix.ruby }} bundler-cache: true - run: bin/rails db:setup - run: bin/rails zeitwerk:check - run: bundle exec rspec ================================================ FILE: .gitignore ================================================ .bundle/ log/*.log pkg/ Gemfile.lock ================================================ FILE: .rspec ================================================ --color --require spec_helper ================================================ FILE: CHANGELOG.md ================================================ ## v2.10.0 (2025-07-22) ### Changes - Update Rails to 7.0 - Use `Bundler.with_unbundled_env` instead of deprecated `Bundler.with_clean_env` ## v2.9.0 (2025-01-24) ### Changes - Update Rails to 6.1 - For Zeitwerk, Barbeque::SNSSubscription and Barbeque::SNSSubscriptionService are renamed to Barbeque::SnsSubscription and Barbeque::SnsSubscriptionService respectively - Support Ruby 3.0 - Drop support for Ruby < 3.0 - Drop support for MySQL 5.7 - A new migration is added to fix collations properly in MySQL 8.0 ## v2.8.0 (2021-12-23) ### New features - Pass `BARBEQUE_SENT_TIMESTAMP` variable to invoked jobs - The value is epoch time in milliseconds when the message is sent to the queue. See also: https://docs.aws.amazon.com/AWSSimpleQueueService/latest/APIReference/API_ReceiveMessage.html ## v2.7.5 (2020-05-29) ### Bug fixes - Use kaminari helper to generate links safely ## v2.7.4 (2020-04-08) ### Bug fixes - Delete the same message multiple times when DeleteMessage results in partial deletion of copies ## v2.7.3 (2020-01-08) ### Bug fixes - Accept retry configuration on create ## v2.7.2 (2019-11-05) ### Bug fixes - Wrap JSON message in pre tag for large message ### Changes - Change job name to case-sensitive ## v2.7.1 (2019-09-13) ### Bug fixes - Do not count pending retried job executions when checking `maximum_concurrent_executions` ## v2.7.0 (2019-03-18) ### New features - Add "Notify failure event to Slack only if retry limit reached" option ### Changes - Change the default value of "Base delay" option from 0.3 seconds to 15 seconds ## v2.6.0 (2019-02-25) ### New features - Add server-side retry feature ### Changes - Stop deleting job executions when job definition is deleted - Job executions tend to have large number of records, so deleting them is impossible. - Return 503 in maintenance mode when mysql2 error occurs - Use `BARBEQUE_HOST` environment variable to generate `html_url` field in API response ## v2.5.0 (2018-08-24) ### New features - Add selectable `message` field to `GET /v1/job_executions/:message_id` response - Add `BARBEQUE_VERIFY_ENQUEUED_JOBS` flag to API server which enables the feature that verifies the enqueued job by accessing MySQL - Add `delay_seconds` parameter to support SQS's delay_seconds - This also supports ActiveJob's enqueue_at method. ### Bug fixes - Show all SNS topics in /sns_subscriptions/new ## v2.4.0 (2018-04-13) ### Changes - Update Rails to 5.2 ## v2.3.0 (2018-04-12) ### Changes - Add index to barbeque_job_executions.created_at - Be careful when you have large number of records in barbeque_job_executions table. ## v2.2.0 (2018-03-07) ### Changes - Limit concurrent executions per job queue - `maximum_concurrent_executions` was applied to all job executions regardless of job queues. - Now `maximum_concurrent_executions` is applied to each job queue. - Poll job executions and job retries only of the specified queue - All execution pollers ware polling all job execution/retry statuses. - Now execution pollers poll execution/retry statuses of their own job queue. ## v2.1.0 (2017-12-22) ### Improvements - Support Hako definitions written in Jsonnet - Jsonnet format is supported since Hako v2.0.0 - Rename yaml_dir to definition_dir in config/barbeque.yml - yaml_dir is still supported with warnings for now ## v2.0.1 (2017-10-04) ### Improvements - Build queue_url without database when maintenance mode is enabled - See https://github.com/cookpad/barbeque/pull/58 for detail ## v2.0.0 (2017-09-19) ### Incompatibilities - Job execution URL was changed from `/job_executions/:id` to `/job_executions/:message_id` - Barbeque v1.0 links are redirected to v2.0 links - Job retry URL `/job_executions/:id/job_retries/:id` is also redirected to `/job_executions/:message_id/job_retries/:id` ## v1.4.1 (2017-09-05) ### Bug fixes - Do not create execution record when sqs:DeleteMessage returns error ## v1.4.0 (2017-08-31) ### Improvements - Update aws-sdk to v3 - Use modularized aws-sdk gems ## v1.3.1 (2017-08-31) ### Improvements - Filter job executions by status ## v1.3.0 (2017-08-21) ### New features - Show SQS metrics in job queue page ### Improvements - Update plotly.js to v1.29.3 ### Bug fixes - Do not truncate hover labels in /monitors chart - Fix Slack notification field in job definition form ## v1.2.2 (2017-08-04) ### Improvements - Extract S3 client for hako tasks ## v1.2.1 (2017-08-03) ### Bug fixes - Do not create job_execution record when S3 returns error - Ignore S3 errors when starting an execution ### Improvements - Set descriptive title element - Add breadcrumbs to all pages ## v1.2.0 (2017-07-26) ### Changes - Update Rails to 5.1 ## v1.1.0 (2017-07-25) ### Changes - Add message context to exception handler - Now exception handler is able to track which message is being processed when an exception is raised ### Bug fixes - Set status to running after creating related records ## v1.0.0 (2017-07-24) - Introduce Executor as a replacement of Runner - `runner` and `runner_options` is renamed to `executor` and `executor_options` respectively - Now `rake barbeque:worker` launches three types of process - Runner: receives message from SQS queue, starts job execution and stores its identifier to the database - In Executor::Docker, the identifier is container id - In Executor::Hako, the identifier is ECS cluster and task ARN - ExecutionPoller: polls execution status and reflect it to the database - In Executor::Docker, uses `docker inspect` command - In Executor::Docker, uses S3 task notification JSON - RetryPoller: polls retry status and reflect it to the database - Same with ExecutionPoller - Add `maximum_concurrent_executions` configuration to config/barbeque.yml - It controls the number of concurrent job executions - The limit is disabled by default - Drop support for legacy S3 log format - Run [migration script](tools/s3-log-migrator.rb) before upgrading to v1.0.0 - Add `sqs_receive_message_wait_time` configuration to config/barbeque.yml - This option controls ReceiveMessageWaitTimeSeconds attribute of SQS queue - The default value is changed from 20s to 10s ## v0.7.0 (2017-07-12) - Change S3 log format [#29](https://github.com/cookpad/barbeque/pull/29) - The legacy format saves `{message: message.body.to_json, stdout: stdout, stderr: stderr}.to_json` to `#{app}/#{job}/#{message_id}` - The new format saves message body to `#{app}/#{job}/#{message_id}/message.json`, stdout to `#{app}/#{job}/#{message_id}/stdout.txt`, and stderr to `#{app}/#{job}/#{message_id}/stderr.txt` - The legacy format is still supported in v0.7.0, but will be removed in v1.0.0 - Migration script is available: [tools/s3-log-migrator.rb](tools/s3-log-migrator.rb) ## v0.6.3 (2017-07-10) - Add "running" status [#28](https://github.com/cookpad/barbeque/pull/28) ## v0.6.2 (2017-06-06) - Kill N+1 query [#27](https://github.com/cookpad/barbeque/pull/27) ## v0.6.1 (2017-06-06) - Show application names for each job definition in SNS subscriptions [#26](https://github.com/cookpad/barbeque/pull/26) ## v0.6.0 (2017-06-05) - Support JSON-formatted string as Notification massages [#25](https://github.com/cookpad/barbeque/pull/25) ## v0.5.2 (2017-05-23) - Destroy SNS subscriptions before destroying job definition [#24](https://github.com/cookpad/barbeque/pull/24) ## v0.5.1 (2017-05-01) - Log message body in error status for retry [#23](https://github.com/cookpad/barbeque/pull/23) ## v0.5.0 (2017-05-01) - Add error status to job_execution [#22](https://github.com/cookpad/barbeque/pull/22) ## v0.4.1 (2017-04-28) - Add error handling for AWS SNS API calls [#21](https://github.com/cookpad/barbeque/pull/21) ## v0.4.0 (2017-04-27) - Support fan-out executions using AWS SNS notifications [#20](https://github.com/cookpad/barbeque/pull/20) ## v0.3.0 (2017-04-17) - Fix job_retry order in job_execution page [#16](https://github.com/cookpad/barbeque/pull/16) - Fix Back path to each job definition page [#17](https://github.com/cookpad/barbeque/pull/17) - Fix "active" class in sidebar [#18](https://github.com/cookpad/barbeque/pull/18) - Add new page to show recently processed jobs [#19](https://github.com/cookpad/barbeque/pull/19) ## v0.2.4 (2017-04-05) - Autolink URLs in job_retry outputs [#15](https://github.com/cookpad/barbeque/pull/15) ## v0.2.3 (2017-03-24) - Make operation to deduplicate messages atomic [#14](https://github.com/cookpad/barbeque/pull/14) ## v0.2.2 (2017-03-16) - Add execution id and html_url to status API response [#13](https://github.com/cookpad/barbeque/pull/13) ## v0.2.1 - Fix bug in execution statistics [#12](https://github.com/cookpad/barbeque/pull/12) ## v0.2.0 - Add Hako runner [#11](https://github.com/cookpad/barbeque/pull/11) ## v0.1.0 - Handle S3 error on web console [#10](https://github.com/cookpad/barbeque/pull/10) ## v0.0.18 - Reuse AWS credentials assumed from Role [#9](https://github.com/cookpad/barbeque/pull/9) ## v0.0.17 - Move statistics button to upper right on job definition page - Link app from job definitions index ## v0.0.16 - Autolink stdout and stderr [#8](https://github.com/cookpad/barbeque/pull/8) ## v0.0.15 - Report exception raised in SQS message parser ## v0.0.14 - Allow logging worker exception by Raven [#7](https://github.com/cookpad/barbeque/pull/7) ## v0.0.13 - Allow switching log output by `BARBEQUE_LOG_TO_STDOUT` [#6](https://github.com/cookpad/barbeque/pull/4) ## v0.0.12 - Destroy job definitions after their app destruction [#4](https://github.com/cookpad/barbeque/pull/4) ================================================ FILE: Gemfile ================================================ source 'https://rubygems.org' # Declare your gem's dependencies in barbeque.gemspec. # Bundler will treat runtime dependencies like base dependencies, and # development dependencies will be added by default to the :development group. gemspec # Declare any dependencies that are still in development here instead of in # your gemspec. These might include edge Rails or gems from your path or # Git. Remember to move these dependencies to your gemspec before releasing # your gem to rubygems.org. group :development, :test do gem 'pry-byebug' end # Following gems don't work if they're required on spec_helper. # It should be loaded on `Bundler.require` or `before_configuration`, # and I don't want to to load them on `before_configuration` for test environment. group :test do gem 'rails-controller-testing' end # Workaround for https://github.com/rails/rails/pull/54264 gem 'concurrent-ruby', '< 1.3.5' ================================================ FILE: MIT-LICENSE ================================================ Copyright 2016 Takashi Kokubun Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ================================================ FILE: README.md ================================================ # Barbeque [![Build Status](https://github.com/cookpad/barbeque/actions/workflows/ci.yml/badge.svg?branch=master)](https://github.com/cookpad/barbeque/actions/workflows/ci.yml) Job queue system to run job with Docker ## Project Status Barbeque is used on production at Cookpad. ## What's Barbeque? Barbeque is a job queue system that consists of: - Web console to manage jobs - Web API to queue a job - Worker to execute a job A job for Barbeque is a command you configured on web console. A message serialized by JSON and a job name are given to the command when performed. In Barbeque worker, they are done on Docker container. ## Why Barbeque? - You can achieve job-level auto scaling using tools like [Amazon ECS](https://aws.amazon.com/ecs/) [EC2 Auto Scaling group](https://aws.amazon.com/autoscaling/) - For Amazon ECS, Barbeque has Hako executor - You don't have to manage infrastructure for each application like Resque or Sidekiq For details, see [Scalable Job Queue System Built with Docker // Speaker Deck](https://speakerdeck.com/k0kubun/scalable-job-queue-system-built-with-docker). ## Deployment ### Web API & console Install barbeque.gem to an empty Rails app and mount `Barbeque::Engine`. And deploy it as you like. You also need to prepare MySQL, Amazon SQS and Amazon S3. #### For sandbox environment Barbeque's enqueue API tries to be independent of MySQL by design. Although that design policy, verifying the enqueued job is useful in some environment (such as sandboxed environment). Passing `BARBEQUE_VERIFY_ENQUEUED_JOBS=1` to the Web API server enables the feature that verifies the enqueued job by accessing MySQL. ### Worker ```bash $ rake barbeque:worker BARBEQUE_QUEUE=default ``` The rake task launches four worker processes. - Two runners - receives message from SQS queue, starts job execution and stores its identifier to the database - One execution poller - gets execution status and reflect it to the database - One retry poller - gets retried execution status and reflect it to the database ## Usage Web API documentation is available at [doc/toc.md](./doc/toc.md). ### Ruby [barbeque\_client.gem](https://github.com/cookpad/barbeque_client) has API client and ActiveJob integration. ## Executor Barbeque executor can be customized in config/barbeque.yml. Executor is responsible for starting executions and getting status of executions. Barbeque has currently two executors. ### Docker (default) Barbeque::Executor::Docker starts execution by `docker run --detach` and gets status by `docker inspect`. ### Hako Barbeque::Executor::Hako starts execution by `hako oneshot --no-wait` and gets status from S3 task notification. #### Requirement You must configure CloudWatch Events for putting S3 task notification. See Hako's documentation for detail. https://github.com/eagletmt/hako/blob/master/docs/ecs-task-notification.md ## License The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT). ================================================ FILE: Rakefile ================================================ begin require 'bundler/setup' rescue LoadError puts 'You must `gem install bundler` and `bundle install` to run rake tasks' end require 'rdoc/task' RDoc::Task.new(:rdoc) do |rdoc| rdoc.rdoc_dir = 'rdoc' rdoc.title = 'Barbeque' rdoc.options << '--line-numbers' rdoc.rdoc_files.include('README.md') rdoc.rdoc_files.include('lib/**/*.rb') end require 'bundler/gem_tasks' require File.expand_path('../spec/dummy/config/application', __FILE__) namespace :plotly do desc 'Update plotly.js to specified version' task :update, [:version] do |t, args| sh "curl -sSfL https://github.com/plotly/plotly.js/archive/v#{args[:version]}.tar.gz | tar zxf - plotly.js-#{args[:version]}/dist/plotly-basic.js -O > vendor/assets/javascripts/plotly-basic.js" end end namespace :bootstrap do desc 'Update Bootstrap to specified version' task :update, [:version] do |t, args| version = args.fetch(:version) zipfile = "bootstrap-v#{version}.zip" sh "curl -sSfL -o #{zipfile} https://github.com/twbs/bootstrap/releases/download/v#{version}/bootstrap-#{version}-dist.zip" sh "bsdtar xf #{zipfile} --strip-components 2 -C vendor/assets/stylesheets bootstrap-#{version}-dist/css/bootstrap.css" sh "bsdtar xf #{zipfile} --strip-components 2 -C vendor/assets/javascripts bootstrap-#{version}-dist/js/bootstrap.js" end end namespace :adminlte do desc 'Update AdminLTE to specified version' task :update, [:version] do |t, args| version = args.fetch(:version) tarball = "adminlte-v#{version}.tar.gz" sh "curl -sSfL -o #{tarball} https://github.com/ColorlibHQ/AdminLTE/archive/refs/tags/v#{version}.tar.gz" sh "tar zxf #{tarball} --strip-components 3 -C vendor/assets/stylesheets AdminLTE-#{version}/dist/css/AdminLTE.css AdminLTE-#{version}/dist/css/skins/skin-blue.css" sh "tar zxf #{tarball} --strip-components 3 -C vendor/assets/javascripts AdminLTE-#{version}/dist/js/adminlte.js" end end Rails.application.load_tasks ================================================ FILE: app/assets/config/barbeque_manifest.js ================================================ //= link_directory ../javascripts/barbeque .js //= link_directory ../stylesheets/barbeque .css ================================================ FILE: app/assets/images/barbeque/.keep ================================================ ================================================ FILE: app/assets/javascripts/barbeque/application.js ================================================ // This is a manifest file that'll be compiled into application.js, which will include all the files // listed below. // // Any JavaScript file within this directory, lib/assets/javascripts, vendor/assets/javascripts, // or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path. // // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the // compiled file. JavaScript code in this file should be added after the last require_* statement. // // Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details // about supported directives. // //= require jquery //= require bootstrap //= require jquery_ujs //= require adminlte //= require plotly-basic //= require_tree . ================================================ FILE: app/assets/javascripts/barbeque/job_definitions.js ================================================ jQuery(function($) { if (!document.querySelector('.barbeque_job_definitions_controller')) { return; } $('.use_slack_notification').bind('change', function(event) { const enabledField = $('.slack_notification_field'); if (event.target.value === 'true') { enabledField.removeClass('active'); } else { enabledField.addClass('active'); } }); $('.enable_retry_configuration').bind('change', function(event) { const enabledField = $('.retry_configuration_field'); if (event.target.value === 'true') { enabledField.removeClass('active'); } else { enabledField.addClass('active'); } }); }); ================================================ FILE: app/assets/javascripts/barbeque/job_queues.js ================================================ jQuery(function($) { if (!document.querySelector('.barbeque_job_queues_controller')) { return; } const sqsDiv = document.getElementById('sqs-attributes'); if (!sqsDiv) { return; } const { url, metricsUrl } = sqsDiv.dataset; $.getJSON(url).done(data => { renderBox(sqsDiv, 'SQS queue metrics', metricsUrl, data); if (data.dlq) { const dlqDiv = document.getElementById('sqs-dlq-attributes'); renderBox(dlqDiv, 'SQS dead-letter queue metrics', metricsUrl, data.dlq); } }).fail(jqxhr => { const errorMessage = document.createElement('div'); errorMessage.classList.add('alert'); errorMessage.classList.add('alert-danger'); errorMessage.appendChild(document.createTextNode(`Server returned ${jqxhr.status}: ${jqxhr.statusText}`)); const indicator = sqsDiv.querySelector('.loading-indicator'); if (indicator) { indicator.parentNode.removeChild(indicator); } sqsDiv.appendChild(errorMessage); }); }); const renderBox = (div, title, metricsUrl, data) => { const box = document.createElement('div'); box.classList.add('box'); const boxHeader = document.createElement('div'); boxHeader.classList.add('box-header'); const boxTitle = document.createElement('h3'); boxTitle.classList.add('box-title'); boxTitle.classList.add('with_padding'); boxTitle.appendChild(document.createTextNode(title)); boxHeader.appendChild(boxTitle); const boxBody = document.createElement('div'); boxBody.classList.add('box-body'); box.appendChild(boxHeader); box.appendChild(boxBody); const table = document.createElement('table'); table.classList.add('table'); table.classList.add('table-bordered'); const thead = document.createElement('thead'); const theadTr = document.createElement('tr'); thead.appendChild(theadTr); const tbody = document.createElement('tbody'); const tbodyTr = document.createElement('tr'); tbody.appendChild(tbodyTr); for (const [name, value] of Object.entries(data.attributes)) { const th = document.createElement('th'); th.appendChild(document.createTextNode(name)); theadTr.appendChild(th); const td = document.createElement('td'); td.appendChild(document.createTextNode(value)); tbodyTr.appendChild(td); } table.appendChild(thead); table.appendChild(tbody); boxBody.appendChild(table); const indicator = div.querySelector('.loading-indicator'); if (indicator) { indicator.parentNode.removeChild(indicator); } div.appendChild(box); const metrics = { NumberOfMessagesSent: 'Sum', ApproximateNumberOfMessagesVisible: 'Sum', ApproximateNumberOfMessagesNotVisible: 'Sum', ApproximateAgeOfOldestMessage: 'Maximum', }; const row = document.createElement('div'); row.classList.add('row'); boxBody.appendChild(row); for (const [metricName, statistic] of Object.entries(metrics)) { $.getJSON(`${metricsUrl}?queue_name=${data.queue_name}&metric_name=${metricName}&statistic=${statistic}`).done(data => { renderChart(row, data); }).fail(jqxhr => { const errorMessage = document.createElement('div'); errorMessage.classList.add('alert'); errorMessage.classList.add('alert-danger'); errorMessage.appendChild(document.createTextNode(`Failed to load SQS metrics ${metricName}: ${jqxhr.status}: ${jqxhr.statusText}`)); return div.appendChild(errorMessage); }); } }; const renderChart = function(row, data) { const div = document.createElement('div'); div.classList.add('col-md-3'); const chartDiv = document.createElement('div'); div.appendChild(chartDiv); div.dataset.label = data.label; // Insert charts ordered by label name let inserted = false; for (const child of row.children) { if (data.label < child.dataset.label) { row.insertBefore(div, child); inserted = true; break; } } if (!inserted) { row.appendChild(div); } return Plotly.plot(chartDiv, [{ type: 'scatter', x: data.datapoints.map(point => point.timestamp), y: data.datapoints.map(point => point.value), }], { title: data.label, }); }; ================================================ FILE: app/assets/stylesheets/barbeque/application.css ================================================ /* *= require bootstrap *= require AdminLTE *= require skins/skin-blue *= require barbeque/job_definitions */ :root { --barbeque-border-color: #ececec; } .box-body { padding: 12px; } .box-header .box-title.with_padding { padding: 6px; font-size: 22px; } .table.table-bordered { margin-bottom: 12px; border-color: var(--barbeque-border-color); } .table.table-bordered td, .table.table-bordered th { border-color: var(--barbeque-border-color); } ================================================ FILE: app/assets/stylesheets/barbeque/job_definitions.css ================================================ .barbeque_job_definitions_controller .use_slack_notification_wrapper label { font-weight: normal; } .barbeque_job_definitions_controller .use_slack_notification { margin: 0 2px 0 8px; } .barbeque_job_definitions_controller .slack_notification_field { display: none; } .barbeque_job_definitions_controller .slack_notification_field label { font-weight: normal; } .barbeque_job_definitions_controller .slack_notification_field.active { display: block; } .barbeque_job_definitions_controller .retry_configuration_wrapper label { font-weight: normal; } .barbeque_job_definitions_controller .enable_retry_configuration { margin: 0 2px 0 8px; } .barbeque_job_definitions_controller .retry_configuration_field { display: none; } .barbeque_job_definitions_controller .retry_configuration_field label { font-weight: normal; } .barbeque_job_definitions_controller .retry_configuration_field.active { display: block; } .barbeque_job_definitions_controller .table.table-bordered td, .barbeque_job_definitions_controller .table.table-bordered th { overflow-wrap: anywhere; min-width: 100px; } ================================================ FILE: app/controllers/barbeque/api/application_controller.rb ================================================ require 'garage' class Barbeque::Api::ApplicationController < ActionController::API before_action :force_json_format include Garage::ControllerHelper rescue_from ActiveRecord::RecordNotFound do |exception| respond_with_error(404, 'record_not_found', exception.message) end rescue_from WeakParameters::ValidationError do |exception| respond_with_error(400, 'invalid_parameter', exception.message) end private # @param [Integer] status_code HTTP status code # @param [String] error_code Must be unique # @param [String] message Error message for API client, not for end user. def respond_with_error(status_code, error_code, message) render json: { status_code: status_code, error_code: error_code, message: message }, status: status_code end # This is required to use ActionController::API with Garage def force_json_format request.format = :json end end ================================================ FILE: app/controllers/barbeque/api/job_executions_controller.rb ================================================ require 'barbeque/maintenance' class Barbeque::Api::JobExecutionsController < Barbeque::Api::ApplicationController include Garage::RestfulActions validates :create do string :application, required: true, description: 'Application name of the job' string :job, required: true, description: 'Class of Job to be enqueued' string :queue, required: true, description: 'Queue name to enqueue a job' any :message, required: true, description: 'Free-format JSON' integer :delay_seconds, description: 'Set message timer of SQS' end rescue_from Barbeque::MessageEnqueuingService::BadRequest do |exc| render status: 400, json: { error: exc.message } end private def require_resources protect_resource_as Barbeque::Api::JobExecutionResource end def require_resource model = Barbeque::JobExecution.find_or_initialize_by(message_id: params[:message_id]) @resource = Barbeque::Api::JobExecutionResource.new(model) rescue ActiveRecord::StatementInvalid, Mysql2::Error::ConnectionError => e if Barbeque::Maintenance.database_maintenance_mode? Barbeque::ExceptionHandler.handle_exception(e) @resource = Barbeque::Api::DatabaseMaintenanceResource.new(e) else raise e end end def create_resource message_id = enqueue_message model = Barbeque::JobExecution.new(message_id: message_id) @resource = Barbeque::Api::JobExecutionResource.new(model) end # @return [String] id of a message queued to SQS. def enqueue_message Barbeque::MessageEnqueuingService.new( application: params[:application], job: params[:job], queue: params[:queue], message: params[:message], delay_seconds: params[:delay_seconds], ).run end # Link to job_execution isn't available if it isn't dequeued yet def location if @resource.id super else nil end end def respond_with_resource_options if @resource.is_a?(Barbeque::Api::DatabaseMaintenanceResource) super.merge(status: 503) else super end end end ================================================ FILE: app/controllers/barbeque/api/job_retries_controller.rb ================================================ class Barbeque::Api::JobRetriesController < Barbeque::Api::ApplicationController include Garage::RestfulActions # http://docs.aws.amazon.com/AWSSimpleQueueService/latest/APIReference/API_SendMessage.html SQS_MAX_DELAY_SECONDS = 900 validates :create do integer :delay_seconds, only: 0..SQS_MAX_DELAY_SECONDS end private def require_resources protect_resource_as Barbeque::Api::JobRetryResource end def create_resource result = retry_message Barbeque::JobRetry.new(message_id: result.message_id).to_resource end def retry_message Barbeque::MessageRetryingService.new( message_id: params[:job_execution_message_id], delay_seconds: params[:delay_seconds].to_i, ).run end end ================================================ FILE: app/controllers/barbeque/api/revision_locks_controller.rb ================================================ class Barbeque::Api::RevisionLocksController < Barbeque::Api::ApplicationController include Garage::RestfulActions validates :create do string :revision, required: true, description: 'Docker image revision to lock' end private def require_resources protect_resource_as Barbeque::Api::RevisionLockResource end def require_resource @resource = Barbeque::App.find_by!(name: params[:app_name]) end def create_resource app = Barbeque::App.find_by!(name: params[:app_name]) image = Barbeque::DockerImage.new(app.docker_image) image.tag = params[:revision] app.update!(docker_image: image.to_s) Barbeque::Api::RevisionLockResource.new(app) end def destroy_resource image = Barbeque::DockerImage.new(@resource.docker_image) image.tag = 'latest' @resource.update!(docker_image: image.to_s) Barbeque::Api::RevisionLockResource.new(@resource) end end ================================================ FILE: app/controllers/barbeque/application_controller.rb ================================================ module Barbeque class ApplicationController < ActionController::Base protect_from_forgery with: :exception end end ================================================ FILE: app/controllers/barbeque/apps_controller.rb ================================================ class Barbeque::AppsController < Barbeque::ApplicationController def index @apps = Barbeque::App.all end def show @app = Barbeque::App.find(params[:id]) end def new @app = Barbeque::App.new end def edit @app = Barbeque::App.find(params[:id]) end def create @app = Barbeque::App.new(params.require(:app).permit(:name, :docker_image, :description)) if @app.save redirect_to @app, notice: 'App was successfully created.' else render :new end end def update @app = Barbeque::App.find(params[:id]) # Name can't be changed after it's created. if @app.update(params.require(:app).permit(:docker_image, :description)) redirect_to @app, notice: 'App was successfully updated.' else render :edit end end def destroy @app = Barbeque::App.find(params[:id]) @app.destroy redirect_to root_path, notice: 'App was successfully destroyed.' end end ================================================ FILE: app/controllers/barbeque/job_definitions_controller.rb ================================================ class Barbeque::JobDefinitionsController < Barbeque::ApplicationController def index @job_definitions = Barbeque::JobDefinition.all end def show @job_definition = Barbeque::JobDefinition.find(params[:id]) @job_executions = @job_definition.job_executions.order(id: :desc).page(params[:page]) @retry_config = @job_definition.retry_config @status = params[:status].presence.try(&:to_i) if @status @job_executions = @job_executions.where(status: @status) end end def new @job_definition = Barbeque::JobDefinition.new @job_definition.build_slack_notification @job_definition.build_retry_config if params[:job_definition] @job_definition.assign_attributes(new_job_definition_params) end end def edit @job_definition = Barbeque::JobDefinition.find(params[:id]) unless @job_definition.slack_notification @job_definition.build_slack_notification end unless @job_definition.retry_config @job_definition.build_retry_config end end def create attributes = new_job_definition_params.merge(command: command_array) @job_definition = Barbeque::JobDefinition.new(attributes) if @job_definition.save redirect_to @job_definition, notice: 'Job definition was successfully created.' else render :new end end def update @job_definition = Barbeque::JobDefinition.find(params[:id]) attributes = params.require(:job_definition).permit( :description, slack_notification_attributes: slack_notification_params, retry_config_attributes: retry_config_params, ).merge(command: command_array) if @job_definition.update(attributes) redirect_to @job_definition, notice: 'Job definition was successfully updated.' else render :edit end end def destroy @job_definition = Barbeque::JobDefinition.find(params[:id]) @job_definition.sns_subscriptions.each do |sns_subscription| Barbeque::SnsSubscriptionService.new.unsubscribe(sns_subscription) end @job_definition.destroy redirect_to job_definitions_url, notice: 'Job definition was successfully destroyed.' end def stats @job_definition = Barbeque::JobDefinition.find(params[:job_definition_id]) @days = (params[:days] || 3).to_i end def execution_stats job_definition = Barbeque::JobDefinition.find(params[:job_definition_id]) days = (params[:days] || 3).to_i now = Time.zone.now render json: job_definition.execution_stats(days.days.ago(now), now) end private def slack_notification_params %i[id channel notify_success notify_failure_only_if_retry_limit_reached failure_notification_text _destroy] end def retry_config_params %i[id retry_limit base_delay max_delay jitter _destroy] end def command_array Shellwords.split(params.require(:job_definition)[:command]) end def new_job_definition_params params.require(:job_definition).permit( :job, :app_id, :description, slack_notification_attributes: slack_notification_params, retry_config_attributes: retry_config_params, ) end end ================================================ FILE: app/controllers/barbeque/job_executions_controller.rb ================================================ class Barbeque::JobExecutionsController < Barbeque::ApplicationController ID_REGEXP = /\A[0-9]+\z/ def show if ID_REGEXP === params[:message_id] job_execution = Barbeque::JobExecution.find_by(id: params[:message_id]) if job_execution redirect_to(job_execution) return end end @job_execution = Barbeque::JobExecution.find_by!(message_id: params[:message_id]) # Return 404 when job_definition or app is deleted @job_definition = Barbeque::JobDefinition.find(@job_execution.job_definition_id) @app = Barbeque::App.find(@job_definition.app_id) @log = @job_execution.execution_log @job_retries = @job_execution.job_retries.order(id: :desc) end def retry @job_execution = Barbeque::JobExecution.find_by!(message_id: params[:job_execution_message_id]) raise ActionController::BadRequest unless @job_execution.retryable? result = Barbeque::MessageRetryingService.new(message_id: @job_execution.message_id).run @job_execution.retried! redirect_to @job_execution, notice: "Succeed to retry (message_id=#{result.message_id})" end end ================================================ FILE: app/controllers/barbeque/job_queues_controller.rb ================================================ require 'aws-sdk-cloudwatch' require 'aws-sdk-sqs' require 'barbeque/config' class Barbeque::JobQueuesController < Barbeque::ApplicationController def index @job_queues = Barbeque::JobQueue.all end def show @job_queue = Barbeque::JobQueue.find(params[:id]) end def new @job_queue = Barbeque::JobQueue.new end def edit @job_queue = Barbeque::JobQueue.find(params[:id]) end def create @job_queue = Barbeque::JobQueue.new(params.require(:job_queue).permit(:name, :description)) @job_queue.queue_url = create_queue(@job_queue).queue_url if @job_queue.valid? if @job_queue.save redirect_to @job_queue, notice: 'Job queue was successfully created.' else render :new end end def update @job_queue = Barbeque::JobQueue.find(params[:id]) # Name can't be changed after it's created. if @job_queue.update(params.require(:job_queue).permit(:description)) redirect_to @job_queue, notice: 'Job queue was successfully updated.' else render :edit end end def destroy @job_queue = Barbeque::JobQueue.find(params[:id]) @job_queue.destroy redirect_to job_queues_url, notice: 'Job queue was successfully destroyed.' end def sqs_attributes job_queue = Barbeque::JobQueue.find(params[:id]) attributes = self.class.sqs_client.get_queue_attributes( queue_url: job_queue.queue_url, attribute_names: %w[ ApproximateNumberOfMessages ApproximateNumberOfMessagesNotVisible RedrivePolicy QueueArn ], ).attributes dlq_metrics = if attributes['RedrivePolicy'] dlq_arn = JSON.parse(attributes['RedrivePolicy']).fetch('deadLetterTargetArn') dlq_name = queue_name_from_arn(dlq_arn) dlq_url = self.class.sqs_client.get_queue_url(queue_name: dlq_name).queue_url dlq_attributes = self.class.sqs_client.get_queue_attributes( queue_url: dlq_url, attribute_names: %w[ ApproximateNumberOfMessages ApproximateNumberOfMessagesNotVisible ], ).attributes.transform_values(&:to_i) { queue_name: dlq_name, attributes: dlq_attributes, } else nil end render json: { queue_name: queue_name_from_arn(attributes['QueueArn']), attributes: { 'ApproximateNumberOfMessages' => attributes['ApproximateNumberOfMessages'].to_i, 'ApproximateNumberOfMessagesNotVisible' => attributes['ApproximateNumberOfMessagesNotVisible'].to_i, }, dlq: dlq_metrics, } end def sqs_metrics queue_name = params[:queue_name] unless queue_name.present? render status: 400, json: { error: 'params[:queue_name] is required' } return end metric_name = params[:metric_name] unless metric_name.present? render status: 400, json: { error: 'params[:metric_name] is required' } return end statistic = params[:statistic] unless statistic.present? render status: 400, json: { error: 'params[:statistic] is required' } return end now = Time.zone.now from = now - 24.hours resp = self.class.cloudwatch_client.get_metric_statistics( namespace: 'AWS/SQS', metric_name: metric_name, dimensions: [ { name: 'QueueName', value: queue_name }, ], start_time: from, end_time: now, period: compute_minimum_period(from, now), statistics: [statistic], ) render json: { label: resp.label, datapoints: resp.datapoints.sort_by(&:timestamp).map { |datapoint| { timestamp: Time.zone.at(datapoint.timestamp), value: datapoint[statistic.underscore], } }, } end private # @return [Aws::SQS::Types::CreateQueueResult] A struct which has only queue_url. def create_queue(job_queue) Aws::SQS::Client.new.create_queue( queue_name: job_queue.sqs_queue_name, attributes: { 'ReceiveMessageWaitTimeSeconds' => Barbeque.config.sqs_receive_message_wait_time.to_s, }, ) end def self.sqs_client @sqs_client ||= Aws::SQS::Client.new end def self.cloudwatch_client @cloudwatch_client ||= Aws::CloudWatch::Client.new end def queue_name_from_arn(arn) arn.slice(/[^:]+\z/) end def compute_minimum_period(start_time, end_time, maximum_datapoint: 1440) # - Datapoints cannot exceed 1,440 # - Period must be a multiple of 60 maximum_datapoint = [maximum_datapoint, 1440].min.to_f minimum_period = ((end_time - start_time) / maximum_datapoint).ceil r = minimum_period % 60 if r == 0 minimum_period else minimum_period - r + 60 end end end ================================================ FILE: app/controllers/barbeque/job_retries_controller.rb ================================================ class Barbeque::JobRetriesController < Barbeque::ApplicationController def show @job_retry = Barbeque::JobRetry.find(params[:id]) @job_execution = @job_retry.job_execution # Return 404 when job_definition or app is deleted @job_definition = Barbeque::JobDefinition.find(@job_execution.job_definition_id) @app = Barbeque::App.find(@job_definition.app_id) if params[:job_execution_message_id] != @job_execution.message_id redirect_to([@job_execution, @job_retry]) end @execution_log = @job_execution.execution_log @retry_log = @job_retry.execution_log end end ================================================ FILE: app/controllers/barbeque/monitors_controller.rb ================================================ class Barbeque::MonitorsController < Barbeque::ApplicationController def index now = Time.zone.now from = 6.hours.ago(now.beginning_of_hour) rows = Barbeque::JobExecution.find_by_sql([< 0 text end end ================================================ FILE: app/helpers/barbeque/job_executions_helper.rb ================================================ module Barbeque::JobExecutionsHelper def status_label(status) color = case status when 'success' 'success' when 'failed' 'danger' when 'retried' 'warning' when 'pending' 'info' when 'error' 'danger' when 'running' 'info' else 'default' end content_tag(:span, status.upcase, class: "label label-#{color}") end end ================================================ FILE: app/models/barbeque/api/application_resource.rb ================================================ require 'garage' class Barbeque::Api::ApplicationResource include Garage::Representer include Garage::Authorizable attr_reader :model def initialize(model = nil) @model = model end end ================================================ FILE: app/models/barbeque/api/database_maintenance_resource.rb ================================================ class Barbeque::Api::DatabaseMaintenanceResource include Garage::Representer property :message delegate :message, to: :@exception def initialize(exception) @exception = exception end end ================================================ FILE: app/models/barbeque/api/job_execution_resource.rb ================================================ class Barbeque::Api::JobExecutionResource < Barbeque::Api::ApplicationResource property :message_id property :status property :id property :html_url, selectable: true property :message, selectable: true delegate :message_id, :status, :id, to: :model def html_url if model.id Barbeque::Engine.routes.url_helpers.job_execution_url(model, host: ENV['BARBEQUE_HOST']) else nil end end def message log = @model.execution_log if log log['message'] end end end ================================================ FILE: app/models/barbeque/api/job_retry_resource.rb ================================================ class Barbeque::Api::JobRetryResource < Barbeque::Api::ApplicationResource property :message_id property :status delegate :message_id, :status, to: :model end ================================================ FILE: app/models/barbeque/api/revision_lock_resource.rb ================================================ class Barbeque::Api::RevisionLockResource < Barbeque::Api::ApplicationResource property :revision def revision Barbeque::DockerImage.new(@model.docker_image).tag end end ================================================ FILE: app/models/barbeque/app.rb ================================================ class Barbeque::App < Barbeque::ApplicationRecord validates :name, presence: true, uniqueness: true validates :docker_image, presence: true attr_readonly :name has_many :job_definitions, dependent: :destroy end ================================================ FILE: app/models/barbeque/application_record.rb ================================================ module Barbeque class ApplicationRecord < ActiveRecord::Base self.abstract_class = true end end ================================================ FILE: app/models/barbeque/docker_container.rb ================================================ class Barbeque::DockerContainer < Barbeque::ApplicationRecord end ================================================ FILE: app/models/barbeque/ecs_hako_task.rb ================================================ class Barbeque::EcsHakoTask < Barbeque::ApplicationRecord end ================================================ FILE: app/models/barbeque/job_definition.rb ================================================ class Barbeque::JobDefinition < Barbeque::ApplicationRecord belongs_to :app has_many :job_executions has_many :sns_subscriptions has_one :slack_notification, dependent: :destroy has_one :retry_config, dependent: :destroy validates :job, uniqueness: { scope: :app_id } attr_readonly :app_id attr_readonly :job serialize :command, Array accepts_nested_attributes_for :slack_notification, allow_destroy: true accepts_nested_attributes_for :retry_config, allow_destroy: true DATE_HOUR_SQL = 'date_format(created_at, "%Y-%m-%d %H:00:00")' def execution_stats(from, to) from = from.beginning_of_hour to = to.beginning_of_hour stats = Hash.new { |h, k| h[k] = { count: 0, avg_time: 0 } } job_executions.where(created_at: from .. to).group(DATE_HOUR_SQL).order(Arel.sql(DATE_HOUR_SQL)).pluck(Arel.sql("#{DATE_HOUR_SQL}, count(1), avg(timestampdiff(second, created_at, finished_at))")).each do |date_hour, count, avg_time| time = Time.zone.parse("#{date_hour} UTC") stats[time] = { count: count, avg_time: avg_time, } end (from.to_i ... to.to_i).step(1.hour.to_i).map do |t| time = Time.at(t) stats[time].merge(date_hour: time) end end end ================================================ FILE: app/models/barbeque/job_execution.rb ================================================ class Barbeque::JobExecution < Barbeque::ApplicationRecord belongs_to :job_definition belongs_to :job_queue has_one :slack_notification, through: :job_definition has_one :app, through: :job_definition has_many :job_retries, dependent: :destroy enum status: { pending: 0, success: 1, failed: 2, retried: 3, error: 4, running: 5, } paginates_per 15 # @return [Hash] - A hash created by `JobExecutor::Job#log_result` def execution_log @execution_log ||= Barbeque::ExecutionLog.load(execution: self) end def retryable? failed? || error? end def to_param message_id end def retry_if_possible! unless retryable? return end retry_config = job_definition.retry_config unless retry_config return end retries = job_retries.count if retry_config.should_retry?(retries) delay_seconds = retry_config.delay_seconds(retries).to_i Barbeque::MessageRetryingService.new(message_id: message_id, delay_seconds: delay_seconds).run retried! end end end ================================================ FILE: app/models/barbeque/job_queue.rb ================================================ require 'barbeque/maintenance' class Barbeque::JobQueue < Barbeque::ApplicationRecord SQS_NAME_PREFIX = ENV['BARBEQUE_SQS_NAME_PREFIX'] || 'Barbeque-' SQS_NAME_MAX_LENGTH = 80 has_many :job_executions has_many :sns_subscriptions, dependent: :destroy # SQS queue allows [a-zA-Z0-9_-]+ as queue name. Its maximum length is 80. validates :name, presence: true, uniqueness: true, format: /\A[a-zA-Z0-9_-]+\z/, length: { maximum: SQS_NAME_MAX_LENGTH - SQS_NAME_PREFIX.length } attr_readonly :name def sqs_queue_name SQS_NAME_PREFIX + name end # Returns queue URL of given name. # Basically, we should use stored queue URL as the documentation[1] suggests. # But when the Barbeque's database is temporarily unavailable due to # scheduled maintenance, we have to build queue URL without the database. The # maintenance mode is enabled by BARBEQUE_DATABASE_MAINTENANCE and # AWS_ACCOUNT_ID variable. # [1]: http://docs.aws.amazon.com/AWSSimpleQueueService/latest/SQSDeveloperGuide/sqs-queue-message-identifiers.html#sqs-general-identifiers # # @param name [String] queue name in Barbeque # @return [String] queue URL of SQS def self.queue_url_from_name(name) if Barbeque::Maintenance.database_maintenance_mode? "https://sqs.#{ENV.fetch('AWS_REGION')}.amazonaws.com/#{ENV.fetch('AWS_ACCOUNT_ID')}/#{SQS_NAME_PREFIX}#{name}" else select(:queue_url).find_by!(name: name).queue_url end end end ================================================ FILE: app/models/barbeque/job_retry.rb ================================================ class Barbeque::JobRetry < Barbeque::ApplicationRecord belongs_to :job_execution has_one :job_definition, through: :job_execution has_one :app, through: :job_definition has_one :slack_notification, through: :job_execution enum status: { pending: 0, success: 1, failed: 2, retried: 3, error: 4, running: 5, } # @return [Hash] - A hash created by `JobExecutor::Retry#log_result` def execution_log @execution_log ||= Barbeque::ExecutionLog.load(execution: self) end def to_resource Barbeque::Api::JobRetryResource.new(self) end end ================================================ FILE: app/models/barbeque/retry_config.rb ================================================ class Barbeque::RetryConfig < Barbeque::ApplicationRecord belongs_to :job_definition validates :retry_limit, numericality: { only_integer: true, greater_than: 0 }, allow_nil: true validates :base_delay, numericality: { greater_than: 0.0 }, allow_nil: true validates :max_delay, numericality: { greater_than: 0 }, allow_nil: true def should_retry?(retries) retries < retry_limit end # This algorithm is based on "Exponential Backoff And Jitter" article # https://aws.amazon.com/blogs/architecture/exponential-backoff-and-jitter/ def delay_seconds(retries) delay = 2 ** retries * base_delay if max_delay delay = [delay, max_delay].min end if jitter delay = Kernel.rand(0 .. delay) end delay end end ================================================ FILE: app/models/barbeque/slack_notification.rb ================================================ class Barbeque::SlackNotification < Barbeque::ApplicationRecord belongs_to :job_definition, optional: true validates :channel, presence: true end ================================================ FILE: app/models/barbeque/sns_subscription.rb ================================================ module Barbeque class SnsSubscription < ApplicationRecord belongs_to :job_queue belongs_to :job_definition has_one :app, through: :job_definition validates :topic_arn, uniqueness: { scope: :job_queue, message: 'should be set with only one queue' }, presence: true validate :topic_arn_is_formatted def topic_region Aws::ARNParser.parse(topic_arn).region end private def topic_arn_is_formatted unless Aws::ARNParser.arn?(topic_arn) errors.add(:topic_arn, 'is not a valid ARN') end end end end ================================================ FILE: app/models/concerns/.keep ================================================ ================================================ FILE: app/services/barbeque/message_enqueuing_service.rb ================================================ require 'aws-sdk-sqs' class Barbeque::MessageEnqueuingService DEFAULT_QUEUE = ENV['BARBEQUE_DEFAULT_QUEUE'] || 'default' VERIFY_ENQUEUED_JOBS = ENV['BARBEQUE_VERIFY_ENQUEUED_JOBS'] || '0' class BadRequest < StandardError end def self.sqs_client @sqs_client ||= Aws::SQS::Client.new end # @param [String] application # @param [String] job # @param [Object] message # @param [String] queue # @param [Integer, nil] delay_seconds def initialize(application:, job:, message:, queue: nil, delay_seconds: nil) @application = application @job = job @queue = queue || DEFAULT_QUEUE @message = message @delay_seconds = delay_seconds end # @return [String] message_id def run queue_url = Barbeque::JobQueue.queue_url_from_name(@queue) if VERIFY_ENQUEUED_JOBS == '1' unless Barbeque::JobDefinition.joins(:app).merge(Barbeque::App.where(name: @application)).where(job: @job).exists? raise BadRequest.new("JobDefinition '#{@job}' isn't defined in '#{@application}' application") end end response = Barbeque::MessageEnqueuingService.sqs_client.send_message( queue_url: queue_url, message_body: build_message.to_json, delay_seconds: @delay_seconds, ) response.message_id rescue Aws::SQS::Errors::InvalidParameterValue => e raise BadRequest.new(e.message) end private def build_message { 'Type' => 'JobExecution', 'Application' => @application, 'Job' => @job, 'Message' => @message, } end end ================================================ FILE: app/services/barbeque/message_retrying_service.rb ================================================ require 'aws-sdk-sqs' class Barbeque::MessageRetryingService DEFAULT_DELAY_SECONDS = 0 def self.sqs_client @sqs_client ||= Aws::SQS::Client.new end def initialize(message_id:, delay_seconds: nil) @message_id = message_id @delay_seconds = delay_seconds || DEFAULT_DELAY_SECONDS end def run execution = Barbeque::JobExecution.find_by!(message_id: @message_id) Barbeque::MessageRetryingService.sqs_client.send_message( queue_url: execution.job_queue.queue_url, message_body: build_message.to_json, delay_seconds: @delay_seconds, ) end private def build_message { 'Type' => 'JobRetry', 'RetryMessageId' => @message_id, } end end ================================================ FILE: app/services/barbeque/sns_subscription_service.rb ================================================ require 'aws-sdk-sns' require 'aws-sdk-sqs' class Barbeque::SnsSubscriptionService def self.sqs_client @sqs_client ||= Aws::SQS::Client.new end def self.sns_client(region:) return @sns_client[region] if @sns_client @sns_client = Hash.new { |hash, region| hash[region] = Aws::SNS::Client.new(region: region) } @sns_client[region] end # @param [Barbeque::SnsSubscription] sns_subscription # @return [Boolean] `true` if succeeded to subscribe def subscribe(sns_subscription) if sns_subscription.valid? begin subscribe_topic!(sns_subscription) sns_subscription.save! update_sqs_policy!(sns_subscription) true rescue Aws::SNS::Errors::AuthorizationError sns_subscription.errors.add(:topic_arn, 'is not authorized') false rescue Aws::SNS::Errors::NotFound sns_subscription.errors.add(:topic_arn, 'is not found') false end else false end end # @param [Barbeque::SnsSubscription] sns_subscription def unsubscribe(sns_subscription) sns_subscription.destroy update_sqs_policy!(sns_subscription) unsubscribe_topic!(sns_subscription) nil end private def sqs_client Barbeque::SnsSubscriptionService.sqs_client end def sns_client(region:) Barbeque::SnsSubscriptionService.sns_client(region: region) end # @param [Barbeque::SnsSubscription] sns_subscription def update_sqs_policy!(sns_subscription) attrs = sqs_client.get_queue_attributes( queue_url: sns_subscription.job_queue.queue_url, attribute_names: ['QueueArn'], ) queue_arn = attrs.attributes['QueueArn'] topic_arns = sns_subscription.job_queue.sns_subscriptions.map(&:topic_arn) if topic_arns.present? policy = generate_policy(queue_arn: queue_arn, topic_arns: topic_arns) else policy = '' # Be blank when there're no subscriptions. end sqs_client.set_queue_attributes( queue_url: sns_subscription.job_queue.queue_url, attributes: { 'Policy' => policy }, ) end # @param [String] queue_arn # @param [Array] topic_arns # @return [String] JSON formatted policy def generate_policy(queue_arn:, topic_arns:) { 'Version' => '2012-10-17', 'Statement' => [ 'Effect' => 'Allow', 'Principal' => '*', 'Action' => 'sqs:SendMessage', 'Resource' => queue_arn, 'Condition' => { 'ArnEquals' => { 'aws:SourceArn' => topic_arns, } } ] }.to_json end # @param [Barbeque::SnsSubscription] sns_subscription def subscribe_topic!(sns_subscription) sqs_attrs = sqs_client.get_queue_attributes( queue_url: sns_subscription.job_queue.queue_url, attribute_names: ['QueueArn'], ) queue_arn = sqs_attrs.attributes['QueueArn'] sns_client(region: sns_subscription.topic_region).subscribe( topic_arn: sns_subscription.topic_arn, protocol: 'sqs', endpoint: queue_arn ) end # @param [Barbeque::SnsSubscription] sns_subscription def unsubscribe_topic!(sns_subscription) sqs_attrs = sqs_client.get_queue_attributes( queue_url: sns_subscription.job_queue.queue_url, attribute_names: ['QueueArn'], ) queue_arn = sqs_attrs.attributes['QueueArn'] region = sns_subscription.topic_region subscriptions = sns_client(region: region).list_subscriptions_by_topic( topic_arn: sns_subscription.topic_arn, ) subscription_arn = subscriptions.subscriptions.find {|subscription| subscription.endpoint == queue_arn }.try!(:subscription_arn) if subscription_arn sns_client(region: region).unsubscribe( subscription_arn: subscription_arn, ) end end end ================================================ FILE: app/views/barbeque/apps/_form.html.haml ================================================ .box.box-primary .box-header %h3.box-title.with_padding #{action_name.capitalize} Application .box-body = form_for @app do |f| - if @app.errors.any? %strong #{pluralize(@app.errors.count, 'error')} prohibited this application from being saved: %ul - @app.errors.full_messages.each do |msg| %li= msg .row.form-group .col-md-4 = f.label :name - if @app.persisted? -# Name can't be changed after it's created. .app_name= @app.name - else = f.text_field :name, class: 'form-control' .row.form-group .col-md-4 = f.label :docker_image = f.text_field :docker_image, class: 'form-control' .row.form-group .col-md-8 = f.label :description = f.text_area :description, class: 'form-control', rows: 10 .form-group = f.submit 'Save', class: 'btn btn-primary' ================================================ FILE: app/views/barbeque/apps/edit.html.haml ================================================ - content_for(:title, "Edit #{@app.name} - Barbeque") - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) %li= link_to(@app.name, app_path(@app.id)) = render 'form' = link_to 'Back', app_path(@app.id) ================================================ FILE: app/views/barbeque/apps/index.html.haml ================================================ - content_for(:title, 'Barbeque') - content_for(:header) do %ol.breadcrumb %li.active Home .box.box-primary .box-header %h3.box-title.with_padding All Applications = link_to new_app_path, class: 'btn btn-primary pull-right' do New Application .box-body %table.table.table-bordered %thead %tr %th Name %th Docker image %th Description %th %tbody - @apps.each do |app| %tr %td= app.name %td= app.docker_image %td= app.description %td = link_to 'View Details', app, class: 'btn btn-default btn-sm' ================================================ FILE: app/views/barbeque/apps/new.html.haml ================================================ - content_for(:title, 'New application - Barbeque') - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) = render 'form' = link_to 'Back', root_path ================================================ FILE: app/views/barbeque/apps/show.html.haml ================================================ - content_for(:title, "#{@app.name} - Barbeque") - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) %li.active #{@app.name} .box.box-primary .box-header %h3.box-title.with_padding Application Details .box-body %p#notice= notice %table.table.table-bordered %tbody %tr %th Name %td= @app.name %tr %th Docker image %td= @app.docker_image %tr %th Description %td= @app.description = link_to 'Edit', edit_app_path(@app), class: 'btn btn-primary' = link_to 'Destroy', app_path(@app), class: 'btn', method: :delete, data: { confirm: 'Are you sure to delete application?' } .box .box-header %h3.box-title.with_padding Job Definitions = link_to 'New Job Definition', new_job_definition_path(job_definition: { app_id: @app.id }), class: 'btn btn-primary pull-right' .box-body %table.table.table-bordered %thead %tr %th Application %th Job %th Description %th %tbody - @app.job_definitions.each do |job_definition| %tr %td= job_definition.app.name %td= job_definition.job %td= job_definition.description %td = link_to 'View Details', job_definition, class: 'btn btn-default btn-sm' = link_to 'Back', root_path ================================================ FILE: app/views/barbeque/job_definitions/_form.html.haml ================================================ .box.box-primary .box-header %h3.box-title.with_padding #{action_name.capitalize} Job Definition .box-body = form_for @job_definition do |f| - if @job_definition.errors.any? %strong #{pluralize(@job_definition.errors.count, 'error')} prohibited this job_definition from being saved: %ul - @job_definition.errors.full_messages.each do |msg| %li= msg .row.form-group .col-md-4 = f.label :app_id - if @job_definition.persisted? .job_definition_app_name= @job_definition.app.name - else = f.collection_select :app_id, Barbeque::App.pluck(:id, :name), :first, :second, { prompt: true }, class: 'form-control' .row.form-group .col-md-4 = f.label :job - if @job_definition.persisted? .job_definition_job= @job_definition.job - else = f.text_field :job, class: 'form-control', placeholder: 'SomeAsyncJob' .row.form-group .col-md-8 = f.label :command = f.text_field :command, value: Shellwords.join(@job_definition.command), class: 'form-control', placeholder: 'bundle exec rake ...' .row.form-group .col-md-8 = f.label :description = f.text_area :description, class: 'form-control', rows: 10 = render 'slack_notification_field', job_definition: @job_definition = render 'retry_configuration_field', job_definition: @job_definition .form-group = f.submit 'Save', class: 'btn btn-primary' ================================================ FILE: app/views/barbeque/job_definitions/_retry_configuration_field.html.haml ================================================ = fields_for(job_definition) do |job_definition_f| = job_definition_f.fields_for(:retry_config) do |f| = f.hidden_field :id .row .col-md-8 %label Retry configuration - retry_enabled = f.object.persisted? .row.form-group .col-md-8.retry_configuration_wrapper = f.label :_destroy_true do = f.radio_button :_destroy, true, class: 'enable_retry_configuration', checked: !retry_enabled No = f.label :_destroy_false do = f.radio_button :_destroy, false, class: 'enable_retry_configuration', checked: retry_enabled Yes .retry_configuration_field{ class: ('active' if retry_enabled) } .row.form-group .col-md-4 = f.label :retry_limit = f.number_field :retry_limit, min: 1, class: 'form-control' .row.form-group .col-md-4 = f.label :base_delay = f.number_field :base_delay, min: 0.1, step: 0.1, class: 'form-control' .row.form-group .col-md-4 = f.label :max_delay = f.number_field :max_delay, min: 1, class: 'form-control' .row.form-group .col-md-4 = f.label :jitter = f.check_box :jitter ================================================ FILE: app/views/barbeque/job_definitions/_slack_notification_field.html.haml ================================================ = fields_for job_definition do |job_definition_f| = job_definition_f.fields_for :slack_notification do |f| = f.hidden_field :id .row .col-md-8 %label Slack Notification - use_slack_notification = f.object.persisted? .row.form-group .col-md-8.use_slack_notification_wrapper = f.label :_destroy_true do = f.radio_button :_destroy, true, class: 'use_slack_notification', checked: !use_slack_notification No = f.label :_destroy_false do = f.radio_button :_destroy, false, class: 'use_slack_notification', checked: use_slack_notification Yes .slack_notification_field{ class: ('active' if use_slack_notification) } .row.form-group .col-md-8 = f.text_field :channel, placeholder: '#slack-channel', class: 'form-control' .row.form-group .col-md-8 = f.check_box :notify_success = f.label :notify_success, 'Notify success event to Slack' .col-md-8 = f.check_box :notify_failure_only_if_retry_limit_reached = f.label :notify_failure_only_if_retry_limit_reached, 'Notify failure event to Slack only if retry limit reached' .row .col-md-8 Failure notification text .row.form-group .col-md-8 = f.text_field :failure_notification_text, placeholder: '@YourName', class: 'form-control' ================================================ FILE: app/views/barbeque/job_definitions/edit.html.haml ================================================ - content_for(:title, "Edit job definition #{@job_definition.job} - Barbeque") - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) %li= link_to(@job_definition.app.name, app_path(@job_definition.app.id)) %li= link_to(@job_definition.job, job_definition_path(@job_definition.id)) = render 'form' = link_to 'Back', job_definition_path(@job_definition) ================================================ FILE: app/views/barbeque/job_definitions/index.html.haml ================================================ - content_for(:title, 'Job definitions - Barbeque') - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) .box.box-primary .box-header %h3.box-title.with_padding All Job Definitions = link_to new_job_definition_path, class: 'btn btn-primary pull-right' do New Job Definition .box-body %table.table.table-bordered %thead %tr %th Application %th Job %th Description %th %tbody - @job_definitions.each do |job_definition| %tr %td= link_to job_definition.app.name, app_path(job_definition.app.id) %td= job_definition.job %td= job_definition.description %td = link_to 'View Details', job_definition, class: 'btn btn-default btn-sm' ================================================ FILE: app/views/barbeque/job_definitions/new.html.haml ================================================ - content_for(:title, 'New job definition - Barbeque') - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) - if @job_definition.app %li= link_to(@job_definition.app.name, app_path(@job_definition.app.id)) = render 'form' = link_to 'Back', job_definitions_path ================================================ FILE: app/views/barbeque/job_definitions/show.html.haml ================================================ - content_for(:title, "#{@job_definition.job} - Barbeque") - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) %li= link_to(@job_definition.app.name, app_path(@job_definition.app.id)) %li.active #{@job_definition.job} .row .col-sm-7 .box.box-primary .box-header %h3.box-title.with_padding Job Definition Details .box-body %p#notice= notice %table.table.table-bordered %tbody %tr %th Application %td= link_to(@job_definition.app.name, app_path(@job_definition.app.id)) %tr %th Job %td= @job_definition.job %tr %th Command %td= Shellwords.join(@job_definition.command) %tr %th Description %td= @job_definition.description %tr %th Slack Notification %td - if @job_definition.slack_notification Yes (#{@job_definition.slack_notification.channel}) - else No %tr %th Retry configuration %td - if @retry_config Yes (retry_limit=#{@retry_config.retry_limit} base_delay=#{@retry_config.base_delay} max_delay=#{@retry_config.max_delay || '+inf'} jitter=#{@retry_config.jitter ? 'enabled' : 'disabled'}) - else No = link_to 'Edit', edit_job_definition_path(@job_definition), class: 'btn btn-primary' = link_to 'Destroy', job_definition_path(@job_definition), class: 'btn', method: :delete, data: { confirm: 'Are you sure to delete job definition?' } .col-sm-5 .box.box-primary .box-header %h3.box-title.with_padding.pull-left Job Executions = link_to(job_definition_stats_path(@job_definition), class: 'btn btn-default pull-right') do %i.fa.fa-line-chart Statistics .box-body .nav-tabs-custom %ul.nav.nav-tabs %li.dropdown %a.dropdown-toggle{href: '#', data: { toggle: 'dropdown' }} Filter by status %span.caret %ul.dropdown-menu - Barbeque::JobExecution.statuses.each do |name, value| %li{role: 'presentation'} = link_to(url_for(status: value), role: 'menuitem', class: 'active') do - if value == @status %b= name - else = name - if @job_executions.present? %table.table.table-bordered %thead %tr %th ID %th Status %th Started At %th Elapsed Time %th %tbody - @job_executions.each do |job_execution| %tr %td= job_execution.id %td= status_label(job_execution.status) %td= l(job_execution.created_at, format: :short) %td= distance_of_time(job_execution.created_at, job_execution.finished_at) %td .btn-group = link_to job_execution_path(job_execution), class: 'btn btn-default btn-sm btn-flat' do %i.fa.fa-chevron-right Details - if job_execution.retryable? = link_to job_execution_retry_path(job_execution), method: :post, class: 'btn btn-default btn-sm btn-flat', data: { disable_with: 'retrying...', confirm: "Are you sure to retry #{@job_definition.job} ##{job_execution.id}?" } do %i.fa.fa-refresh Retry .row .col-xs-4 = link_to path_to_prev_page(@job_executions), class: "btn btn-default btn-sm btn-block #{'disabled' unless @job_executions.prev_page}" do %i.fa.fa-angle-left New .col-xs-4.col-xs-offset-4 = link_to path_to_next_page(@job_executions), class: "btn btn-default btn-sm btn-block #{'disabled' unless @job_executions.next_page}" do Old %i.fa.fa-angle-right - else No job execution = link_to 'Back', job_definitions_path ================================================ FILE: app/views/barbeque/job_definitions/stats.html.haml ================================================ - content_for(:title, "#{@job_definition.job} statistics - Barbeque") - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) %li= link_to(@job_definition.app.name, app_path(@job_definition.app.id)) %li= link_to(@job_definition.job, job_definition_path(@job_definition.id)) .row .col-sm-12 .box.box-primary .box-header %h3.box-title.with_padding %i.fa.fa-line-chart Execution statistics for #{@days} #{'day'.pluralize(@days)} .box-body = form_tag(job_definition_stats_path(@job_definition), method: :get, class: 'form-inline') do .form-group .input-group = text_field_tag :days, @days, class: 'form-control' .input-group-addon days = submit_tag 'Go', class: 'btn btn-default' #execution-count-chart #execution-time-chart = link_to 'Back', job_definition_path(@job_definition) :javascript jQuery(function($) { $.getJSON('#{job_definition_execution_stats_path(@job_definition, days: @days)}').then(stats => { const countDiv = document.getElementById('execution-count-chart'); const timeDiv = document.getElementById('execution-time-chart'); const date_hours = stats.map(stat => stat.date_hour); const counts = stats.map(stat => stat.count); const avg_times = stats.map(stat => stat.avg_time); Plotly.plot(countDiv, [ { type: 'scatter', name: 'Number of executions', x: date_hours, y: counts, }, ], { title: 'Number of executions (hourly)', }); Plotly.plot(timeDiv, [ { type: 'scatter', name: 'Average execution time', x: date_hours, y: avg_times, }, ], { title: 'Average execution time (hourly)', }); }); }); ================================================ FILE: app/views/barbeque/job_executions/show.html.haml ================================================ - content_for(:title, "Job execution ##{@job_execution.id} of #{@job_definition.job} - Barbeque") - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) %li= link_to(@app.name, app_path(@app.id)) %li= link_to(@job_definition.job, job_definition_path(@job_definition.id)) %li.active #{@job_execution.message_id} .row .col-sm-7 .box.box-primary .box-header .row .col-md-10 %h3.box-title.with_padding \##{@job_execution.id} of = link_to @job_definition do #{@job_definition.job} - if @job_execution.retryable? .col-md-2 = link_to job_execution_retry_path(@job_execution), method: :post, class: 'btn btn-default btn-block pull-right', data: { disable_with: 'retrying...', confirm: "Are you sure to retry #{@job_definition.job} ##{@job_execution.id}?" } do Retry .box-body %table.table.table-bordered %tbody %tr %th Execution ID %td= @job_execution.id %tr %th Status %td= status_label(@job_execution.status) %tr %th Created at %td= @job_execution.created_at %tr %th Finished at %td= @job_execution.finished_at %tr %th Elapsed time %td= distance_of_time(@job_execution.created_at, @job_execution.finished_at) %tr %th Message ID %td= @job_execution.message_id %tr %th Message %td - if @log %pre %code= @log['message'] - else Log was not found. .col-sm-5 .box.box-primary .box-header %h3.box-title.with_padding Retries .box-body - if @job_retries.present? %table.table.table-bordered %thead %tr %th ID %th Status %th Started At %th Elapsed Time %th %tbody - @job_retries.each do |job_retry| %tr %td= job_retry.id %td= status_label(job_retry.status) %td= l(job_retry.created_at, format: :short) %td= distance_of_time(job_retry.created_at, job_retry.finished_at) %td .btn-group = link_to job_execution_job_retry_path(@job_execution, job_retry), class: 'btn btn-default btn-sm btn-flat' do %i.fa.fa-chevron-right Details - else Not retried. .row .col-sm-6 .box.box-primary .box-header %h3.box-title.with_padding Stdout .box-body - if @log %pre= Rinku.auto_link(html_escape(@log['stdout'])).html_safe - else Log was not found. .col-sm-6 .box.box-primary .box-header %h3.box-title.with_padding Stderr .box-body - if @log %pre= Rinku.auto_link(html_escape(@log['stderr'])).html_safe - else Log was not found. = link_to 'Back', job_definition_path(@job_definition) ================================================ FILE: app/views/barbeque/job_queues/_form.html.haml ================================================ .box.box-primary .box-header %h3.box-title.with_padding #{action_name.capitalize} Job Queue .box-body = form_for @job_queue do |f| - if @job_queue.errors.any? %strong #{pluralize(@job_queue.errors.count, 'error')} prohibited this job_queue from being saved: %ul - @job_queue.errors.full_messages.each do |msg| %li= msg .row.form-group .col-md-4 = f.label :name - if @job_queue.persisted? -# Name can't be changed after it's created. .job_queue_name= @job_queue.name - else = f.text_field :name, class: 'form-control' .row.form-group .col-md-8 = f.label :description = f.text_area :description, class: 'form-control', rows: 10 .form-group = f.submit 'Save', class: 'btn btn-primary' ================================================ FILE: app/views/barbeque/job_queues/edit.html.haml ================================================ - content_for(:title, "Edit #{@job_queue.name} job queue - Barbeque") - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) %li= link_to('Job queues', job_queues_path) %li= link_to(@job_queue.name, job_queue_path(@job_queue.id)) = render 'form' = link_to 'Back', job_queue_path(@job_queue.id) ================================================ FILE: app/views/barbeque/job_queues/index.html.haml ================================================ - content_for(:title, 'Job queues - Barbeque') - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) %li.active Job queues .box.box-primary .box-header %h3.box-title.with_padding All Job Queues = link_to new_job_queue_path, class: 'btn btn-primary pull-right' do New Job Queue .box-body %table.table.table-bordered %thead %tr %th Name %th Description %th %tbody - @job_queues.each do |job_queue| %tr %td= job_queue.name %td= job_queue.description %td = link_to 'View Details', job_queue, class: 'btn btn-default btn-sm' ================================================ FILE: app/views/barbeque/job_queues/new.html.haml ================================================ - content_for(:title, 'New job queue - Barbeque') - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) %li= link_to('Job queues', job_queues_path) = render 'form' = link_to 'Back', job_queues_path ================================================ FILE: app/views/barbeque/job_queues/show.html.haml ================================================ - content_for(:title, "#{@job_queue.name} job queue - Barbeque") - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) %li= link_to('Job queues', job_queues_path) %li.active= @job_queue.name .box.box-primary .box-header %h3.box-title.with_padding Job Queue Details .box-body %p#notice= notice %table.table.table-bordered %tbody %tr %th Name %td= @job_queue.name %tr %th Description %td= @job_queue.description = link_to 'Edit', edit_job_queue_path(@job_queue), class: 'btn btn-primary' = link_to 'Destroy', job_queue_path(@job_queue), class: 'btn', method: :delete, data: { confirm: 'Are you sure to delete queue?' } #sqs-attributes{data: {url: sqs_attributes_job_queue_url(@job_queue.id), metrics_url: sqs_metrics_job_queues_url}} %i.loading-indicator.fa.fa-spinner.fa-spin #sqs-dlq-attributes = link_to 'Back', job_queues_path ================================================ FILE: app/views/barbeque/job_retries/show.html.haml ================================================ - content_for(:title, "Job retry ##{@job_retry.id} of #{@job_definition.job} - Barbeque") - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) %li= link_to(@app.name, app_path(@app.id)) %li= link_to(@job_definition.job, job_definition_path(@job_definition.id)) %li= link_to(@job_execution.message_id, job_execution_path(@job_execution)) %li.active ##{@job_retry.id} .row .col-sm-12 .box.box-primary .box-header .row .col-md-10 %h3.box-title.with_padding Retry ##{@job_retry.id} of = link_to @job_definition do #{@job_definition.job} = link_to @job_execution do \##{@job_execution.id} .box-body %table.table.table-bordered %tbody %tr %th Execution ID %td= @job_retry.id %tr %th Status %td= status_label(@job_retry.status) %tr %th Created at %td= @job_retry.created_at %tr %th Finished at %td= @job_retry.finished_at %tr %th Elapsed time %td= distance_of_time(@job_retry.created_at, @job_retry.finished_at) %tr %th Message ID %td= @job_retry.message_id %tr %th Message %td - if @execution_log %pre %code= @execution_log['message'] - else Execution log was not found. .row .col-sm-6 .box.box-primary .box-header %h3.box-title.with_padding Stdout .box-body - if @retry_log %pre= Rinku.auto_link(html_escape(@retry_log['stdout'])).html_safe - else Retry log was not found. .col-sm-6 .box.box-primary .box-header %h3.box-title.with_padding Stderr .box-body - if @retry_log %pre= Rinku.auto_link(html_escape(@retry_log['stderr'])).html_safe - else Retry log was not found. = link_to 'Back', job_execution_path(@job_execution) ================================================ FILE: app/views/barbeque/monitors/index.html.haml ================================================ - content_for(:title, 'Monitors - Barbeque') - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) %li.active Monitors .row .col-sm-12 .box.box-primary .box-header %h3.box-title.with_padding Recently processed jobs (hourly) .box-body #recently-processed-jobs-chart{data: { jobs: @recently_processed_jobs.to_json }} %table.table %thead %tr %th Hour %th Application %th Job %th Count %tbody - @recently_processed_jobs.keys.sort { |x, y| y <=> x }.each do |date_hour| - jobs = @recently_processed_jobs[date_hour] - jobs.keys.sort.each do |job_id| - job = jobs[job_id] %tr %td= date_hour %td= link_to(job[:app_name], app_path(job[:app_id])) %td= link_to(job[:job_name], job_definition_path(job[:job_id])) %td= job[:count] :javascript const chartDiv = document.getElementById('recently-processed-jobs-chart'); const recentlyProcesedJobs = JSON.parse(chartDiv.dataset.jobs); const countsPerJob = {}; for (const [dateHour, jobs] of Object.entries(recentlyProcesedJobs)) { for (const job of Object.values(jobs)) { const name = job.app_name + ' - ' + job.job_name; if (!countsPerJob[name]) { countsPerJob[name] = []; } if (!countsPerJob[name][dateHour]) { countsPerJob[name][dateHour] = job.count; } } } const plotlyArgs = []; for (const [name, series] of Object.entries(countsPerJob)) { const x = []; const y = []; for (const [dateHour, count] of Object.entries(series)) { x.push(dateHour); y.push(count); } plotlyArgs.push({ type: 'scatter', name, x, y, hoverlabel: { namelength: -1, } }); } Plotly.plot(chartDiv, plotlyArgs); ================================================ FILE: app/views/barbeque/sns_subscriptions/_form.html.haml ================================================ .box.box-primary .box-header %h3.box-title.with_padding #{action_name.capitalize} SNS Subscription .box-body = form_for @sns_subscription do |f| - if @sns_subscription.errors.any? %strong #{pluralize(@sns_subscription.errors.count, 'error')} prohibited this SNS subscription from being saved: %ul - @sns_subscription.errors.full_messages.each do |msg| %li= msg .row.form-group .col-md-8 = f.label :topic_arn - if @sns_subscription.persisted? .sns_subscription_topic_arn= @sns_subscription.topic_arn - else = f.text_field :topic_arn, class: 'form-control' .row.form-group .col-md-4 = f.label :job_queue_id - if @sns_subscription.persisted? .sns_subscription_job_queue_id= link_to @sns_subscription.job_queue.name, @sns_subscription.job_queue - else = f.collection_select :job_queue_id, Barbeque::JobQueue.pluck(:id, :name), :first, :second, { prompt: true }, class: 'form-control' .row.form-group .col-md-4 = f.label :job_definition_id = f.collection_select :job_definition_id, Barbeque::JobDefinition.includes(:app).all.map {|definition| [definition.id, "#{definition.app.name} - #{definition.job}"] }, :first, :second, { prompt: true }, class: 'form-control' .form-group = f.submit 'Save', class: 'btn btn-primary' ================================================ FILE: app/views/barbeque/sns_subscriptions/edit.html.haml ================================================ - content_for(:title, "Edit SNS subscription between #{@sns_subscription.topic_arn} and #{@sns_subscription.job_queue.name} - Barbeque") - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) %li= link_to('SNS subscriptions', sns_subscriptions_path) %li= link_to(@sns_subscription.topic_arn, sns_subscription_path(@sns_subscription.id)) = render 'form' = link_to 'Back', sns_subscription_path(@sns_subscription) ================================================ FILE: app/views/barbeque/sns_subscriptions/index.html.haml ================================================ - content_for(:title, 'SNS subscriptions - Barbeque') - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) %li.active SNS subscriptions .box.box-primary .box-header %h3.box-title.with_padding All SNS Subscriptions = link_to new_sns_subscription_path, class: 'btn btn-primary pull-right' do New SNS Subscriptions .box-body %table.table.table-bordered %thead %tr %th topic_arn %th Job Queue %th Job Definition %th %tbody - @sns_subscriptions.each do |sns_subscription| %tr %td= sns_subscription.topic_arn %td= sns_subscription.job_queue.name %td= sns_subscription.job_definition.job %td = link_to 'View Details', sns_subscription, class: 'btn btn-default btn-sm' ================================================ FILE: app/views/barbeque/sns_subscriptions/new.html.haml ================================================ - content_for(:title, 'New SNS subscription - Barbeque') - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) %li= link_to('SNS subscriptions', sns_subscriptions_path) = render 'form' = link_to 'Back', sns_subscriptions_path ================================================ FILE: app/views/barbeque/sns_subscriptions/show.html.haml ================================================ - content_for(:title, "SNS subscription between #{@sns_subscription.topic_arn} and #{@sns_subscription.job_queue.name} - Barbeque") - content_for(:header) do %ol.breadcrumb %li= link_to('Home', root_path) %li= link_to('SNS subscriptions', sns_subscriptions_path) %li.active #{@sns_subscription.topic_arn} .row .col-sm-7 .box.box-primary .box-header %h3.box-title.with_padding SNS Subscription Details .box-body %p#notice= notice %table.table.table-bordered %tbody %tr %th topic_arn %td= @sns_subscription.topic_arn %tr %th Job Queue %td= link_to @sns_subscription.job_queue.name, @sns_subscription.job_queue %tr %th Job Defenition %td= link_to @sns_subscription.job_definition.job, @sns_subscription.job_definition %tr = link_to 'Edit', edit_sns_subscription_path(@sns_subscription), class: 'btn btn-primary' = link_to 'Destroy', sns_subscription_path(@sns_subscription), class: 'btn', method: :delete, data: { confirm: 'Are you sure to delete SNS subscription?' } = link_to 'Back', sns_subscriptions_path ================================================ FILE: app/views/layouts/barbeque/_header.html.haml ================================================ %header.main-header %a.logo{ href: '/' } %span.logo-mini %b> BBQ %span.logo-lg %b> Barbeque %nav.navbar.navbar-static-top{ role: 'navigation' } %a.sidebar-toggle{ 'data-toggle': 'offcanvas', href: '#', role: 'button' } %span.sr-only Toggle navigation ================================================ FILE: app/views/layouts/barbeque/_sidebar.html.haml ================================================ %aside.main-sidebar %section.sidebar %ul.sidebar-menu %li.header Menu %li{ class: ('active' if controller_path == 'barbeque/apps') } = link_to root_path do %i.fa.fa-users %span Applications %li{ class: ('active' if controller_path == 'barbeque/job_definitions') } = link_to job_definitions_path do %i.fa.fa-tasks %span Job Definitions %li{ class: ('active' if controller_path == 'barbeque/job_queues') } = link_to job_queues_path do %i.fa.fa-cubes %span Queues %li{ class: ('active' if controller_path == 'barbeque/sns_subscriptions') } = link_to sns_subscriptions_path do %i.fa.fa-calendar-plus-o %span SNS Subscriptions %li{ class: ('active' if controller_path == 'barbeque/monitors') } = link_to monitors_path do %i.fa.fa-tachometer %span Monitors ================================================ FILE: app/views/layouts/barbeque/application.html.haml ================================================ !!! %html %head %meta{ content: 'text/html; charset=UTF-8', 'http-equiv': 'Content-Type' } %meta{ charset: 'UTF-8' } %title= content_for(:title) %meta{ content: 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no', name: 'viewport' } -# FIXME: Don't rely on others' CDN %link{ href: 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', rel: 'stylesheet', type: 'text/css' } %link{ href: 'https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css', rel: 'stylesheet', type: 'text/css' } -# https://github.com/ColorlibHQ/AdminLTE/commit/235481d1d6324c1d4257f86c621700aa7f4a0b7f %link{ href: 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic', rel: 'stylesheet', type: 'text/css' } = stylesheet_link_tag 'barbeque/application', media: 'all' = javascript_include_tag 'barbeque/application' = csrf_meta_tags %body.skin-blue.sidebar-mini{ class: "#{controller_path.parameterize(separator: '_')}_controller #{action_name}_action" } .wrapper = render partial: 'layouts/barbeque/header' = render partial: 'layouts/barbeque/sidebar' .content-wrapper - if content_for?(:header) %section.content-header = content_for(:header) %section.content = yield ================================================ FILE: app/views/layouts/barbeque/apps.html.haml ================================================ - content_for(:header) do %h1 .fa.fa-users Applications = render template: 'layouts/barbeque/application' ================================================ FILE: app/views/layouts/barbeque/job_definitions.html.haml ================================================ - content_for(:header) do %h1 .fa.fa-tasks Job Definitions = render template: 'layouts/barbeque/application' ================================================ FILE: app/views/layouts/barbeque/job_executions.html.haml ================================================ - content_for(:header) do %h1 Job Executions = render template: 'layouts/barbeque/application' ================================================ FILE: app/views/layouts/barbeque/job_queues.html.haml ================================================ - content_for(:header) do %h1 .fa.fa-cubes Queues = render template: 'layouts/barbeque/application' ================================================ FILE: app/views/layouts/barbeque/job_retries.html.haml ================================================ - content_for(:header) do %h1 Job Retries = render template: 'layouts/barbeque/application' ================================================ FILE: app/views/layouts/barbeque/monitors.html.haml ================================================ - content_for(:header) do %h1 .fa.fa-tachometer Monitors = render template: 'layouts/barbeque/application' ================================================ FILE: app/views/layouts/barbeque/sns_subscriptions.html.haml ================================================ - content_for(:header) do %h1 %i.fa.fa-calendar-plus-o SNS Subscriptions = render template: 'layouts/barbeque/application' ================================================ FILE: barbeque.gemspec ================================================ $:.push File.expand_path("../lib", __FILE__) require "barbeque/version" Gem::Specification.new do |s| s.name = "barbeque" s.version = Barbeque::VERSION s.authors = ["Takashi Kokubun"] s.email = ["takashi-kokubun@cookpad.com"] s.homepage = "https://github.com/cookpad/barbeque" s.summary = "Job queue system to run job with Docker" s.description = "Job queue system to run job with Docker" s.license = "MIT" s.files = Dir["{app,config,db,lib,vendor}/**/*", "MIT-LICENSE", "Rakefile", "README.md"] s.required_ruby_version = '>= 3.0.0' s.add_dependency "aws-sdk-cloudwatch" s.add_dependency "aws-sdk-ecs" s.add_dependency "aws-sdk-s3" s.add_dependency "aws-sdk-sns" s.add_dependency "aws-sdk-sqs" s.add_dependency "hamlit" s.add_dependency "jquery-rails" s.add_dependency "kaminari", ">= 1.2.1" s.add_dependency "rails", "~> 7.0.5" s.add_dependency "rinku" s.add_dependency "serverengine" s.add_dependency "sprockets-rails" s.add_dependency "the_garage" s.add_dependency "uglifier" s.add_dependency "weak_parameters" s.add_development_dependency "autodoc" s.add_development_dependency "factory_bot_rails", ">= 5.0.0" s.add_development_dependency "listen" s.add_development_dependency "mysql2" s.add_development_dependency "rspec-rails" end ================================================ FILE: bin/rails ================================================ #!/usr/bin/env ruby # This command will automatically be run when you run "rails" with Rails gems # installed from the root of your application. ENGINE_ROOT = File.expand_path('../..', __FILE__) ENGINE_PATH = File.expand_path('../../lib/barbeque/engine', __FILE__) # Set up gems listed in the Gemfile. ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__) require 'bundler/setup' if File.exist?(ENV['BUNDLE_GEMFILE']) require 'rails/all' require 'rails/engine/commands' ================================================ FILE: compose.yaml ================================================ services: db: image: mysql:8.0 ports: - 3306:3306 environment: MYSQL_ROOT_PASSWORD: barbeque_root MYSQL_USER: barbeque MYSQL_PASSWORD: barbeque MYSQL_DATABASE: barbeque ================================================ FILE: config/initializers/garage.rb ================================================ require 'garage' Garage.configure {} Garage.configuration.strategy = Garage::Strategy::NoAuthentication ================================================ FILE: config/routes.rb ================================================ Barbeque::Engine.routes.draw do root to: 'apps#index' resources :apps, except: :index resources :job_definitions do get :stats get :execution_stats end resources :job_executions, only: :show, param: :message_id do post :retry resources :job_retries, only: :show end resources :job_queues do member do get :sqs_attributes end collection do get :sqs_metrics end end resources :sns_subscriptions resources :monitors, only: %i[index] scope :v1, module: 'api', as: :v1 do resources :apps, only: [], param: :name, constraints: { name: /[\w-]+/ } do resource :revision_lock, only: [:create, :destroy] end resources :job_executions, only: :show, param: :message_id, constraints: { message_id: /[a-f\d]{8}-([a-f\d]{4}-){3}[a-f\d]{12}/ } do resources :job_retries, only: [:create], path: 'retries' end end scope :v2, module: 'api', as: :v2 do resources :job_executions, only: :create, param: :message_id, constraints: { message_id: /[a-f\d]{8}-([a-f\d]{4}-){3}[a-f\d]{12}/ } end end ================================================ FILE: db/migrate/20160217020910_create_job_queues.rb ================================================ class CreateJobQueues < ActiveRecord::Migration[5.0] def change create_table :job_queues, options: 'ENGINE=InnoDB ROW_FORMAT=dynamic DEFAULT CHARSET=utf8mb4' do |t| t.string :name, null: false t.text :description t.string :queue_url, null: false t.timestamps end add_index :job_queues, [:name], unique: true end end ================================================ FILE: db/migrate/20160219010912_create_job_executions.rb ================================================ class CreateJobExecutions < ActiveRecord::Migration[5.0] def change create_table :job_executions, options: 'ENGINE=InnoDB ROW_FORMAT=dynamic DEFAULT CHARSET=utf8mb4' do |t| t.string :message_id, null: false t.integer :status, null: false, default: 0 t.timestamps end add_index :job_executions, [:message_id], unique: true end end ================================================ FILE: db/migrate/20160223060807_create_apps.rb ================================================ class CreateApps < ActiveRecord::Migration[5.0] def change create_table :apps, options: 'ENGINE=InnoDB ROW_FORMAT=dynamic DEFAULT CHARSET=utf8mb4' do |t| t.string :name, null: false t.string :docker_image, null: false t.text :description t.timestamps end add_index :apps, [:name], unique: true end end ================================================ FILE: db/migrate/20160223183348_create_job_definitions.rb ================================================ class CreateJobDefinitions < ActiveRecord::Migration[5.0] def change create_table :job_definitions, options: 'ENGINE=InnoDB ROW_FORMAT=dynamic DEFAULT CHARSET=utf8mb4' do |t| t.string :job, null: false t.integer :app_id, null: false t.string :command, null: false t.text :description t.timestamps end add_index :job_definitions, [:job, :app_id], unique: true end end ================================================ FILE: db/migrate/20160225020801_add_job_definition_id_to_job_executions.rb ================================================ class AddJobDefinitionIdToJobExecutions < ActiveRecord::Migration[5.0] def change add_column :job_executions, :job_definition_id, :integer add_index :job_executions, [:job_definition_id] end end ================================================ FILE: db/migrate/20160412083604_add_finished_at_to_job_executions.rb ================================================ class AddFinishedAtToJobExecutions < ActiveRecord::Migration[5.0] def change add_column :job_executions, :finished_at, :datetime end end ================================================ FILE: db/migrate/20160415043427_create_slack_notifications.rb ================================================ class CreateSlackNotifications < ActiveRecord::Migration[5.0] def change create_table :slack_notifications, options: 'ENGINE=InnoDB ROW_FORMAT=dynamic DEFAULT CHARSET=utf8mb4' do |t| t.integer :job_definition_id t.string :channel, null: false t.boolean :notify_success, default: false, null: false t.string :failure_notification_text t.timestamps end end end ================================================ FILE: db/migrate/20160509041452_add_job_queue_id_to_job_executions.rb ================================================ class AddJobQueueIdToJobExecutions < ActiveRecord::Migration[5.0] def change add_column :job_executions, :job_queue_id, :integer end end ================================================ FILE: db/migrate/20160516041710_create_job_retries.rb ================================================ class CreateJobRetries < ActiveRecord::Migration[5.0] def change create_table :job_retries, options: 'ENGINE=InnoDB ROW_FORMAT=dynamic DEFAULT CHARSET=utf8mb4' do |t| t.string :message_id, null: false t.integer :job_execution_id, null: false t.integer :status, null: false, default: 0 t.datetime :finished_at t.timestamps end add_index :job_retries, [:message_id], unique: true end end ================================================ FILE: db/migrate/20160829023237_prefix_barbeque_to_tables.rb ================================================ class PrefixBarbequeToTables < ActiveRecord::Migration[5.0] def change rename_table :apps, :barbeque_apps rename_table :job_definitions, :barbeque_job_definitions rename_table :job_executions, :barbeque_job_executions rename_table :job_queues, :barbeque_job_queues rename_table :job_retries, :barbeque_job_retries rename_table :slack_notifications, :barbeque_slack_notifications end end ================================================ FILE: db/migrate/20170420030157_create_barbeque_sns_subscriptions.rb ================================================ class CreateBarbequeSnsSubscriptions < ActiveRecord::Migration[5.0] def change create_table :barbeque_sns_subscriptions do |t| t.string :topic_arn, null: false t.integer :job_queue_id, null: false t.integer :job_definition_id, null: false t.timestamps end end end ================================================ FILE: db/migrate/20170711085157_create_barbeque_docker_containers.rb ================================================ class CreateBarbequeDockerContainers < ActiveRecord::Migration[5.0] def change create_table :barbeque_docker_containers, options: 'ENGINE=InnoDB ROW_FORMAT=dynamic DEFAULT CHARSET=utf8mb4' do |t| t.string :message_id, null: false t.string :container_id, null: false t.timestamps t.index ['message_id'], unique: true end end end ================================================ FILE: db/migrate/20170712075449_create_barbeque_ecs_hako_tasks.rb ================================================ class CreateBarbequeEcsHakoTasks < ActiveRecord::Migration[5.0] def change create_table :barbeque_ecs_hako_tasks, options: 'ENGINE=InnoDB ROW_FORMAT=dynamic DEFAULT CHARSET=utf8mb4' do |t| t.string :message_id, null: false t.string :cluster, null: false t.string :task_arn, null: false t.timestamps t.index ['message_id'], unique: true end end end ================================================ FILE: db/migrate/20170724025542_add_index_to_job_execution_status.rb ================================================ class AddIndexToJobExecutionStatus < ActiveRecord::Migration[5.0] def change add_index :barbeque_job_executions, :status add_index :barbeque_job_retries, :status end end ================================================ FILE: db/migrate/20180411070937_add_index_to_barbeque_job_executions_created_at.rb ================================================ class AddIndexToBarbequeJobExecutionsCreatedAt < ActiveRecord::Migration[5.1] def change add_index :barbeque_job_executions, :created_at end end ================================================ FILE: db/migrate/20190221050714_create_barbeque_retry_configs.rb ================================================ class CreateBarbequeRetryConfigs < ActiveRecord::Migration[5.2] def change create_table :barbeque_retry_configs, options: 'ENGINE=InnoDB ROW_FORMAT=dynamic DEFAULT CHARSET=utf8mb4' do |t| t.integer :job_definition_id, null: false t.integer :retry_limit, null: false, default: 3 t.float :base_delay, null: false, default: '0.3' t.integer :max_delay t.boolean :jitter, null: false, default: true t.timestamps t.index [:job_definition_id], unique: true end end end ================================================ FILE: db/migrate/20190311034445_add_notify_failure_only_if_retry_limit_reached_to_barbeque_slack_notifications.rb ================================================ class AddNotifyFailureOnlyIfRetryLimitReachedToBarbequeSlackNotifications < ActiveRecord::Migration[5.2] def change add_column :barbeque_slack_notifications, :notify_failure_only_if_retry_limit_reached, :boolean, default: false, null: false end end ================================================ FILE: db/migrate/20190315052951_change_barbeque_retry_configs_base_delay_default_value.rb ================================================ class ChangeBarbequeRetryConfigsBaseDelayDefaultValue < ActiveRecord::Migration[5.2] def up change_column_default :barbeque_retry_configs, :base_delay, 15 end def down change_column_default :barbeque_retry_configs, :base_delay, 0.3 end end ================================================ FILE: db/migrate/20191029105530_change_job_name_to_case_sensitive.rb ================================================ class ChangeJobNameToCaseSensitive < ActiveRecord::Migration[5.2] def up change_column :barbeque_job_definitions, :job, :string, collation: 'utf8mb4_bin' end def down change_column :barbeque_job_definitions, :job, :string, collation: nil end end ================================================ FILE: db/migrate/20240415080757_fix_collations.rb ================================================ # In MySQL 8.0, the default collation for utf8mb4 is changed to utf8mb4_0900_ai_ci. # The column collations are utf8mb4_0900_ai_ci after we ran migrations prior to this # on MySQL 8.0 because we did not specify collation in create_table (thus the default is used). # This happens on testing/development but we want to keep utf8mb4_general_ci. # # Note that running this should not affect the actual schema and data # unless you've ran prior migrations on MySQL 8.0. class FixCollations < ActiveRecord::Migration[6.1] def change reversible do |direction| direction.up do # alter column collations and default collation of every tables defined to utf8mb4_general_ci execute 'ALTER TABLE barbeque_apps CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci' execute 'ALTER TABLE barbeque_docker_containers CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci' execute 'ALTER TABLE barbeque_ecs_hako_tasks CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci' execute 'ALTER TABLE barbeque_job_executions CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci' execute 'ALTER TABLE barbeque_job_queues CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci' execute 'ALTER TABLE barbeque_job_retries CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci' execute 'ALTER TABLE barbeque_retry_configs CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci' execute 'ALTER TABLE barbeque_slack_notifications CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci' execute 'ALTER TABLE barbeque_sns_subscriptions CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci' # barbeque_job_definitions contains a column with explicitly specified collation execute 'ALTER TABLE barbeque_job_definitions DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci' change_column :barbeque_job_definitions, :command, :string, collation: 'utf8mb4_general_ci' change_column :barbeque_job_definitions, :description, :text, collation: 'utf8mb4_general_ci' end direction.down do raise ActiveRecord::IrreversibleMigration end end end end ================================================ FILE: doc/api/job_executions.md ================================================ ## GET /v1/job_executions/:message_id Shows a status of a job_execution. ### Example #### Request ``` GET /v1/job_executions/147e070d-41a9-4ace-a122-2aa579e18f08 HTTP/1.1 Accept: application/json Content-Length: 0 Content-Type: application/json Host: www.example.com ``` #### Response ``` HTTP/1.1 200 Cache-Control: max-age=0, private, must-revalidate Content-Length: 81 Content-Type: application/json; charset=utf-8 ETag: W/"7e91b6b9d378eb1b93717767ccdccc68" X-Request-Id: 19b16855-477c-4f8a-99a6-db203a472bfe X-Runtime: 0.008698 { "message_id": "147e070d-41a9-4ace-a122-2aa579e18f08", "status": "success", "id": 257 } ``` ## GET /v1/job_executions/:message_id Shows url to job_execution. ### Example #### Request ``` GET /v1/job_executions/060a38f2-97a8-42ea-8250-b0c66b8dad77?fields=__default__,html_url HTTP/1.1 Accept: application/json Content-Length: 0 Content-Type: application/json Host: www.example.com ``` #### Response ``` HTTP/1.1 200 Cache-Control: max-age=0, private, must-revalidate Content-Length: 163 Content-Type: application/json; charset=utf-8 ETag: W/"dfeb94a1453a12315b86db92ddf3fe01" X-Request-Id: 8a7713b2-305f-4daf-b877-dc288147915c X-Runtime: 0.002219 { "message_id": "060a38f2-97a8-42ea-8250-b0c66b8dad77", "status": "success", "id": 258, "html_url": "https://barbeque/job_executions/060a38f2-97a8-42ea-8250-b0c66b8dad77" } ``` ## GET /v1/job_executions/:message_id Returns message of the job_execution. ### Example #### Request ``` GET /v1/job_executions/d3052505-355f-44aa-9565-9ac325960f6b?fields=__default__,message HTTP/1.1 Accept: application/json Content-Length: 0 Content-Type: application/json Host: www.example.com ``` #### Response ``` HTTP/1.1 200 Cache-Control: max-age=0, private, must-revalidate Content-Length: 111 Content-Type: application/json; charset=utf-8 ETag: W/"06553c660e7287f2b1e5d29f01b494f7" X-Request-Id: e8c5596a-ec4a-407c-9a8d-864d23a32044 X-Runtime: 0.001963 { "message_id": "d3052505-355f-44aa-9565-9ac325960f6b", "status": "success", "id": 259, "message": { "recipe_id": 12345 } } ``` ## GET /v1/job_executions/:message_id Returns error message. ### Example #### Request ``` GET /v1/job_executions/4df2cbf1-bfb6-46f8-9412-e6adc2349bbe HTTP/1.1 Accept: application/json Content-Length: 0 Content-Type: application/json Host: www.example.com ``` #### Response ``` HTTP/1.1 503 Cache-Control: no-cache Content-Length: 237 Content-Type: application/json; charset=utf-8 X-Request-Id: 78d64fec-e4b5-4a93-8a00-e7201ba7b3ce X-Runtime: 0.002017 { "message": "Mysql2::Error::ConnectionError: Can't connect to MySQL server: SELECT `barbeque_job_executions`.* FROM `barbeque_job_executions` WHERE `barbeque_job_executions`.`message_id` = '4df2cbf1-bfb6-46f8-9412-e6adc2349bbe' LIMIT 1" } ``` ## POST /v2/job_executions Enqueues a job execution. ### Parameters * `application` string (required) - Application name of the job * `job` string (required) - Class of Job to be enqueued * `queue` string (required) - Queue name to enqueue a job * `message` any (required) - Free-format JSON * `delay_seconds` integer - Set message timer of SQS ### Example #### Request ``` POST /v2/job_executions HTTP/1.1 Accept: application/json Content-Length: 89 Content-Type: application/json Host: www.example.com { "application": "blog", "job": "NotifyAuthor", "queue": "queue-104", "message": { "recipe_id": 1 } } ``` #### Response ``` HTTP/1.1 201 Cache-Control: max-age=0, private, must-revalidate Content-Length: 82 Content-Type: application/json; charset=utf-8 ETag: W/"906cbe627aa59752a3654cdc059b930a" X-Request-Id: ece6706b-cd9b-4d24-9093-7d5bb248bd35 X-Runtime: 0.001741 { "message_id": "6dc3cbba-77fe-4922-bd9f-273def490f72", "status": "pending", "id": null } ``` ## POST /v2/job_executions Enqueues a job execution with delay_seconds. ### Parameters * `application` string (required) - Application name of the job * `job` string (required) - Class of Job to be enqueued * `queue` string (required) - Queue name to enqueue a job * `message` any (required) - Free-format JSON * `delay_seconds` integer - Set message timer of SQS ### Example #### Request ``` POST /v2/job_executions HTTP/1.1 Accept: application/json Content-Length: 109 Content-Type: application/json Host: www.example.com { "application": "blog", "job": "NotifyAuthor", "queue": "queue-107", "message": { "recipe_id": 1 }, "delay_seconds": 300 } ``` #### Response ``` HTTP/1.1 201 Cache-Control: max-age=0, private, must-revalidate Content-Length: 82 Content-Type: application/json; charset=utf-8 ETag: W/"2584b3edd06144ea19b89616b028d0e0" X-Request-Id: 1f9c99b9-8540-4897-9bfc-fc1f6dec2260 X-Runtime: 0.005125 { "message_id": "b1413290-1b07-4e0d-b3df-817204c14daa", "status": "pending", "id": null } ``` ================================================ FILE: doc/api/job_retries.md ================================================ ## POST /v1/job_executions/:job_execution_message_id/retries Enqueues a message to retry a specified message. ### Parameters * `delay_seconds` integer (only: `0..900`) ### Example #### Request ``` POST /v1/job_executions/8b861a99-a45b-4720-851a-805c1bc70287/retries HTTP/1.1 Accept: application/json Content-Length: 0 Content-Type: application/json Host: www.example.com ``` #### Response ``` HTTP/1.1 201 Cache-Control: max-age=0, private, must-revalidate Content-Length: 72 Content-Type: application/json; charset=utf-8 ETag: W/"e03d4f08be4c8b4dfd18839dd48708e8" X-Request-Id: 9c2a3b6f-3888-47da-bc2a-d75137af73bc X-Runtime: 0.004713 { "message_id": "af18541e-9668-4eb2-ac5b-1899dbbe7e1b", "status": "pending" } ``` ================================================ FILE: doc/api/revision_locks.md ================================================ ## POST /v1/apps/:app_id/revision_lock Updates a tag of docker_image. ### Parameters * `revision` string (required) - Docker image revision to lock ### Example #### Request ``` POST /v1/apps/app-107/revision_lock HTTP/1.1 Accept: application/json Content-Length: 55 Content-Type: application/json Host: www.example.com { "revision": "798926db1e623cd51245b70b1f1acb40d780ddc1" } ``` #### Response ``` HTTP/1.1 201 Cache-Control: max-age=0, private, must-revalidate Content-Length: 55 Content-Type: application/json; charset=utf-8 ETag: W/"a3f0b3d8c32ee1e318357b5276e50a3c" X-Request-Id: 0a4f9e4b-d80e-4788-ad77-666152308941 X-Runtime: 0.008506 { "revision": "798926db1e623cd51245b70b1f1acb40d780ddc1" } ``` ## DELETE /v1/apps/:app_id/revision_lock Updates a tag of docker_image. ### Example #### Request ``` DELETE /v1/apps/app-109/revision_lock HTTP/1.1 Accept: application/json Content-Length: 0 Content-Type: application/json Host: www.example.com ``` #### Response ``` HTTP/1.1 204 Cache-Control: no-cache X-Request-Id: 29434e92-0539-40cc-b38d-011e4d0c6347 X-Runtime: 0.006990 ``` ================================================ FILE: doc/toc.md ================================================ ## Table of Contents * [api/job_executions.md](api/job_executions.md) * [GET /v1/job_executions/:message_id](api/job_executions.md#get-v1job_executionsmessage_id) * [GET /v1/job_executions/:message_id](api/job_executions.md#get-v1job_executionsmessage_id-1) * [GET /v1/job_executions/:message_id](api/job_executions.md#get-v1job_executionsmessage_id-2) * [GET /v1/job_executions/:message_id](api/job_executions.md#get-v1job_executionsmessage_id-3) * [POST /v2/job_executions](api/job_executions.md#post-v2job_executions) * [POST /v2/job_executions](api/job_executions.md#post-v2job_executions-1) * [api/job_retries.md](api/job_retries.md) * [POST /v1/job_executions/:job_execution_message_id/retries](api/job_retries.md#post-v1job_executionsjob_execution_message_idretries) * [api/revision_locks.md](api/revision_locks.md) * [POST /v1/apps/:app_id/revision_lock](api/revision_locks.md#post-v1appsapp_idrevision_lock) * [DELETE /v1/apps/:app_id/revision_lock](api/revision_locks.md#delete-v1appsapp_idrevision_lock) ================================================ FILE: lib/barbeque/config.rb ================================================ require 'erb' require 'yaml' module Barbeque class Config attr_accessor :exception_handler, :executor, :executor_options, :sqs_receive_message_wait_time, :maximum_concurrent_executions, :runner_wait_seconds def initialize(options = {}) options.each do |key, value| if respond_to?("#{key}=") public_send("#{key}=", value) else raise KeyError.new("Unexpected option '#{key}' was specified.") end end executor_options.symbolize_keys! end end module ConfigBuilder DEFAULT_CONFIG = { 'exception_handler' => 'RailsLogger', 'executor' => 'Docker', 'executor_options' => {}, # http://docs.aws.amazon.com/AWSSimpleQueueService/latest/APIReference/API_CreateQueue.html#API_CreateQueue_RequestParameters 'sqs_receive_message_wait_time' => 10, # nil means unlimited 'maximum_concurrent_executions' => nil, 'runner_wait_seconds' => 10, } def config @config ||= build_config end def build_config(config_name = 'barbeque') Config.new(DEFAULT_CONFIG.merge(Rails.application.config_for(config_name))) end end extend ConfigBuilder end ================================================ FILE: lib/barbeque/docker_image.rb ================================================ module Barbeque class DockerImage DEFAULT_TAG = 'latest' def initialize(str) # See: https://github.com/docker/docker/blob/v1.10.2/image/spec/v1.md result = str.match(%r{((?[^/]+)?/)?(?[\w./-]+)(:(?[\w.-]+))?\z}) @repository = result[:repository] @tag = result[:tag] || DEFAULT_TAG @registry = result[:registry] || ENV['BARBEQUE_DOCKER_REGISTRY'] end attr_reader :registry, :repository attr_accessor :tag def to_s [registry, "#{repository}:#{tag}"].compact.join('/') end end end ================================================ FILE: lib/barbeque/engine.rb ================================================ # Gems used by Barbeque::Engine require 'rinku' module Barbeque class Engine < ::Rails::Engine isolate_namespace Barbeque config.before_configuration do # Gems used by Barbeque::Engine, which also have Railtie or Mountable::Engine. # Railtie and Mountable::Engine aren't executed when required normally. require 'hamlit' require 'jquery-rails' require 'kaminari' require 'sprockets/railtie' require 'weak_parameters' end end end ================================================ FILE: lib/barbeque/exception_handler.rb ================================================ require 'barbeque/config' module Barbeque module ExceptionHandler class << self delegate :clear_context, :set_message_context, :handle_exception, to: :handler private def handler @handler ||= const_get(Barbeque.config.exception_handler, false).new end end class RailsLogger def initialize clear_context end def clear_context @message_id = nil @message_type = nil end # @param [String] message_id # @param [String, nil] message_type def set_message_context(message_id, message_type) @message_id = message_id @message_type = message_type end # @param [Exception] e def handle_exception(e) Rails.logger.error("#{e.inspect}\nmessage_id: #{@message_id}, message_type: #{@message_type}\n#{e.backtrace.join("\n")}") end end class Raven def clear_context ::Raven::Context.clear! end # @param [String] message_id # @param [String, nil] message_type def set_message_context(message_id, message_type) ::Raven.tags_context(message_id: message_id, message_type: message_type) end # @param [Exception] e def handle_exception(e) ::Raven.capture_exception(e) end end class Sentry def initialize ::Sentry.get_current_hub.push_scope end def clear_context ::Sentry.get_current_hub.pop_scope ::Sentry.get_current_hub.push_scope end # @param [String] message_id # @param [String, nil] message_type def set_message_context(message_id, message_type) ::Sentry.configure_scope do |scope| scope.set_tags( message_id: message_id, message_type: message_type ) end end # @param [Exception] e def handle_exception(e) ::Sentry.capture_exception(e) end end end end ================================================ FILE: lib/barbeque/execution_log.rb ================================================ require 'aws-sdk-s3' require 'active_support' require 'active_support/core_ext' require 'barbeque/exception_handler' module Barbeque class ExecutionLog DEFAULT_S3_BUCKET_NAME = 'barbeque' class << self delegate :save_message, :save_stdout_and_stderr, :try_save_stdout_and_stderr, :load, to: :new def s3_client @s3_client ||= Aws::S3::Client.new end end # @param [Barbeque::JobExecution] execution # @param [Barbeque::Message::JobExecution] message def save_message(execution, message) put(execution, 'message.json', message.body.to_json) end # @param [Barbeque::JobExecution,Barbeque::JobRetry] execution # @param [String] stdout # @param [String] stderr def save_stdout_and_stderr(execution, stdout, stderr) put(execution, 'stdout.txt', stdout) put(execution, 'stderr.txt', stderr) end # @param [Barbeque::JobExecution,Barbeque::JobRetry] execution # @param [String] stdout # @param [String] stderr def try_save_stdout_and_stderr(execution, stdout, stderr) save_stdout_and_stderr(execution, stdout, stderr) rescue Aws::S3::Errors::ServiceError => e ExceptionHandler.handle_exception(e) end # @param [Barbeque::JobExecution,Barbeque::JobRetry] execution # @return [Hash] log def load(execution:) return {} if execution.pending? message = get(execution, 'message.json') stdout = get(execution, 'stdout.txt') stderr = get(execution, 'stderr.txt') if message || stdout || stderr { 'message' => message, 'stdout' => stdout, 'stderr' => stderr, } else nil end end private def s3_bucket_name @s3_bucket_name ||= ENV['BARBEQUE_S3_BUCKET_NAME'] || DEFAULT_S3_BUCKET_NAME end # @param [Barbeque::JobExecution,Barbeque::JobRetry] execution # @param [String] filename def s3_key_for(execution, filename) "#{execution.app.name}/#{execution.job_definition.job}/#{execution.message_id}/#{filename}" end # @param [Barbeque::JobExecution,Barbeque::JobRetry] execution # @param [String] filename # @return [String] def get(execution, filename) s3_object = ExecutionLog.s3_client.get_object( bucket: s3_bucket_name, key: s3_key_for(execution, filename), ) s3_object.body.read rescue Aws::S3::Errors::NoSuchKey nil end # @param [Barbeque::JobExecution,Barbeque::JobRetry] execution # @param [String] filename # @param [String] content def put(execution, filename, content) ExecutionLog.s3_client.put_object( bucket: s3_bucket_name, key: s3_key_for(execution, filename), body: content, ) end end end ================================================ FILE: lib/barbeque/execution_poller.rb ================================================ require 'barbeque/exception_handler' require 'barbeque/executor' module Barbeque class ExecutionPoller def initialize(job_queue) @job_queue = job_queue @stop_requested = false end def run @job_queue.job_executions.running.find_in_batches do |job_executions| job_executions.shuffle.each do |job_execution| if @stop_requested return end job_execution.with_lock do if job_execution.running? poll(job_execution) end end end end sleep 1 end def stop @stop_requested = true end private def poll(job_execution) Barbeque::ExceptionHandler.set_message_context(job_execution.message_id, nil) executor = Executor.create executor.poll_execution(job_execution) end end end ================================================ FILE: lib/barbeque/executor/docker.rb ================================================ require 'barbeque/docker_image' require 'barbeque/execution_log' require 'barbeque/slack_notifier' require 'open3' module Barbeque module Executor class Docker class DockerCommandError < StandardError end def initialize(**) end # @param [Barbeque::JobExecution] job_execution # @param [Hash] envs def start_execution(job_execution, envs) docker_image = DockerImage.new(job_execution.job_definition.app.docker_image) cmd = build_docker_run_command(docker_image, job_execution.job_definition.command, envs) stdout, stderr, status = Open3.capture3(*cmd) if status.success? Barbeque::DockerContainer.create!(message_id: job_execution.message_id, container_id: stdout.chomp) job_execution.update!(status: :running) else Barbeque::ExecutionLog.try_save_stdout_and_stderr(job_execution, stdout, stderr) job_execution.update!(status: :failed, finished_at: Time.zone.now) Barbeque::SlackNotifier.notify_job_execution(job_execution) job_execution.retry_if_possible! end end # @param [Barbeque::JobRetry] job_retry # @param [Hash] envs def start_retry(job_retry, envs) job_execution = job_retry.job_execution docker_image = DockerImage.new(job_execution.job_definition.app.docker_image) cmd = build_docker_run_command(docker_image, job_execution.job_definition.command, envs) stdout, stderr, status = Open3.capture3(*cmd) if status.success? Barbeque::DockerContainer.create!(message_id: job_retry.message_id, container_id: stdout.chomp) Barbeque::ApplicationRecord.transaction do job_execution.update!(status: :retried) job_retry.update!(status: :running) end else Barbeque::ExecutionLog.try_save_stdout_and_stderr(job_retry, stdout, stderr) Barbeque::ApplicationRecord.transaction do job_retry.update!(status: :failed, finished_at: Time.zone.now) job_execution.update!(status: :failed) end Barbeque::SlackNotifier.notify_job_retry(job_retry) job_execution.retry_if_possible! end end # @param [Barbeque::JobExecution] job_execution def poll_execution(job_execution) container = Barbeque::DockerContainer.find_by!(message_id: job_execution.message_id) info = inspect_container(container.container_id) if info['State'] && info['State']['Status'] != 'running' finished_at = Time.zone.parse(info['State']['FinishedAt']) exit_code = info['State']['ExitCode'] job_execution.update!(status: exit_code == 0 ? :success : :failed, finished_at: finished_at) stdout, stderr = get_logs(container.container_id) Barbeque::ExecutionLog.save_stdout_and_stderr(job_execution, stdout, stderr) Barbeque::SlackNotifier.notify_job_execution(job_execution) if exit_code != 0 job_execution.retry_if_possible! end end end # @param [Barbeque::JobRetry] job_retry def poll_retry(job_retry) container = Barbeque::DockerContainer.find_by!(message_id: job_retry.message_id) job_execution = job_retry.job_execution info = inspect_container(container.container_id) if info['State'] && info['State']['Status'] != 'running' finished_at = Time.zone.parse(info['State']['FinishedAt']) exit_code = info['State']['ExitCode'] status = exit_code == 0 ? :success : :failed Barbeque::ApplicationRecord.transaction do job_retry.update!(status: status, finished_at: finished_at) job_execution.update!(status: status) end stdout, stderr = get_logs(container.container_id) Barbeque::ExecutionLog.save_stdout_and_stderr(job_retry, stdout, stderr) Barbeque::SlackNotifier.notify_job_retry(job_retry) if status == :failed job_execution.retry_if_possible! end end end private # @param [Barbeque::DockerImage] docker_image # @param [Array] command # @param [Hash] envs def build_docker_run_command(docker_image, command, envs) ['docker', 'run', '--detach', *env_options(envs), docker_image.to_s, *command] end def env_options(envs) envs.flat_map do |key, value| ['--env', "#{key}=#{value}"] end end # @param [String] container_id # @return [Hash] container info def inspect_container(container_id) stdout, stderr, status = Open3.capture3('docker', 'inspect', container_id) if status.success? begin JSON.parse(stdout)[0] rescue JSON::ParserError => e raise DockerCommandError.new("Unable to parse JSON: #{e.class}: #{e.message}: #{stdout}") end else raise DockerCommandError.new("Unable to inspect Docker container #{container.container_id}: STDOUT: #{stdout}; STDERR: #{stderr}") end end # @param [String] container_id # @return [String] stdout # @return [String] stderr def get_logs(container_id) stdout, stderr, status = Open3.capture3('docker', 'logs', container_id) if status.success? [stdout, stderr] else raise DockerCommandError.new("Unable to get Docker container logs #{container.container_id}: STDOUT: #{stdout}; STDERR: #{stderr}") end end end end end ================================================ FILE: lib/barbeque/executor/hako.rb ================================================ require 'barbeque/docker_image' require 'barbeque/execution_log' require 'barbeque/hako_s3_client' require 'barbeque/slack_notifier' require 'open3' module Barbeque module Executor class Hako class HakoCommandError < StandardError end attr_reader :hako_s3_client # @param [String] hako_dir # @param [Hash] hako_env # @param [String] definition_dir # @param [String] yaml_dir (deprecated: renamed to definition_dir) def initialize(hako_dir:, hako_env: {}, yaml_dir: nil, definition_dir: nil, oneshot_notification_prefix:) @hako_dir = hako_dir @hako_env = hako_env.stringify_keys @definition_dir = if definition_dir definition_dir elsif yaml_dir warn 'yaml_dir option is renamed to definition_dir. Please update config/barbeque.yml' yaml_dir else raise ArgumentError.new('definition_dir is required') end @hako_s3_client = HakoS3Client.new(oneshot_notification_prefix) end # @param [Barbeque::JobExecution] job_execution # @param [Hash] envs def start_execution(job_execution, envs) docker_image = DockerImage.new(job_execution.job_definition.app.docker_image) cmd = build_hako_oneshot_command(docker_image, job_execution.job_definition.command, envs) stdout, stderr, status = Bundler.with_unbundled_env { Open3.capture3(@hako_env, *cmd, chdir: @hako_dir) } if status.success? cluster, task_arn = extract_task_info(stdout) Barbeque::EcsHakoTask.create!(message_id: job_execution.message_id, cluster: cluster, task_arn: task_arn) Barbeque::ExecutionLog.try_save_stdout_and_stderr(job_execution, stdout, stderr) job_execution.update!(status: :running) else Barbeque::ExecutionLog.try_save_stdout_and_stderr(job_execution, stdout, stderr) job_execution.update!(status: :failed, finished_at: Time.zone.now) Barbeque::SlackNotifier.notify_job_execution(job_execution) job_execution.retry_if_possible! end end # @param [Barbeque::JobRetry] job_retry # @param [Hash] envs def start_retry(job_retry, envs) job_execution = job_retry.job_execution docker_image = DockerImage.new(job_execution.job_definition.app.docker_image) cmd = build_hako_oneshot_command(docker_image, job_execution.job_definition.command, envs) stdout, stderr, status = Bundler.with_unbundled_env { Open3.capture3(@hako_env, *cmd, chdir: @hako_dir) } if status.success? cluster, task_arn = extract_task_info(stdout) Barbeque::EcsHakoTask.create!(message_id: job_retry.message_id, cluster: cluster, task_arn: task_arn) Barbeque::ExecutionLog.try_save_stdout_and_stderr(job_retry, stdout, stderr) Barbeque::ApplicationRecord.transaction do job_execution.update!(status: :retried) job_retry.update!(status: :running) end else Barbeque::ExecutionLog.try_save_stdout_and_stderr(job_retry, stdout, stderr) Barbeque::ApplicationRecord.transaction do job_retry.update!(status: :failed, finished_at: Time.zone.now) job_execution.update!(status: :failed) end Barbeque::SlackNotifier.notify_job_retry(job_retry) job_execution.retry_if_possible! end end # @param [Barbeque::JobExecution] job_execution def poll_execution(job_execution) hako_task = Barbeque::EcsHakoTask.find_by!(message_id: job_execution.message_id) task = @hako_s3_client.get_stopped_result(hako_task) if task status = :failed task.containers.each do |container| if container.name == 'app' status = container.exit_code == 0 ? :success : :failed end end job_execution.update!(status: status, finished_at: task.stopped_at) Barbeque::SlackNotifier.notify_job_execution(job_execution) if status == :failed job_execution.retry_if_possible! end end end # @param [Barbeque::JobRetry] job_execution def poll_retry(job_retry) hako_task = Barbeque::EcsHakoTask.find_by!(message_id: job_retry.message_id) job_execution = job_retry.job_execution task = @hako_s3_client.get_stopped_result(hako_task) if task status = :failed task.containers.each do |container| if container.name == 'app' status = container.exit_code == 0 ? :success : :failed end end Barbeque::ApplicationRecord.transaction do job_retry.update!(status: status, finished_at: task.stopped_at) job_execution.update!(status: status) end Barbeque::SlackNotifier.notify_job_retry(job_retry) if status == :failed job_execution.retry_if_possible! end end end private def build_hako_oneshot_command(docker_image, command, envs) jsonnet_path = File.join(@definition_dir, "#{docker_image.repository}.jsonnet") yaml_path = File.join(@definition_dir, "#{docker_image.repository}.yml") cmd = ['bundle', 'exec', 'hako', 'oneshot', '--no-wait', '--tag', docker_image.tag, *env_options(envs)] if File.readable?(jsonnet_path) cmd << jsonnet_path elsif File.readable?(yaml_path) cmd << yaml_path else raise HakoCommandError.new("No definition found matching '#{docker_image.repository}' in #{@definition_dir}") end cmd << '--' cmd.concat(command) end def env_options(envs) envs.map do |key, value| "--env=#{key}=#{value}" end end def extract_task_info(stdout) last_line = stdout.lines.last if last_line begin task_info = JSON.parse(last_line) cluster = task_info['cluster'] task_arn = task_info['task_arn'] if cluster && task_arn [cluster, task_arn] else raise HakoCommandError.new("Unable find cluster and task_arn in JSON: #{stdout}") end rescue JSON::ParserError => e raise HakoCommandError.new("Unable parse the last line as JSON: #{stdout}") end else raise HakoCommandError.new('stdout is empty') end end end end end ================================================ FILE: lib/barbeque/executor.rb ================================================ require 'barbeque/config' require 'barbeque/executor/docker' require 'barbeque/executor/hako' module Barbeque # Executor is responsible for starting executions and getting status of # executions. # Each executor must implement these methods. # - #initialize(options) # - Create a executor with executor_options specified in config/barbeque.yml. # - #start_execution(job_execution, envs) # - Start execution with environment variables. An executor must update the # execution status from pending. # - #poll_execution(job_execution) # - Get the execution status and update the job_execution columns. # - #start_retry(job_retry, envs) # - Start retry with environment variables. An executor must update the # retry status from pending and the corresponding execution status. # - #poll_retry(job_retry) # - Get the execution status and update the job_retry and job_execution # columns. module Executor def self.create klass = const_get(Barbeque.config.executor, false) klass.new(**Barbeque.config.executor_options) end end end ================================================ FILE: lib/barbeque/hako_s3_client.rb ================================================ require 'uri' require 'aws-sdk-ecs' require 'aws-sdk-s3' module Barbeque class HakoS3Client # @param [String] oneshot_notification_prefix S3 location for oneshot notification def initialize(oneshot_notification_prefix) uri = URI.parse(oneshot_notification_prefix) @s3_bucket = uri.host @s3_prefix = uri.path.sub(%r{\A/}, '') @s3_region = URI.decode_www_form(uri.query || '').to_h['region'] end # @param [Barbeque::EcsHakoTask] hako_task # @return [String] def s3_key_for_stopped_result(hako_task) "#{@s3_prefix}/#{hako_task.task_arn}/stopped.json" end # @return [Aws::S3::Client] def s3_client @s3_client ||= Aws::S3::Client.new(region: @s3_region, http_read_timeout: 5) end # @param [Barbeque::EcsHakoTask] hako_task # @return [Aws::ECS::Types::Task, nil] def get_stopped_result(hako_task) object = s3_client.get_object(bucket: @s3_bucket, key: s3_key_for_stopped_result(hako_task)) result = JSON.parse(object.body.read) detail = result.fetch('detail') Aws::Json::Parser.new(Aws::ECS::Client.api.operation('describe_tasks').output.shape.member(:tasks).shape.member).parse(JSON.dump(detail)) rescue Aws::S3::Errors::NoSuchKey nil end end end ================================================ FILE: lib/barbeque/maintenance.rb ================================================ module Barbeque module Maintenance def self.database_maintenance_mode? ENV['BARBEQUE_DATABASE_MAINTENANCE'] == '1' && ENV['AWS_REGION'].present? && ENV['AWS_ACCOUNT_ID'].present? end end end ================================================ FILE: lib/barbeque/message/base.rb ================================================ module Barbeque module Message # A model wrapping Aws::SQS::Types::Message. class Base attr_reader :id # [String] Barbeque::JobExecution is associated via `message_id` attr_reader :receipt_handle # [String] Used to ack a message attr_reader :type # [String] "JobExecution", "JobRetry", etc attr_reader :sent_timestamp # [String] The time the message was sent to the queue (epoch time in milliseconds) # @param [Aws::SQS::Types::Message] raw_message # @param message_body [Hash] parse result of `raw_message.body` def initialize(raw_message, message_body) assign_body(message_body) @id = raw_message.message_id @receipt_handle = raw_message.receipt_handle @sent_timestamp = raw_message.attributes['SentTimestamp'] end # To distinguish with `Barbeque::Message::InvalidMessage` def valid? true end private def assign_body(message_body) @type = message_body['Type'] end end end end ================================================ FILE: lib/barbeque/message/invalid_message.rb ================================================ require 'barbeque/message/base' module Barbeque module Message class InvalidMessage < Base def valid? false end end end end ================================================ FILE: lib/barbeque/message/job_execution.rb ================================================ require 'barbeque/message/base' module Barbeque module Message class JobExecution < Base attr_reader :body # [Object] free-format JSON attr_reader :application # [String] To specify `job_definitions.app.name` attr_reader :job # [String] To specify `job_definitions.job` private def assign_body(message_body) super @application = message_body['Application'] @job = message_body['Job'] @body = message_body['Message'] end end end end ================================================ FILE: lib/barbeque/message/job_retry.rb ================================================ require 'barbeque/message/base' module Barbeque module Message class JobRetry < Base attr_reader :retry_message_id # [String] JobExection's message_id private def assign_body(message_body) super @retry_message_id = message_body['RetryMessageId'] end end end end ================================================ FILE: lib/barbeque/message/notification.rb ================================================ require 'barbeque/message/base' module Barbeque module Message class Notification < Base attr_reader :body # [Object] free-format JSON attr_reader :topic_arn # [String] To specify `subscription.topic_arn` attr_reader :application # [String] To specify `job_definitions.app.name` attr_reader :job # [String] To specify `job_definitions.job` # @param [Barneque::SnsSubscription] subscription # @return [Barbeque::Message::Notification] def set_params_from_subscription(subscription) @application = subscription.app.name @job = subscription.job_definition.job self end private def assign_body(message_body) super @topic_arn = message_body['TopicArn'] @body = JSON.parse(message_body['Message']) end end end end ================================================ FILE: lib/barbeque/message.rb ================================================ require 'barbeque/exception_handler' require 'barbeque/message/base' require 'barbeque/message/invalid_message' require 'barbeque/message/job_execution' require 'barbeque/message/job_retry' require 'barbeque/message/notification' module Barbeque module Message class << self # @param [Aws::SQS::Types::Message] raw_message # @return [Barbeque::Message::Base] def parse(raw_message) body = JSON.parse(raw_message.body) klass = find_class(body['Type']) klass.new(raw_message, body) rescue JSON::ParserError => e ExceptionHandler.handle_exception(e) InvalidMessage.new(raw_message, {}) end private def find_class(type) Message.const_get(type, false) rescue NameError => e ExceptionHandler.handle_exception(e) InvalidMessage end end end end ================================================ FILE: lib/barbeque/message_handler/job_execution.rb ================================================ require 'barbeque/execution_log' require 'barbeque/executor' require 'barbeque/slack_notifier' module Barbeque module MessageHandler class JobExecution # @param [Barbeque::Message::JobExecution] message # @param [Barbeque::MessageQueue] message_queue def initialize(message:, message_queue:) @message = message @message_queue = message_queue end def run job_execution = create_job_execution begin Executor.create.start_execution(job_execution, job_envs) rescue Exception => e job_execution.update!(status: :error, finished_at: Time.now) Barbeque::ExecutionLog.save_stdout_and_stderr(job_execution, '', "#{e.class}: #{e.message}\n#{e.backtrace.join("\n")}") Barbeque::SlackNotifier.notify_job_execution(job_execution) raise e end end private def job_envs { 'BARBEQUE_JOB' => @message.job, 'BARBEQUE_MESSAGE' => @message.body.to_json, 'BARBEQUE_MESSAGE_ID' => @message.id, 'BARBEQUE_QUEUE_NAME' => @message_queue.job_queue.name, 'BARBEQUE_RETRY_COUNT' => '0', 'BARBEQUE_SENT_TIMESTAMP' => @message.sent_timestamp, } end def job_definition @job_definition ||= Barbeque::JobDefinition.joins(:app).find_by!( job: @message.job, barbeque_apps: { name: @message.application }, ) end def create_job_execution Barbeque::JobExecution.transaction do Barbeque::JobExecution.create(message_id: @message.id, job_definition: job_definition, job_queue: @message_queue.job_queue).tap do |job_execution| Barbeque::ExecutionLog.save_message(job_execution, @message) @message_queue.delete_message(@message) end end rescue ActiveRecord::RecordNotUnique => e # There's a case where Barbeque receives message which was already received or deleted. # https://docs.aws.amazon.com/AWSSimpleQueueService/latest/SQSDeveloperGuide/standard-queues.html @message_queue.delete_message(@message) raise DuplicatedExecution.new(e.message) end end end end ================================================ FILE: lib/barbeque/message_handler/job_retry.rb ================================================ require 'barbeque/execution_log' require 'barbeque/executor' require 'barbeque/slack_notifier' module Barbeque module MessageHandler class MessageNotFound < StandardError; end class JobRetry # @param [Barbeque::Message::JobExecution] message # @param [Barbeque::MessageQueue] message_queue def initialize(message:, message_queue:) @message = message @message_queue = message_queue end def run job_retry = create_job_retry begin Executor.create.start_retry(job_retry, job_envs) rescue Exception => e job_retry.update!(status: :error, finished_at: Time.now) job_execution.update!(status: :error) Barbeque::ExecutionLog.save_stdout_and_stderr(job_retry, '', "#{e.class}: #{e.message}\n#{e.backtrace.join("\n")}") Barbeque::SlackNotifier.notify_job_retry(job_retry) raise e end end private def job_execution @job_execution ||= Barbeque::JobExecution.find_by!(message_id: @message.retry_message_id) end def job_envs if job_execution.execution_log.nil? raise MessageNotFound.new('failed to fetch retried message') end { 'BARBEQUE_JOB' => job_execution.job_definition.job, 'BARBEQUE_MESSAGE' => job_execution.execution_log['message'], 'BARBEQUE_MESSAGE_ID' => @message.retry_message_id, 'BARBEQUE_QUEUE_NAME' => @message_queue.job_queue.name, 'BARBEQUE_RETRY_COUNT' => job_execution.job_retries.count.to_s, 'BARBEQUE_SENT_TIMESTAMP' => @message.sent_timestamp, } end def create_job_retry Barbeque::JobRetry.transaction do Barbeque::JobRetry.create(message_id: @message.id, job_execution: job_execution).tap do @message_queue.delete_message(@message) end end rescue ActiveRecord::RecordNotUnique => e raise DuplicatedExecution.new(e.message) end end end end ================================================ FILE: lib/barbeque/message_handler/notification.rb ================================================ require 'barbeque/message_handler/job_execution' module Barbeque module MessageHandler class Notification < JobExecution # @param [Barbeque::Message::Notification] message # @param [Barbeque::MessageQueue] message_queue def initialize(message:, message_queue:) @message = message @message_queue = message_queue subscription = SnsSubscription.find_by!(topic_arn: @message.topic_arn, job_queue_id: @message_queue.job_queue.id) @message.set_params_from_subscription(subscription) end end end end ================================================ FILE: lib/barbeque/message_handler.rb ================================================ module Barbeque module MessageHandler class DuplicatedExecution < StandardError; end end end require 'barbeque/message_handler/job_execution' require 'barbeque/message_handler/job_retry' require 'barbeque/message_handler/notification' ================================================ FILE: lib/barbeque/message_queue.rb ================================================ require 'aws-sdk-sqs' require 'barbeque/config' require 'barbeque/message' module Barbeque class MessageQueue attr_reader :job_queue def initialize(job_queue) @job_queue = job_queue @messages = [] @stop = false end # Receive a message from SQS queue. # @return [Barbeque::Message::Base] def dequeue loop do return nil if @stop message = receive_message if message if message.valid? return message else delete_message(message) end end end end # Remove a message from SQS queue. # @param [Barbeque::Message::Base] message def delete_message(message) client.delete_message( queue_url: @job_queue.queue_url, receipt_handle: message.receipt_handle, ) end def stop! @stop = true end private def receive_message result = client.receive_message( queue_url: @job_queue.queue_url, wait_time_seconds: Barbeque.config.sqs_receive_message_wait_time, max_number_of_messages: 1, attribute_names: ['SentTimestamp'], ) if result.messages[0] Barbeque::Message.parse(result.messages[0]) end end def client @client ||= Aws::SQS::Client.new end end end ================================================ FILE: lib/barbeque/retry_poller.rb ================================================ require 'barbeque/exception_handler' require 'barbeque/executor' module Barbeque class RetryPoller def initialize(job_queue) @job_queue = job_queue @stop_requested = false end def run Barbeque::JobRetry .joins(:job_execution) .running .merge(Barbeque::JobExecution.where(job_queue: @job_queue)) .find_in_batches do |job_retries| job_retries.shuffle.each do |job_retry| if @stop_requested return end job_retry.with_lock do if job_retry.running? poll(job_retry) end end end end sleep 1 end def stop @stop_requested = true end private def poll(job_retry) Barbeque::ExceptionHandler.set_message_context(job_retry.message_id, nil) executor = Executor.create executor.poll_retry(job_retry) end end end ================================================ FILE: lib/barbeque/runner.rb ================================================ require 'barbeque/config' require 'barbeque/exception_handler' require 'barbeque/execution_log' require 'barbeque/message_handler' require 'barbeque/message_queue' module Barbeque # Part of barbeque-worker. # Runner dequeues a message from {MessageQueue} (Amazon SQS) and dispatches # it to message handler. class Runner def initialize(job_queue) @job_queue = job_queue end def run keep_maximum_concurrent_executions message = message_queue.dequeue return unless message Barbeque::ExceptionHandler.set_message_context(message.id, message.type) handler = MessageHandler.const_get(message.type, false) handler.new(message: message, message_queue: message_queue).run end def stop message_queue.stop! end private def message_queue @message_queue ||= MessageQueue.new(@job_queue) end def keep_maximum_concurrent_executions max_num = Barbeque.config.maximum_concurrent_executions unless max_num # nil means unlimited return end loop do current_num = @job_queue.job_executions.where(status: :running).count + Barbeque::JobRetry.where(status: :running).joins(job_execution: :job_queue).merge(Barbeque::JobQueue.where(id: @job_queue.id)).count if current_num < max_num return end interval = Barbeque.config.runner_wait_seconds Rails.logger.info("#{current_num} executions are running but maximum_concurrent_executions is configured to #{max_num}. Waiting #{interval} seconds...") sleep(interval) end end end end ================================================ FILE: lib/barbeque/slack_client.rb ================================================ require 'net/http' require 'json' require 'uri' module Barbeque class SlackClient def initialize(channel) @channel = channel end def notify_success(message) post_slack( attachments: [{ text: message, color: 'good', mrkdwn_in: ['text'], }], ) end def notify_failure(message) post_slack( attachments: [{ text: message, color: 'danger', mrkdwn_in: ['text'], }], ) end private def post_slack(payload) Net::HTTP.post_form( endpoint_uri, payload: default_payload.merge(payload).to_json, ) end def default_payload { link_names: 1, channel: @channel } end def endpoint_uri @endpoint_uri ||= URI.parse(ENV['SLACK_WEBHOOK_URL']) end end end ================================================ FILE: lib/barbeque/slack_notifier.rb ================================================ require 'barbeque/slack_client' module Barbeque module SlackNotifier class << self # @param [Barbeque::JobExecution] job_execution def notify_job_execution(job_execution) return if job_execution.slack_notification.nil? client = Barbeque::SlackClient.new(job_execution.slack_notification.channel) if job_execution.success? if job_execution.slack_notification.notify_success client.notify_success("*[SUCCESS]* Succeeded to execute #{job_execution_link(job_execution)}") end elsif job_execution.failed? if should_notify_failure?(job_execution) client.notify_failure( "*[FAILURE]* Failed to execute #{job_execution_link(job_execution)}" \ " #{job_execution.slack_notification.failure_notification_text}" ) end else client.notify_failure( "*[ERROR]* Failed to execute #{job_execution_link(job_execution)}" \ " #{job_execution.slack_notification.failure_notification_text}" ) end end # @param [Barbeque::JobRetry] job_retry def notify_job_retry(job_retry) return if job_retry.slack_notification.nil? client = Barbeque::SlackClient.new(job_retry.slack_notification.channel) if job_retry.success? if job_retry.slack_notification.notify_success client.notify_success("*[SUCCESS]* Succeeded to retry #{job_retry_link(job_retry)}") end elsif job_retry.failed? if should_notify_failure?(job_retry.job_execution) client.notify_failure( "*[FAILURE]* Failed to retry #{job_retry_link(job_retry)}" \ " #{job_retry.slack_notification.failure_notification_text}" ) end else client.notify_failure( "*[ERROR]* Failed to retry #{job_retry_link(job_retry)}" \ " #{job_retry.slack_notification.failure_notification_text}" ) end end private def barbeque_host ENV['BARBEQUE_HOST'] end def job_execution_link(job_execution) "<#{job_execution_url(job_execution)}|#{job_execution.job_definition.job} ##{job_execution.id}>" end def job_execution_url(job_execution) Barbeque::Engine.routes.url_helpers.job_execution_url(job_execution, host: barbeque_host) end def job_retry_link(job_retry) "<#{job_retry_url(job_retry)}|#{job_retry.job_definition.job}'s retry ##{job_retry.id}>" end def job_retry_url(job_retry) Barbeque::Engine.routes.url_helpers.job_execution_job_retry_url(job_retry.job_execution, job_retry, host: barbeque_host) end def should_notify_failure?(job_execution_with_slack_notification) unless job_execution_with_slack_notification.slack_notification.notify_failure_only_if_retry_limit_reached return true end unless job_execution_with_slack_notification.job_definition.retry_config return true end job_execution_with_slack_notification.job_definition.retry_config.retry_limit <= job_execution_with_slack_notification.job_retries.count end end end end ================================================ FILE: lib/barbeque/version.rb ================================================ module Barbeque VERSION = '2.10.0' end ================================================ FILE: lib/barbeque/worker.rb ================================================ require 'barbeque/exception_handler' require 'barbeque/execution_poller' require 'barbeque/retry_poller' require 'barbeque/runner' require 'serverengine' module Barbeque module Worker DEFAULT_QUEUE = ENV['BARBEQUE_DEFAULT_QUEUE'] || 'default' class UnexpectedMessageType < StandardError; end def self.run( worker_type: 'process', workers: 4, daemonize: false, log: $stdout, log_level: :info, pid_path: '/tmp/barbeque_worker.pid', supervisor: true ) options = { worker_type: worker_type, workers: workers, daemonize: daemonize, log: log, log_level: log_level, pid_path: pid_path, supervisor: supervisor, } worker = ServerEngine.create(nil, Barbeque::Worker, options) worker.run end def initialize queue_name = ENV['BARBEQUE_QUEUE'] || DEFAULT_QUEUE queue = Barbeque::JobQueue.find_by!(name: queue_name) @command = case worker_id when 0 ExecutionPoller.new(queue) when 1 RetryPoller.new(queue) else Runner.new(queue) end end def run $0 = "barbeque-worker (worker_id=#{worker_id} command=#{@command.class.name})" until @stop begin execute_command rescue => e Barbeque::ExceptionHandler.handle_exception(e) end Barbeque::ExceptionHandler.clear_context end end def stop @stop = true @command.stop end def execute_command @command.run end end end ================================================ FILE: lib/barbeque.rb ================================================ require 'barbeque/docker_image' require 'barbeque/engine' require 'barbeque/execution_log' ================================================ FILE: lib/tasks/barbeque_tasks.rake ================================================ namespace :barbeque do desc 'Start worker to execute jobs' task worker: :environment do ENV['BARBEQUE_QUEUE'] ||= 'default' require 'barbeque/worker' Barbeque::Worker.run( workers: (ENV['BARBEQUE_WORKER_NUM'] || 4).to_i, daemonize: ENV['DAEMONIZE_BARBEQUE'] == '1', log: ENV['BARBEQUE_LOG_TO_STDOUT'] == '1' ? $stdout : Rails.root.join('log/barbeque_worker.log').to_s, log_level: Rails.env.production? ? :info : :debug, pid_path: Rails.root.join('tmp/pids/barbeque_worker.pid').to_s, supervisor: Rails.env.production?, ) end end ================================================ FILE: spec/barbeque/config_builder_spec.rb ================================================ require 'rails_helper' require 'barbeque/config' describe Barbeque::ConfigBuilder do describe '#build_config' do it 'returns Barbeque::Config loaded from config/barbeque.yml' do config = Barbeque.build_config expect(config.executor).to eq('Docker') end context 'when it has no config' do it 'returns default config' do config = Barbeque.build_config('barbeque.empty') expect(config.executor_options).to eq({}) end end context 'given erb' do it 'evaluates barbeque.yml as erb' do config = Barbeque.build_config('barbeque.erb') expect(config.executor).to eq('FooBar') end end end end ================================================ FILE: spec/barbeque/config_spec.rb ================================================ require 'rails_helper' require 'barbeque/config' describe Barbeque::Config do describe '#executor_options' do it 'returns Hash whose keys are symbolized without symbolizing values' do options = { 'foo' => { 'bar' => 'baz' } } expect(Barbeque::Config.new(executor_options: options).executor_options). to eq({ foo: { 'bar' => 'baz' } }) end end end ================================================ FILE: spec/barbeque/docker_image_spec.rb ================================================ require 'barbeque' describe Barbeque::DockerImage do it 'parses docker image name without a tag' do image = Barbeque::DockerImage.new('cookpad') expect(image.repository).to eq('cookpad') expect(image.tag).to eq('latest') end it 'parses docker image name with a tag' do image = Barbeque::DockerImage.new('cookpad-ruby:2.2') expect(image.repository).to eq('cookpad-ruby') expect(image.tag).to eq('2.2') end it 'parses docker image name with a host' do image = Barbeque::DockerImage.new('docker.io/library/ruby') expect(image.repository).to eq('library/ruby') expect(image.tag).to eq('latest') expect(image.registry).to eq('docker.io') end describe '#to_s' do context 'with docker registry specified' do let(:image_name) { 'cookpad-ruby:2.2' } let(:docker_registry) { 'docker-registry-001:80' } around do |example| begin orig, ENV['BARBEQUE_DOCKER_REGISTRY'] = ENV['BARBEQUE_DOCKER_REGISTRY'], docker_registry example.run ensure ENV['BARBEQUE_DOCKER_REGISTRY'] = orig end end it 'prepends docker registry' do image = Barbeque::DockerImage.new(image_name) expect(image.to_s).to eq("#{docker_registry}/#{image_name}") end end end end ================================================ FILE: spec/barbeque/exception_handler_spec.rb ================================================ require 'rails_helper' require 'barbeque/exception_handler' describe Barbeque::ExceptionHandler do describe '.handle_exception' do let(:exception) do StandardError.new('something went wrong').tap do |e| e.set_backtrace(['barbeque.rb:1']) end end let(:handler) { 'RailsLogger' } before do allow(Barbeque).to receive_message_chain(:config, :exception_handler).and_return(handler) end it 'handles exception with configured handler' do expect_any_instance_of(Barbeque::ExceptionHandler::RailsLogger).to receive(:handle_exception).with(exception) Barbeque::ExceptionHandler.handle_exception(exception) end end end ================================================ FILE: spec/barbeque/execution_log_spec.rb ================================================ require 'rails_helper' require 'barbeque/execution_log' describe Barbeque::ExecutionLog do let(:job_execution) { create(:job_execution, status: status) } let(:s3_client) { double('Aws::S3::Client') } let(:message) { ['hello'] } let(:stdout) { 'stdout' } let(:stderr) { 'stderr' } before do allow(Barbeque::ExecutionLog).to receive(:s3_client).and_return(s3_client) end describe '.fetch' do def make_s3_object(content) Aws::S3::Types::GetObjectOutput.new(body: StringIO.new(content)) end context 'when job_execution is finished' do let(:status) { 'success' } before do allow(s3_client).to receive(:get_object).with( key: "#{job_execution.app.name}/#{job_execution.job_definition.job}/#{job_execution.message_id}/message.json", bucket: 'barbeque', ).and_return(make_s3_object(message.to_json)) allow(s3_client).to receive(:get_object).with( key: "#{job_execution.app.name}/#{job_execution.job_definition.job}/#{job_execution.message_id}/stdout.txt", bucket: 'barbeque', ).and_return(make_s3_object(stdout)) allow(s3_client).to receive(:get_object).with( key: "#{job_execution.app.name}/#{job_execution.job_definition.job}/#{job_execution.message_id}/stderr.txt", bucket: 'barbeque', ).and_return(make_s3_object(stderr)) end it 'fetches log from S3 for the job_execution' do expect(Barbeque::ExecutionLog.load(execution: job_execution)).to eq({ 'message' => message.to_json, 'stdout' => stdout, 'stderr' => stderr, }) end end context 'when job_execution is pending' do let(:status) { 'pending' } it 'returns empty hash' do expect(Barbeque::ExecutionLog.load(execution: job_execution)).to eq({}) end end context 'when job_retry is given' do let(:job_retry) { create(:job_retry, job_execution: job_execution) } let(:status) { 'success' } before do allow(s3_client).to receive(:get_object).with( key: "#{job_execution.app.name}/#{job_execution.job_definition.job}/#{job_retry.message_id}/message.json", bucket: 'barbeque', ).and_raise(Aws::S3::Errors::NoSuchKey.new(nil, 'The specified key does not exist.')) allow(s3_client).to receive(:get_object).with( key: "#{job_execution.app.name}/#{job_execution.job_definition.job}/#{job_retry.message_id}/stdout.txt", bucket: 'barbeque', ).and_return(make_s3_object(stdout)) allow(s3_client).to receive(:get_object).with( key: "#{job_execution.app.name}/#{job_execution.job_definition.job}/#{job_retry.message_id}/stderr.txt", bucket: 'barbeque', ).and_return(make_s3_object(stderr)) end it 'fetches log from S3 for the job_retry' do expect(Barbeque::ExecutionLog.load(execution: job_retry)).to eq({ 'message' => nil, 'stdout' => stdout, 'stderr' => stderr, }) end end end end ================================================ FILE: spec/barbeque/execution_poller_spec.rb ================================================ require 'rails_helper' require 'barbeque/execution_poller' RSpec.describe Barbeque::ExecutionPoller do let(:job_queue) { create(:job_queue) } let(:execution_poller) { described_class.new(job_queue) } let(:executor) { double('Barbeque::Executor::Docker') } before do allow(Barbeque::Executor::Docker).to receive(:new).and_return(executor) end describe '#run' do context 'when there is a running job execution' do let(:job_execution) { create(:job_execution, status: :running, job_queue: job_queue) } it 'polls the job execution' do expect(executor).to receive(:poll_execution).with(job_execution) execution_poller.run end end end end ================================================ FILE: spec/barbeque/executor/docker_spec.rb ================================================ require 'rails_helper' require 'barbeque/executor/docker' RSpec.describe Barbeque::Executor::Docker do let(:executor) { described_class.new } let(:command) { ['rake', 'test'] } let(:job_definition) { FactoryBot.create(:job_definition, command: ['rake', 'test']) } let(:job_execution) { FactoryBot.create(:job_execution, job_definition: job_definition, status: :pending) } let(:container_id) { '59efea4938e5d11ff6e70441d7442614dc1da014e64a8144c87a7608e27e240c' } let(:sqs_client) { instance_double(Aws::SQS::Client) } around do |example| original = ENV['BARBEQUE_HOST'] ENV['BARBEQUE_HOST'] = 'https://barbeque' example.run ENV['BARBEQUE_HOST'] = original end before do allow(Barbeque::MessageRetryingService).to receive(:sqs_client).and_return(sqs_client) end describe 'job_execution' do describe '#start_execution' do let(:status) { double('Process::Status', success?: true) } let(:stdout) { container_id } let(:stderr) { '' } it 'starts Docker container' do expect(Open3).to receive(:capture3).with('docker', 'run', '--detach', job_execution.job_definition.app.docker_image, 'rake', 'test').and_return([stdout, stderr, status]) executor.start_execution(job_execution, {}) expect(Barbeque::DockerContainer.where(message_id: job_execution.message_id, container_id: container_id)).to be_exist end it 'sets running status' do expect(Open3).to receive(:capture3).with('docker', 'run', '--detach', job_execution.job_definition.app.docker_image, 'rake', 'test').and_return([stdout, stderr, status]) expect(job_execution).to be_pending executor.start_execution(job_execution, {}) job_execution.reload expect(job_execution).to be_running end context 'when docker-run fails' do before do expect(status).to receive(:success?).and_return(false) end it 'sets failed status' do expect(Open3).to receive(:capture3).with('docker', 'run', '--detach', job_execution.job_definition.app.docker_image, 'rake', 'test').and_return([stdout, stderr, status]) expect(Barbeque::ExecutionLog).to receive(:try_save_stdout_and_stderr).with(job_execution, stdout, stderr) executor.start_execution(job_execution, {}) job_execution.reload expect(job_execution).to be_failed end context 'with retry_config' do before do FactoryBot.create(:retry_config, job_definition: job_definition) end it 'performs retry' do expect(Open3).to receive(:capture3).with('docker', 'run', '--detach', job_execution.job_definition.app.docker_image, 'rake', 'test').and_return([stdout, stderr, status]) expect(Barbeque::ExecutionLog).to receive(:try_save_stdout_and_stderr).with(job_execution, stdout, stderr) expect(Barbeque::MessageRetryingService.sqs_client).to receive(:send_message).with(queue_url: a_kind_of(String), message_body: a_kind_of(String), delay_seconds: a_kind_of(Integer)) executor.start_execution(job_execution, {}) job_execution.reload expect(job_execution).to be_retried end end end end describe '#poll_execution' do let(:inspect_status) { double('Process::Status', success?: true) } let(:container_info) do { 'State' => { 'Status' => 'exited', 'FinishedAt' => '2017-07-11T09:17:32.013951633Z', 'ExitCode' => 0, }, } end let(:stdout) { 'stdout' } let(:stderr) { 'stderr' } let(:log_status) { double('Process::Status', success?: true) } before do job_execution.update!(status: :running) Barbeque::DockerContainer.create!(message_id: job_execution.message_id, container_id: container_id) expect(Open3).to receive(:capture3).with('docker', 'inspect', container_id) { [JSON.dump([container_info]), '', inspect_status] } end context 'when job succeeds' do it 'sets success status' do expect(Open3).to receive(:capture3).with('docker', 'logs', container_id).and_return([stdout, stderr, log_status]) expect(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr).with(job_execution, stdout, stderr) expect(job_execution).to be_running executor.poll_execution(job_execution) job_execution.reload expect(job_execution).to be_success end context 'when successful slack_notification is configured' do let(:slack_client) { double('Barbeque::SlackClient') } let(:slack_notification) { FactoryBot.create(:slack_notification, notify_success: true) } before do job_execution.job_definition.update!(slack_notification: slack_notification) allow(Barbeque::SlackClient).to receive(:new).with(slack_notification.channel).and_return(slack_client) end it 'sends slack notification' do expect(Open3).to receive(:capture3).with('docker', 'logs', container_id).and_return([stdout, stderr, log_status]) expect(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr).with(job_execution, stdout, stderr) expect(slack_client).to receive(:notify_success) executor.poll_execution(job_execution) end end end context 'when job is running' do before do container_info['State']['Status'] = 'running' container_info['State']['FinishedAt'] = '0001-01-01T00:00:00Z' end it 'does nothing' do expect(job_execution).to be_running executor.poll_execution(job_execution) job_execution.reload expect(job_execution).to be_running end end context 'when job fails' do before do container_info['State']['ExitCode'] = 1 end it 'sets failed status' do expect(Open3).to receive(:capture3).with('docker', 'logs', container_id).and_return([stdout, stderr, log_status]) expect(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr).with(job_execution, stdout, stderr) expect(job_execution).to be_running executor.poll_execution(job_execution) job_execution.reload expect(job_execution).to be_failed end context 'when slack_notification is configured' do let(:slack_client) { double('Barbeque::SlackClient') } let(:slack_notification) { FactoryBot.create(:slack_notification, notify_success: false) } before do job_execution.job_definition.update!(slack_notification: slack_notification) allow(Barbeque::SlackClient).to receive(:new).with(slack_notification.channel).and_return(slack_client) end it 'sends slack notification' do expect(Open3).to receive(:capture3).with('docker', 'logs', container_id).and_return([stdout, stderr, log_status]) expect(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr).with(job_execution, stdout, stderr) expect(slack_client).to receive(:notify_failure) executor.poll_execution(job_execution) end end context 'with retry_config' do before do FactoryBot.create(:retry_config, job_definition: job_definition) end it 'performs retry' do expect(Open3).to receive(:capture3).with('docker', 'logs', container_id).and_return([stdout, stderr, log_status]) expect(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr).with(job_execution, stdout, stderr) expect(Barbeque::MessageRetryingService.sqs_client).to receive(:send_message).with(queue_url: a_kind_of(String), message_body: a_kind_of(String), delay_seconds: a_kind_of(Integer)) expect(job_execution).to be_running executor.poll_execution(job_execution) job_execution.reload expect(job_execution).to be_retried end end context 'with retry_config and slack_notification (notify_failure_only_if_retry_limit_reached: false)' do let(:slack_client) { double('Barbeque::SlackClient') } let(:slack_notification) { FactoryBot.create(:slack_notification, notify_success: false) } before do job_execution.job_definition.update!(slack_notification: slack_notification) allow(Barbeque::SlackClient).to receive(:new).with(slack_notification.channel).and_return(slack_client) FactoryBot.create(:retry_config, job_definition: job_definition) end it 'sends slack notification' do expect(Open3).to receive(:capture3).with('docker', 'logs', container_id).and_return([stdout, stderr, log_status]) expect(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr).with(job_execution, stdout, stderr) expect(Barbeque::MessageRetryingService.sqs_client).to receive(:send_message).with(queue_url: a_kind_of(String), message_body: a_kind_of(String), delay_seconds: a_kind_of(Integer)) expect(slack_client).to receive(:notify_failure) executor.poll_execution(job_execution) end end context 'with retry_config and slack_notification (notify_failure_only_if_retry_limit_reached: true)' do let(:slack_client) { double('Barbeque::SlackClient') } let(:slack_notification) { FactoryBot.create(:slack_notification, notify_success: false, notify_failure_only_if_retry_limit_reached: true) } before do job_execution.job_definition.update!(slack_notification: slack_notification) allow(Barbeque::SlackClient).to receive(:new).with(slack_notification.channel).and_return(slack_client) FactoryBot.create(:retry_config, job_definition: job_definition) end it 'does not send slack notification' do expect(Open3).to receive(:capture3).with('docker', 'logs', container_id).and_return([stdout, stderr, log_status]) expect(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr).with(job_execution, stdout, stderr) expect(Barbeque::MessageRetryingService.sqs_client).to receive(:send_message).with(queue_url: a_kind_of(String), message_body: a_kind_of(String), delay_seconds: a_kind_of(Integer)) expect(slack_client).not_to receive(:notify_failure) executor.poll_execution(job_execution) end end end end end describe 'job_retry' do let(:job_retry) { FactoryBot.create(:job_retry, job_execution: job_execution, status: :pending) } let(:status) { double('Process::Status', success?: true) } let(:stdout) { container_id } let(:stderr) { '' } before do job_execution.update!(status: :failed) end describe '#start_retry' do it 'starts Docker container' do expect(Open3).to receive(:capture3).with('docker', 'run', '--detach', job_execution.job_definition.app.docker_image, 'rake', 'test').and_return([stdout, stderr, status]) executor.start_retry(job_retry, {}) expect(Barbeque::DockerContainer.where(message_id: job_retry.message_id, container_id: container_id)).to be_exist end it 'sets running status' do expect(Open3).to receive(:capture3).with('docker', 'run', '--detach', job_execution.job_definition.app.docker_image, 'rake', 'test').and_return([stdout, stderr, status]) expect(job_retry).to be_pending expect(job_execution).to be_failed executor.start_retry(job_retry, {}) job_retry.reload job_execution.reload expect(job_retry).to be_running expect(job_execution).to be_retried end context 'when docker-run fails' do before do expect(status).to receive(:success?).and_return(false) end it 'sets failed status' do expect(Open3).to receive(:capture3).with('docker', 'run', '--detach', job_execution.job_definition.app.docker_image, 'rake', 'test').and_return([stdout, stderr, status]) expect(Barbeque::ExecutionLog).to receive(:try_save_stdout_and_stderr).with(job_retry, stdout, stderr) expect(job_retry).to be_pending expect(job_execution).to be_failed executor.start_retry(job_retry, {}) job_retry.reload job_execution.reload expect(job_retry).to be_failed expect(job_execution).to be_failed end context 'with retry_config' do before do FactoryBot.create(:retry_config, job_definition: job_definition) end it 'performs retry' do expect(Open3).to receive(:capture3).with('docker', 'run', '--detach', job_execution.job_definition.app.docker_image, 'rake', 'test').and_return([stdout, stderr, status]) expect(Barbeque::ExecutionLog).to receive(:try_save_stdout_and_stderr).with(job_retry, stdout, stderr) expect(Barbeque::MessageRetryingService.sqs_client).to receive(:send_message).with(queue_url: a_kind_of(String), message_body: a_kind_of(String), delay_seconds: a_kind_of(Integer)) expect(job_retry).to be_pending expect(job_execution).to be_failed executor.start_retry(job_retry, {}) job_retry.reload job_execution.reload expect(job_retry).to be_failed expect(job_execution).to be_retried end end end end describe '#poll_retry' do let(:inspect_status) { double('Process::Status', success?: true) } let(:container_info) do { 'State' => { 'Status' => 'exited', 'FinishedAt' => '2017-07-11T09:17:32.013951633Z', 'ExitCode' => 0, }, } end let(:stdout) { 'stdout' } let(:stderr) { 'stderr' } let(:log_status) { double('Process::Status', success?: true) } before do job_execution.update!(status: :retried) job_retry.update!(status: :running) Barbeque::DockerContainer.create!(message_id: job_retry.message_id, container_id: container_id) expect(Open3).to receive(:capture3).with('docker', 'inspect', container_id) { [JSON.dump([container_info]), '', inspect_status] } end context 'when retried job succeeds' do it 'sets success status' do expect(Open3).to receive(:capture3).with('docker', 'logs', container_id).and_return([stdout, stderr, log_status]) expect(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr).with(job_retry, stdout, stderr) expect(job_retry).to be_running expect(job_execution).to be_retried executor.poll_retry(job_retry) job_retry.reload job_execution.reload expect(job_retry).to be_success expect(job_execution).to be_success end context 'when successful slack_notification is configured' do let(:slack_client) { double('Barbeque::SlackClient') } let(:slack_notification) { FactoryBot.create(:slack_notification, notify_success: true) } before do allow(Barbeque::SlackClient).to receive(:new).with(slack_notification.channel).and_return(slack_client) end it 'sends slack notification' do expect(Open3).to receive(:capture3).with('docker', 'logs', container_id).and_return([stdout, stderr, log_status]) expect(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr).with(job_retry, stdout, stderr) job_execution.job_definition.update!(slack_notification: slack_notification) expect(slack_client).to receive(:notify_success) executor.poll_retry(job_retry) end end end context 'when retried job is running' do before do container_info['State']['Status'] = 'running' container_info['State']['FinishedAt'] = '0001-01-01T00:00:00Z' end it 'does nothing' do expect(job_retry).to be_running expect(job_execution).to be_retried executor.poll_retry(job_retry) job_retry.reload job_execution.reload expect(job_retry).to be_running expect(job_execution).to be_retried end end context 'when retried job fails' do before do container_info['State']['ExitCode'] = 1 end it 'sets failed status' do expect(Open3).to receive(:capture3).with('docker', 'logs', container_id).and_return([stdout, stderr, log_status]) expect(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr).with(job_retry, stdout, stderr) expect(job_retry).to be_running expect(job_execution).to be_retried executor.poll_retry(job_retry) job_retry.reload job_execution.reload expect(job_retry).to be_failed expect(job_execution).to be_failed end context 'when slack_notification is configured' do let(:slack_client) { double('Barbeque::SlackClient') } let(:slack_notification) { FactoryBot.create(:slack_notification, notify_success: false) } before do job_execution.job_definition.update!(slack_notification: slack_notification) allow(Barbeque::SlackClient).to receive(:new).with(slack_notification.channel).and_return(slack_client) end it 'sends slack notification' do expect(Open3).to receive(:capture3).with('docker', 'logs', container_id).and_return([stdout, stderr, log_status]) expect(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr).with(job_retry, stdout, stderr) expect(slack_client).to receive(:notify_failure) executor.poll_retry(job_retry) end end context 'with retry_config' do before do FactoryBot.create(:retry_config, job_definition: job_definition) end it 'performs retry' do expect(Open3).to receive(:capture3).with('docker', 'logs', container_id).and_return([stdout, stderr, log_status]) expect(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr).with(job_retry, stdout, stderr) expect(Barbeque::MessageRetryingService.sqs_client).to receive(:send_message).with(queue_url: a_kind_of(String), message_body: a_kind_of(String), delay_seconds: a_kind_of(Integer)) expect(job_retry).to be_running expect(job_execution).to be_retried executor.poll_retry(job_retry) job_retry.reload job_execution.reload expect(job_retry).to be_failed expect(job_execution).to be_retried end end context 'when retried job fails for retry limit of times' do let(:slack_client) { double('Barbeque::SlackClient') } let(:container_id2) { '40fa4fcb316f90f65d70717f66357e065747f8c216f392817bb8237f51dc416e' } let(:job_retry2) { FactoryBot.create(:job_retry, job_execution: job_execution, status: :pending) } before do job_execution.job_definition.update!(slack_notification: slack_notification) allow(Barbeque::SlackClient).to receive(:new).with(slack_notification.channel).and_return(slack_client) FactoryBot.create(:retry_config, job_definition: job_definition, retry_limit: 2) end context 'with retry_config and slack_notification (notify_failure_only_if_retry_limit_reached: false)' do let(:slack_notification) { FactoryBot.create(:slack_notification, notify_success: false ) } it 'performs retry with sending slack notification for two times' do expect(Open3).to receive(:capture3).with('docker', 'logs', container_id).and_return([stdout, stderr, log_status]) expect(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr).with(job_retry, stdout, stderr) expect(Barbeque::MessageRetryingService.sqs_client).to receive(:send_message).with(queue_url: a_kind_of(String), message_body: a_kind_of(String), delay_seconds: a_kind_of(Integer)) expect(slack_client).to receive(:notify_failure).twice executor.poll_retry(job_retry) Barbeque::DockerContainer.create!(message_id: job_retry2.message_id, container_id: container_id2) expect(Open3).to receive(:capture3).with('docker', 'logs', container_id2).and_return([stdout, stderr, log_status]) expect(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr).with(job_retry2, stdout, stderr) expect(Open3).to receive(:capture3).with('docker', 'inspect', container_id2) { [JSON.dump([container_info]), '', inspect_status] } executor.poll_retry(job_retry2) end end context 'with retry_config and slack_notification (notify_failure_only_if_retry_limit_reached: true)' do let(:slack_notification) { FactoryBot.create(:slack_notification, notify_success: false, notify_failure_only_if_retry_limit_reached: true) } it 'performs retry with sending only one slack notification' do expect(Open3).to receive(:capture3).with('docker', 'logs', container_id).and_return([stdout, stderr, log_status]) expect(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr).with(job_retry, stdout, stderr) expect(Barbeque::MessageRetryingService.sqs_client).to receive(:send_message).with(queue_url: a_kind_of(String), message_body: a_kind_of(String), delay_seconds: a_kind_of(Integer)) executor.poll_retry(job_retry) Barbeque::DockerContainer.create!(message_id: job_retry2.message_id, container_id: container_id2) expect(Open3).to receive(:capture3).with('docker', 'logs', container_id2).and_return([stdout, stderr, log_status]) expect(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr).with(job_retry2, stdout, stderr) expect(Open3).to receive(:capture3).with('docker', 'inspect', container_id2) { [JSON.dump([container_info]), '', inspect_status] } expect(slack_client).to receive(:notify_failure).once executor.poll_retry(job_retry2) end end end end end end end ================================================ FILE: spec/barbeque/executor/hako_spec.rb ================================================ require 'rails_helper' require 'barbeque/executor/hako' describe Barbeque::Executor::Hako do let(:hako_directory) { '.' } let(:hako_env) { { 'AWS_REGION' => 'ap-northeast-1' } } let(:command) { ['rake', 'test'] } let(:executor) do described_class.new( hako_dir: hako_directory, hako_env: hako_env, definition_dir: '/yamls', oneshot_notification_prefix: 's3://barbeque/task_statuses?region=ap-northeast-1', ) end let(:app_name) { 'dummy' } let(:app) { FactoryBot.create(:app, docker_image: app_name) } let(:job_definition) { FactoryBot.create(:job_definition, app: app, command: command) } let(:job_execution) { FactoryBot.create(:job_execution, job_definition: job_definition, status: :pending) } let(:envs) { { 'FOO' => 'BAR' } } let(:task_arn) { 'arn:aws:ecs:ap-northeast-1:012345678901:task/01234567-89ab-cdef-0123-456789abcdef' } let(:sqs_client) { instance_double(Aws::SQS::Client) } let(:s3_client) { double('Aws::S3::Client') } let(:stopped_info) do { 'detail-type' => 'ECS Task State Change', 'detail' => { 'containers' => [ { 'exitCode' => 0, 'lastStatus' => 'STOPPED', 'name' => 'app', } ], 'stoppedAt' => '2017-06-20T07:29:53.695Z', }, } end let(:s3_key) { "task_statuses/#{task_arn}/stopped.json" } around do |example| original = ENV['BARBEQUE_HOST'] ENV['BARBEQUE_HOST'] = 'https://barbeque' example.run ENV['BARBEQUE_HOST'] = original end before do allow(Barbeque::MessageRetryingService).to receive(:sqs_client).and_return(sqs_client) end describe 'job_execution' do describe '#start_execution' do let(:status) { double('Process::Status', success?: true) } let(:stdout) { JSON.dump(cluster: 'barbeque', task_arn: task_arn) } let(:stderr) { '' } before do allow(File).to receive(:readable?).with("/yamls/#{app_name}.jsonnet").and_return(false) allow(File).to receive(:readable?).with("/yamls/#{app_name}.yml").and_return(true) expect(Open3).to receive(:capture3).with( hako_env, 'bundle', 'exec', 'hako', 'oneshot', '--no-wait', '--tag', 'latest', '--env=FOO=BAR', "/yamls/#{app_name}.yml", '--', *command, chdir: hako_directory, ).and_return([stdout, stderr, status]) end it 'starts hako oneshot command within HAKO_DIR' do expect(Barbeque::ExecutionLog).to receive(:try_save_stdout_and_stderr).with(job_execution, stdout, stderr) expect(Barbeque::EcsHakoTask.count).to eq(0) executor.start_execution(job_execution, envs) expect(Barbeque::EcsHakoTask.where(message_id: job_execution.message_id, cluster: 'barbeque', task_arn: task_arn)).to be_exists end it 'sets running status' do expect(job_execution).to be_pending expect(Barbeque::ExecutionLog).to receive(:try_save_stdout_and_stderr).with(job_execution, stdout, stderr) executor.start_execution(job_execution, envs) job_execution.reload expect(job_execution).to be_running end context 'when hako oneshot fails' do before do expect(status).to receive(:success?).and_return(false) end it 'sets failed status' do expect(Barbeque::ExecutionLog).to receive(:try_save_stdout_and_stderr).with(job_execution, stdout, stderr) executor.start_execution(job_execution, envs) job_execution.reload expect(job_execution).to be_failed expect(Barbeque::EcsHakoTask.count).to eq(0) end context 'with retry_config' do before do FactoryBot.create(:retry_config, job_definition: job_definition) end it 'performs retry' do expect(Barbeque::ExecutionLog).to receive(:try_save_stdout_and_stderr).with(job_execution, stdout, stderr) expect(Barbeque::MessageRetryingService.sqs_client).to receive(:send_message).with(queue_url: a_kind_of(String), message_body: a_kind_of(String), delay_seconds: a_kind_of(Integer)) executor.start_execution(job_execution, envs) job_execution.reload expect(job_execution).to be_retried expect(Barbeque::EcsHakoTask.count).to eq(0) end end end context 'when hako generates malformed JSON' do let(:stdout) { 'not-a-json-format' } it 'raises error' do expect { executor.start_execution(job_execution, envs) }.to raise_error(Barbeque::Executor::Hako::HakoCommandError) expect(Barbeque::EcsHakoTask.count).to eq(0) end end context 'when S3 returns error' do let(:execution_log_s3_client) { double('Aws::S3::Client') } before do allow(Barbeque::ExecutionLog).to receive(:s3_client).and_return(execution_log_s3_client) expect(execution_log_s3_client).to receive(:put_object).and_raise(Aws::S3::Errors::InternalError.new(nil, 'We encountered an internal error. Please try again.')) end it "doesn't fail job execution" do expect(Barbeque::ExceptionHandler).to receive(:handle_exception).with(a_kind_of(Aws::S3::Errors::InternalError)) executor.start_execution(job_execution, envs) expect(Barbeque::EcsHakoTask.where(message_id: job_execution.message_id, cluster: 'barbeque', task_arn: task_arn)).to be_exists end end end describe '#poll_execution' do before do Barbeque::EcsHakoTask.create!(message_id: job_execution.message_id, cluster: 'barbeque', task_arn: task_arn) allow(executor.hako_s3_client).to receive(:s3_client).and_return(s3_client) job_execution.update!(status: :running) end context 'when job succeeds' do before do allow(s3_client).to receive(:get_object).with(bucket: 'barbeque', key: s3_key).and_return(Aws::S3::Types::GetObjectOutput.new(body: StringIO.new(JSON.dump(stopped_info)))) end it 'sets success status' do expect(job_execution).to be_running executor.poll_execution(job_execution) job_execution.reload expect(job_execution).to be_success expect(job_execution.finished_at).to_not be_nil end context 'when successful slack_notification is configured' do let(:slack_client) { double('Barbeque::SlackClient') } let(:slack_notification) { FactoryBot.create(:slack_notification, notify_success: true) } before do job_execution.job_definition.update!(slack_notification: slack_notification) allow(Barbeque::SlackClient).to receive(:new).with(slack_notification.channel).and_return(slack_client) end it 'sends slack notification' do expect(slack_client).to receive(:notify_success) executor.poll_execution(job_execution) end end end context 'when job is running' do before do allow(s3_client).to receive(:get_object).with(bucket: 'barbeque', key: s3_key).and_raise(Aws::S3::Errors::NoSuchKey.new(nil, 'no such key')) end it 'does nothing' do expect(job_execution).to be_running executor.poll_execution(job_execution) job_execution.reload expect(job_execution).to be_running end end context 'when job fails' do before do stopped_info['detail']['containers'][0]['exitCode'] = 1 allow(s3_client).to receive(:get_object).with(bucket: 'barbeque', key: s3_key).and_return(Aws::S3::Types::GetObjectOutput.new(body: StringIO.new(JSON.dump(stopped_info)))) end it 'sets failed status' do expect(job_execution).to be_running executor.poll_execution(job_execution) job_execution.reload expect(job_execution).to be_failed expect(job_execution.finished_at).to_not be_nil end context 'when slack_notification is configured' do let(:slack_client) { double('Barbeque::SlackClient') } let(:slack_notification) { FactoryBot.create(:slack_notification, notify_success: false) } before do job_execution.job_definition.update!(slack_notification: slack_notification) allow(Barbeque::SlackClient).to receive(:new).with(slack_notification.channel).and_return(slack_client) end it 'sends slack notification' do expect(slack_client).to receive(:notify_failure) executor.poll_execution(job_execution) end end context 'with retry_config' do before do FactoryBot.create(:retry_config, job_definition: job_definition) end it 'performs retry' do expect(job_execution).to be_running expect(Barbeque::MessageRetryingService.sqs_client).to receive(:send_message).with(queue_url: a_kind_of(String), message_body: a_kind_of(String), delay_seconds: a_kind_of(Integer)) executor.poll_execution(job_execution) job_execution.reload expect(job_execution).to be_retried end end context 'with retry_config and slack_notification (notify_failure_only_if_retry_limit_reached: false)' do let(:slack_client) { double('Barbeque::SlackClient') } let(:slack_notification) { FactoryBot.create(:slack_notification, notify_success: false) } before do job_execution.job_definition.update!(slack_notification: slack_notification) allow(Barbeque::SlackClient).to receive(:new).with(slack_notification.channel).and_return(slack_client) FactoryBot.create(:retry_config, job_definition: job_definition) end it 'sends slack notification' do expect(job_execution).to be_running expect(Barbeque::MessageRetryingService.sqs_client).to receive(:send_message).with(queue_url: a_kind_of(String), message_body: a_kind_of(String), delay_seconds: a_kind_of(Integer)) expect(slack_client).to receive(:notify_failure) executor.poll_execution(job_execution) end end context 'with retry_config and slack_notification (notify_failure_only_if_retry_limit_reached: true)' do let(:slack_client) { double('Barbeque::SlackClient') } let(:slack_notification) { FactoryBot.create(:slack_notification, notify_success: false, notify_failure_only_if_retry_limit_reached: true) } before do job_execution.job_definition.update!(slack_notification: slack_notification) allow(Barbeque::SlackClient).to receive(:new).with(slack_notification.channel).and_return(slack_client) FactoryBot.create(:retry_config, job_definition: job_definition) end it 'does not send slack notification' do expect(job_execution).to be_running expect(Barbeque::MessageRetryingService.sqs_client).to receive(:send_message).with(queue_url: a_kind_of(String), message_body: a_kind_of(String), delay_seconds: a_kind_of(Integer)) expect(slack_client).not_to receive(:notify_failure) executor.poll_execution(job_execution) end end end end end describe 'job_retry' do let(:job_retry) { FactoryBot.create(:job_retry, job_execution: job_execution, status: :pending) } let(:status) { double('Process::Status', success?: true) } let(:stdout) { JSON.dump(cluster: 'barbeque', task_arn: task_arn) } let(:stderr) { '' } before do job_execution.update!(status: :failed) end describe '#start_retry' do before do allow(File).to receive(:readable?).with("/yamls/#{app_name}.jsonnet").and_return(false) allow(File).to receive(:readable?).with("/yamls/#{app_name}.yml").and_return(true) expect(Open3).to receive(:capture3).with( hako_env, 'bundle', 'exec', 'hako', 'oneshot', '--no-wait', '--tag', 'latest', '--env=FOO=BAR', "/yamls/#{app_name}.yml", '--', *command, chdir: hako_directory, ).and_return([stdout, stderr, status]) end it 'starts hako oneshot command' do expect(Barbeque::ExecutionLog).to receive(:try_save_stdout_and_stderr).with(job_retry, stdout, stderr) expect(Barbeque::EcsHakoTask.count).to eq(0) executor.start_retry(job_retry, envs) expect(Barbeque::EcsHakoTask.where(message_id: job_retry.message_id, cluster: 'barbeque', task_arn: task_arn)).to be_exists end it 'sets running status' do expect(Barbeque::ExecutionLog).to receive(:try_save_stdout_and_stderr).with(job_retry, stdout, stderr) expect(job_retry).to be_pending expect(job_execution).to be_failed executor.start_retry(job_retry, envs) job_retry.reload job_execution.reload expect(job_retry).to be_running expect(job_execution).to be_retried end context 'when hako oneshot fails' do before do expect(status).to receive(:success?).and_return(false) end it 'sets failed status' do expect(Barbeque::ExecutionLog).to receive(:try_save_stdout_and_stderr).with(job_retry, stdout, stderr) expect(job_retry).to be_pending expect(job_execution).to be_failed executor.start_retry(job_retry, envs) job_retry.reload job_execution.reload expect(job_retry).to be_failed expect(job_execution).to be_failed end context 'with retry_config' do before do FactoryBot.create(:retry_config, job_definition: job_definition) end it 'performs retry' do expect(Barbeque::ExecutionLog).to receive(:try_save_stdout_and_stderr).with(job_retry, stdout, stderr) expect(Barbeque::MessageRetryingService.sqs_client).to receive(:send_message).with(queue_url: a_kind_of(String), message_body: a_kind_of(String), delay_seconds: a_kind_of(Integer)) expect(job_retry).to be_pending expect(job_execution).to be_failed executor.start_retry(job_retry, envs) job_retry.reload job_execution.reload expect(job_retry).to be_failed expect(job_execution).to be_retried end end end context 'when hako generates malformed JSON' do let(:stdout) { 'not-a-json-format' } it 'raises error' do expect { executor.start_retry(job_retry, envs) }.to raise_error(Barbeque::Executor::Hako::HakoCommandError) end end end describe '#poll_retry' do before do Barbeque::EcsHakoTask.create!(message_id: job_retry.message_id, cluster: 'barbeque', task_arn: task_arn) allow(executor.hako_s3_client).to receive(:s3_client).and_return(s3_client) job_retry.update!(status: :running) job_execution.update!(status: :retried) end context 'when retried job succeeds' do before do allow(s3_client).to receive(:get_object).with(bucket: 'barbeque', key: s3_key).and_return(Aws::S3::Types::GetObjectOutput.new(body: StringIO.new(JSON.dump(stopped_info)))) end it 'sets success status' do expect(job_retry).to be_running expect(job_execution).to be_retried executor.poll_retry(job_retry) job_retry.reload job_execution.reload expect(job_retry).to be_success expect(job_execution).to be_success end context 'when successful slack_notification is configured' do let(:slack_client) { double('Barbeque::SlackClient') } let(:slack_notification) { FactoryBot.create(:slack_notification, notify_success: true) } before do job_execution.job_definition.update!(slack_notification: slack_notification) allow(Barbeque::SlackClient).to receive(:new).with(slack_notification.channel).and_return(slack_client) end it 'sends slack notification' do expect(slack_client).to receive(:notify_success) executor.poll_retry(job_retry) end end end context 'when job is running' do before do allow(s3_client).to receive(:get_object).with(bucket: 'barbeque', key: s3_key).and_raise(Aws::S3::Errors::NoSuchKey.new(nil, 'no such key')) end it 'does nothing' do expect(job_retry).to be_running expect(job_execution).to be_retried executor.poll_retry(job_retry) job_retry.reload job_execution.reload expect(job_retry).to be_running expect(job_execution).to be_retried end end context 'when retried job fails' do before do stopped_info['detail']['containers'][0]['exitCode'] = 1 allow(s3_client).to receive(:get_object).with(bucket: 'barbeque', key: s3_key).and_return(Aws::S3::Types::GetObjectOutput.new(body: StringIO.new(JSON.dump(stopped_info)))) end it 'sets failed status' do expect(job_retry).to be_running expect(job_execution).to be_retried executor.poll_retry(job_retry) job_retry.reload job_execution.reload expect(job_retry).to be_failed expect(job_execution).to be_failed end context 'when slack_notification is configured' do let(:slack_client) { double('Barbeque::SlackClient') } let(:slack_notification) { FactoryBot.create(:slack_notification, notify_success: false) } before do job_execution.job_definition.update!(slack_notification: slack_notification) allow(Barbeque::SlackClient).to receive(:new).with(slack_notification.channel).and_return(slack_client) end it 'sends slack notification' do expect(slack_client).to receive(:notify_failure) executor.poll_retry(job_retry) end end context 'with retry_config' do before do FactoryBot.create(:retry_config, job_definition: job_definition) end it 'performs retry' do expect(Barbeque::MessageRetryingService.sqs_client).to receive(:send_message).with(queue_url: a_kind_of(String), message_body: a_kind_of(String), delay_seconds: a_kind_of(Integer)) expect(job_retry).to be_running expect(job_execution).to be_retried executor.poll_retry(job_retry) job_retry.reload job_execution.reload expect(job_retry).to be_failed expect(job_execution).to be_retried end end context 'when retried job fails for retry limit of times' do let(:slack_client) { double('Barbeque::SlackClient') } let(:task_arn2) { 'arn:aws:ecs:ap-northeast-1:123456789012:task/01234567-89ab-cdef-0123-456789abcdef' } let(:job_retry2) { FactoryBot.create(:job_retry, job_execution: job_execution, status: :pending) } before do job_execution.job_definition.update!(slack_notification: slack_notification) allow(Barbeque::SlackClient).to receive(:new).with(slack_notification.channel).and_return(slack_client) allow(executor.hako_s3_client).to receive(:get_stopped_result).and_return( Aws::Json::Parser.new(Aws::ECS::Client.api.operation('describe_tasks').output.shape.member(:tasks).shape.member).parse(JSON.dump(stopped_info["detail"])) ) FactoryBot.create(:retry_config, job_definition: job_definition, retry_limit: 2) end context 'with retry_config and slack_notification (notify_failure_only_if_retry_limit_reached: false)' do let(:slack_notification) { FactoryBot.create(:slack_notification, notify_success: false ) } it 'performs retry with sending slack notification for two times' do expect(Barbeque::MessageRetryingService.sqs_client).to receive(:send_message).with(queue_url: a_kind_of(String), message_body: a_kind_of(String), delay_seconds: a_kind_of(Integer)) expect(slack_client).to receive(:notify_failure).twice executor.poll_retry(job_retry) Barbeque::EcsHakoTask.create!(message_id: job_retry2.message_id, cluster: 'barbeque', task_arn: task_arn2) executor.poll_retry(job_retry) end end context 'with retry_config and slack_notification (notify_failure_only_if_retry_limit_reached: true)' do let(:slack_notification) { FactoryBot.create(:slack_notification, notify_success: false, notify_failure_only_if_retry_limit_reached: true) } it 'performs retry with sending only one slack notification' do expect(Barbeque::MessageRetryingService.sqs_client).to receive(:send_message).with(queue_url: a_kind_of(String), message_body: a_kind_of(String), delay_seconds: a_kind_of(Integer)) expect(slack_client).to receive(:notify_failure).once executor.poll_retry(job_retry) Barbeque::EcsHakoTask.create!(message_id: job_retry2.message_id, cluster: 'barbeque', task_arn: task_arn2) executor.poll_retry(job_retry) end end end end end end end ================================================ FILE: spec/barbeque/executor_spec.rb ================================================ require 'rails_helper' require 'barbeque/executor' describe Barbeque::Executor do describe '.create' do before do config = Barbeque.build_config(barbeque_yml) allow(Barbeque).to receive(:config).and_return(config) end context 'without executor_options' do let(:barbeque_yml) { 'barbeque' } it 'initializes a configured executor' do expect(Barbeque::Executor::Docker).to receive(:new).with(no_args) Barbeque::Executor.create end end context 'with executor_options' do let(:barbeque_yml) { 'barbeque.hako' } it 'initializes a configured executor with configured options' do expect(Barbeque::Executor::Hako).to receive(:new).with( hako_dir: '/home/k0kubun/hako_repo', hako_env: { ACCESS_TOKEN: 'token' }, definition_dir: '/yamls', oneshot_notification_prefix: 's3://barbeque/task_statuses?region=ap-northeast-1', ).and_call_original hako = Barbeque::Executor.create expect(hako.instance_variable_get(:@hako_env)).to eq({ 'ACCESS_TOKEN' => 'token' }) end end end end ================================================ FILE: spec/barbeque/message_handler/job_execution_spec.rb ================================================ require 'rails_helper' require 'barbeque/worker' describe Barbeque::MessageHandler::JobExecution do describe '#run' do let(:handler) { Barbeque::MessageHandler::JobExecution.new(message: message, message_queue: message_queue) } let(:job_definition) { create(:job_definition) } let(:job_queue) { create(:job_queue) } let(:message_queue) { Barbeque::MessageQueue.new(job_queue) } let(:message) do Barbeque::Message::JobExecution.new( Aws::SQS::Types::Message.new(message_id: SecureRandom.uuid, receipt_handle: 'dummy receipt handle', attributes: { 'SentTimestamp' => '1638514604302' }), { 'Application' => job_definition.app.name, 'Job' => job_definition.job, 'Message' => ['hello'], } ) end let(:status) { double('Process::Status', success?: true) } let(:open3_result) { ['stdout', 'stderr', status] } let(:executor) { double('Barbeque::Executor::Docker') } before do allow(Barbeque::Executor::Docker).to receive(:new).and_return(executor) allow(Barbeque::ExecutionLog).to receive(:save_message) allow(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr) end around do |example| ENV['BARBEQUE_HOST'] = 'https://barbeque' example.run ENV.delete('BARBEQUE_HOST') end it 'creates job_execution associated to job_definition in the message and job_queue' do allow(executor).to receive(:start_execution).and_return(open3_result) expect(message_queue).to receive(:delete_message).with(message) expect { handler.run }.to change(Barbeque::JobExecution, :count).by(1) expect(Barbeque::JobExecution.last.finished_at).to be_nil expect(Barbeque::JobExecution.last.job_definition).to eq(job_definition) expect(Barbeque::JobExecution.last.job_queue).to eq(job_queue) end it 'runs command with executor' do expect(executor).to receive(:start_execution) { |job_execution, envs| expect(job_execution.job_definition).to eq(job_definition) expect(envs).to eq( 'BARBEQUE_JOB' => job_definition.job, 'BARBEQUE_MESSAGE' => message.body.to_json, 'BARBEQUE_MESSAGE_ID' => message.id, 'BARBEQUE_QUEUE_NAME' => job_queue.name, 'BARBEQUE_RETRY_COUNT' => '0', 'BARBEQUE_SENT_TIMESTAMP' => '1638514604302', ) } expect(message_queue).to receive(:delete_message).with(message) handler.run end context 'when job_execution already exists' do before do create(:job_execution, message_id: message.id) end it 'raises DuplicatedExecution' do expect(message_queue).to receive(:delete_message).with(message) expect { handler.run }.to raise_error(Barbeque::MessageHandler::DuplicatedExecution) end end context 'when S3 returns error' do before do expect(Barbeque::ExecutionLog).to receive(:save_message).and_raise(Aws::S3::Errors::InternalError.new(nil, 'We encountered an internal error. Please try again.')) end it "doesn't create job_execution record" do expect { handler.run }.to raise_error(Aws::S3::Errors::InternalError) expect(Barbeque::JobExecution.count).to eq(0) end end context 'when sqs:DeleteMessage returns error' do before do expect(message_queue).to receive(:delete_message).with(message).and_raise(Aws::SQS::Errors::InternalError.new(nil, 'We encountered an internal error. Please try again.')) end it "doesn't create job_execution record" do expect { handler.run }.to raise_error(Aws::SQS::Errors::InternalError) expect(Barbeque::JobExecution.count).to eq(0) end end context 'when unhandled exception is raised' do let(:exception) { Class.new(StandardError) } before do expect(executor).to receive(:start_execution).and_raise(exception.new('something went wrong')) end it 'updates status to error' do expect(message_queue).to receive(:delete_message).with(message) expect(Barbeque::JobExecution.count).to eq(0) expect { handler.run }.to raise_error(exception) expect(Barbeque::JobExecution.last).to be_error end it 'logs message body' do expect(message_queue).to receive(:delete_message).with(message) expect(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr).with(a_kind_of(Barbeque::JobExecution), '', /something went wrong/) expect { handler.run }.to raise_error(exception) end end end end ================================================ FILE: spec/barbeque/message_handler/job_retry_spec.rb ================================================ require 'rails_helper' require 'barbeque/worker' describe Barbeque::MessageHandler::JobRetry do describe '#run' do let(:handler) { Barbeque::MessageHandler::JobRetry.new(message: message, message_queue: message_queue) } let(:job_queue) { create(:job_queue) } let(:message_queue) { Barbeque::MessageQueue.new(job_queue) } let(:job_definition) { create(:job_definition) } let(:job_execution) { create(:job_execution, status: :failed, job_definition: job_definition, job_queue: job_queue) } let(:message) do Barbeque::Message::JobRetry.new( Aws::SQS::Types::Message.new(message_id: SecureRandom.uuid, receipt_handle: 'dummy receipt handle', attributes: { 'SentTimestamp' => '1638514604302' }), { "RetryMessageId" => job_execution.message_id }, ) end let(:message_body) { '["dummy"]' } let(:status) { double('Process::Status', success?: true) } let(:executor) { double('Barbeque::Executor::Docker') } let(:open3_result) { ['stdout', 'stderr', status] } before do allow(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr) allow(Barbeque::ExecutionLog).to receive(:load).with(execution: job_execution).and_return({ 'message' => message_body }) allow(Barbeque::Executor::Docker).to receive(:new).and_return(executor) end around do |example| ENV['BARBEQUE_HOST'] = 'https://barbeque' example.run ENV.delete('BARBEQUE_HOST') end it 'runs a command with executor' do expect(executor).to receive(:start_retry) { |job_retry, envs| expect(job_retry.job_execution.job_definition).to eq(job_definition) expect(envs).to eq( 'BARBEQUE_JOB' => job_definition.job, 'BARBEQUE_MESSAGE' => message_body, 'BARBEQUE_MESSAGE_ID' => job_execution.message_id, 'BARBEQUE_QUEUE_NAME' => job_queue.name, 'BARBEQUE_RETRY_COUNT' => '1', 'BARBEQUE_SENT_TIMESTAMP' => '1638514604302', ) } expect(message_queue).to receive(:delete_message).with(message) handler.run end it 'creates job_retry associated to job_execution in the message' do expect(executor).to receive(:start_retry) expect(message_queue).to receive(:delete_message).with(message) expect { handler.run }.to change(Barbeque::JobRetry, :count).by(1) job_retry = Barbeque::JobRetry.last expect(job_retry.finished_at).to be_nil expect(job_retry.job_execution).to eq(job_execution) expect(job_retry).to be_pending end context 'when retried message is missing' do before do allow(Barbeque::ExecutionLog).to receive(:load).with(execution: job_execution).and_return(nil) end it 'raises MessageNotFound' do expect(message_queue).to receive(:delete_message).with(message) expect { handler.run }.to raise_error(Barbeque::MessageHandler::MessageNotFound) end end context 'when job_retry already exists' do before do create(:job_retry, message_id: message.id) end it 'raises DuplicatedExecution' do expect { handler.run }.to raise_error(Barbeque::MessageHandler::DuplicatedExecution) end end context 'when sqs:DeleteMessage returns error' do before do expect(message_queue).to receive(:delete_message).with(message).and_raise(Aws::SQS::Errors::InternalError.new(nil, 'We encountered an internal error. Please try again.')) end it "doesn't create job_retries record" do expect { handler.run }.to raise_error(Aws::SQS::Errors::InternalError) expect(Barbeque::JobRetry.count).to eq(0) end end context 'when unhandled exception is raised' do let(:exception) { Class.new(StandardError) } before do expect(executor).to receive(:start_retry).and_raise(exception.new('something went wrong')) end it 'updates status to error' do expect(message_queue).to receive(:delete_message).with(message) expect(job_execution).to be_failed expect(Barbeque::JobRetry.count).to eq(0) expect { handler.run }.to raise_error(exception) expect(Barbeque::JobRetry.last).to be_error expect(job_execution.reload).to be_error end it 'logs empty output' do expect(message_queue).to receive(:delete_message).with(message) expect(Barbeque::ExecutionLog).to receive(:save_stdout_and_stderr).with(a_kind_of(Barbeque::JobRetry), '', /something went wrong/) expect { handler.run }.to raise_error(exception) end end end end ================================================ FILE: spec/barbeque/message_handler/notification_spec.rb ================================================ require 'rails_helper' require 'barbeque/worker' describe Barbeque::MessageHandler::Notification do describe '#initialize' do let(:sns_subscription) { create(:sns_subscription) } let(:message) do Barbeque::Message::Notification.new( Aws::SQS::Types::Message.new(message_id: SecureRandom.uuid, receipt_handle: 'dummy receipt handle', attributes: { 'SentTimestamp' => '1638514604302' }), { 'TopicArn' => sns_subscription.topic_arn, 'Message' => ['hello'].to_json, } ) end let(:message_queue) { Barbeque::MessageQueue.new(sns_subscription.job_queue) } it 'creates Notification message handler from Notification message' do handler = Barbeque::MessageHandler::Notification.new(message: message, message_queue: message_queue) expect(handler).to be_a(Barbeque::MessageHandler::JobExecution) end end end ================================================ FILE: spec/barbeque/message_queue_spec.rb ================================================ require 'rails_helper' require 'barbeque/worker' describe Barbeque::MessageQueue do describe '#dequeue' do let(:job_queue) { create(:job_queue) } let(:message_queue) { Barbeque::MessageQueue.new(job_queue) } let(:client) { double('Aws::SQS::Client') } let(:result) { Aws::SQS::Types::ReceiveMessageResult.new(messages: [raw_message]) } let(:message_id) { SecureRandom.uuid } let(:receipt_handle) { 'receipt handle' } let(:job) { 'NotifyAuthor' } let(:type) { 'JobExecution' } let(:raw_message) do Aws::SQS::Types::Message.new( message_id: message_id, receipt_handle: receipt_handle, body: { 'Type' => type, 'Job' => job }.to_json, attributes: { 'SentTimestamp' => '1638514604302' }, ) end let(:message) { Barbeque::Message.parse(raw_message) } before do allow(Aws::SQS::Client).to receive(:new).and_return(client) allow(client).to receive(:receive_message).and_return(result) allow(client).to receive(:delete_message, &:itself) end it 'returns a message received from SQS' do message = message_queue.dequeue expect(message.type).to eq(type) expect(message.id).to eq(message_id) expect(message.receipt_handle).to eq(receipt_handle) expect(message.job).to eq(job) end end end ================================================ FILE: spec/barbeque/message_spec.rb ================================================ require 'barbeque/worker' require 'rails_helper' describe Barbeque::Message::Base do let(:application) { 'cookpad' } let(:job) { 'NotifyAuthor' } let(:job_queue) { create(:job_queue) } let(:message_id) { SecureRandom.uuid } let(:message_body) { { "foo" => "bar" } } let(:receipt_handle) do "MbZj6wDWli+JvwwJaBV+3dcjk2YW2vA3+STFFljTM8tJJg6HRG6PYSasuWXPJB+Cw Lj1FjgXUv1uSj1gUPAWV66FU/WeR4mq2OKpEGYWbnLmpRCJVAyeMjeU5ZBdtcQ+QE auMZc8ZRv37sIW2iJKq3M9MFx1YvV11A2x/KSbkJ0=" end let(:raw_sqs_message) do { 'Type' => 'JobExecution', 'Application' => application, 'Job' => job, 'Message' => message_body, }.to_json end let(:sqs_message) do Aws::SQS::Types::Message.new( body: raw_sqs_message, message_id: message_id, receipt_handle: receipt_handle, attributes: { 'SentTimestamp' => '1638514604302' }, ) end context 'given JobExecution' do it 'parses a SQS message' do message = Barbeque::Message.parse(sqs_message) expect(message.application).to eq(application) expect(message.job).to eq(job) expect(message.id).to eq(message_id) expect(message.receipt_handle).to eq(receipt_handle) expect(message.body).to eq(message_body) end end context 'given JobRetry' do let(:retry_message_id) { SecureRandom.uuid } let(:raw_sqs_message) do { 'Type' => 'JobRetry', 'RetryMessageId' => retry_message_id, }.to_json end it 'parses a SQS message' do message = Barbeque::Message.parse(sqs_message) expect(message.id).to eq(message_id) expect(message.receipt_handle).to eq(receipt_handle) expect(message.retry_message_id).to eq(retry_message_id) end end context 'given Notification' do let(:sns_subscription) { create(:sns_subscription, job_queue: job_queue) } let(:message_body) { { "foo" => "bar" }.to_json } let(:raw_sqs_message) do { 'Type' => 'Notification', 'TopicArn' => sns_subscription.topic_arn, 'Message' => message_body, }.to_json end it 'parses a SQS message' do message = Barbeque::Message.parse(sqs_message) expect(message).to be_a(Barbeque::Message::Notification) expect(message.id).to eq(message_id) expect(message.receipt_handle).to eq(receipt_handle) expect(message.body).to eq({ "foo" => "bar" }) expect(message.topic_arn).to eq(sns_subscription.topic_arn) end end describe 'valid?' do subject { Barbeque::Message.parse(sqs_message).valid? } context 'when SQS message is a valid JSON' do it { is_expected.to eq(true) } end context 'when SQS message is not valid as JSON' do let(:raw_sqs_message) { '{' } it { is_expected.to eq(false) } end context 'when Type of SQS message is invalid' do let(:raw_sqs_message) do { 'Type' => 'Undefined' }.to_json end it { is_expected.to eq(false) } end end end ================================================ FILE: spec/barbeque/retry_poller_spec.rb ================================================ require 'rails_helper' require 'barbeque/retry_poller' RSpec.describe Barbeque::RetryPoller do let(:job_queue) { create(:job_queue) } let(:retry_poller) { described_class.new(job_queue) } let(:executor) { double('Barbeque::Executor::Docker') } before do allow(Barbeque::Executor::Docker).to receive(:new).and_return(executor) end describe '#run' do context 'when there is a running job retry' do let(:job_execution) { create(:job_execution, status: :retried, job_queue: job_queue) } let(:job_retry) { create(:job_retry, job_execution: job_execution, status: :running) } it 'polls the job retry' do expect(executor).to receive(:poll_retry).with(job_retry) retry_poller.run end end end end ================================================ FILE: spec/barbeque/runner_spec.rb ================================================ require 'rails_helper' require 'barbeque/runner' RSpec.describe Barbeque::Runner do let(:job_queue) { create(:job_queue) } let(:runner) { described_class.new(job_queue) } let(:message_body) do JSON.dump( 'Type' => 'JobExecution', 'Application' => 'barbeque-spec', 'Job' => 'BarbequeSpecJob', 'Message' => { 'FOO' => 'BAR' }, ) end let(:sqs_message) { Aws::SQS::Types::Message.new(body: message_body, attributes: { 'SentTimestamp' => '1638514604302' }) } let(:message) { Barbeque::Message.parse(sqs_message) } let(:message_queue) { double('Barbeque::MessageQueue', job_queue: 'default') } let(:handler) { double('Barbeque::MessageHandler') } before do allow(runner).to receive(:message_queue).and_return(message_queue) allow(message_queue).to receive(:dequeue).and_return(message) end describe '#run' do context 'with JobExecution message' do it 'runs JobExecution message handler' do expect(Barbeque::MessageHandler::JobExecution).to receive(:new).and_return(handler) expect(handler).to receive(:run) runner.run end context 'with maximum_concurrent_executions' do before do allow(Barbeque.config).to receive(:maximum_concurrent_executions).and_return(3) end it 'runs JobExecution message handler without sleep' do expect(runner).to_not receive(:sleep) expect(Barbeque::MessageHandler::JobExecution).to receive(:new).and_return(handler) expect(handler).to receive(:run) runner.run end context "when there's many working executions" do before do 2.times do FactoryBot.create(:job_execution, status: :running, job_queue: job_queue) end retried_executions = 2.times.map { FactoryBot.create(:job_execution, status: :retried, job_queue: job_queue) } # One retried execution is already running FactoryBot.create(:job_retry, status: :running, job_execution: retried_executions[0]) end it 'waits' do expect(runner).to receive(:sleep) { |interval| expect(interval).to eq(10) # One execution finishes during sleep Barbeque::JobExecution.first.update!(status: :success) } expect(Barbeque::MessageHandler::JobExecution).to receive(:new).and_return(handler) expect(handler).to receive(:run) runner.run end end end end end end ================================================ FILE: spec/barbeque/worker_spec.rb ================================================ require 'rails_helper' require 'barbeque/worker' describe Barbeque::Worker do let!(:job_execution) { create(:job_execution, message_id: message_id, status: 'pending') } let(:job_queue) { create(:job_queue) } let(:message_queue) { double('Barbeque::MessageQueue', dequeue: message, job_queue: job_queue) } let(:message_body) { '{}' } let(:message_id) { SecureRandom.uuid } let(:is_success) { true } let(:stdout) { "hello world\n" } let(:stderr) { "\n" } let(:status) { double('Process::Status', success?: is_success) } let(:job) { double('Barbeque::MessageHandler::JobExecution', run: [stdout, stderr, status]) } let(:worker_class) do Class.new do cattr_accessor :worker_id def worker_id self.class.worker_id end include Barbeque::Worker end end let(:worker) { worker_class.new } around do |example| ENV['BARBEQUE_QUEUE'], original = job_queue.name, ENV['BARBEQUE_QUEUE'] example.run ENV['BARBEQUE_QUEUE'] = original end before do allow(Barbeque::MessageQueue).to receive(:new).and_return(message_queue) allow(Barbeque::MessageHandler::JobExecution).to receive(:new).with(message: message, message_queue: message_queue).and_return(job) end describe '#execute_command' do let(:message) { double('Barbeque::Message::Base', body: message_body, id: message_id, type: 'JobExecution') } context 'with worker_id = 0' do let(:execution_poller) { Barbeque::ExecutionPoller.new(job_queue) } before do worker_class.worker_id = 0 allow(Barbeque::ExecutionPoller).to receive(:new).and_return(execution_poller) end it 'runs ExecutionPoller' do expect(execution_poller).to receive(:run) worker.execute_command end end context 'with worker_id = 1' do let(:retry_poller) { Barbeque::RetryPoller.new(job_queue) } before do worker_class.worker_id = 1 allow(Barbeque::RetryPoller).to receive(:new).and_return(retry_poller) end it 'runs RetryPoller' do expect(retry_poller).to receive(:run) worker.execute_command end end context 'with worker_id >= 2' do let(:runner) { Barbeque::Runner.new(job_queue) } before do worker_class.worker_id = 2 allow(Barbeque::Runner).to receive(:new).and_return(runner) end it 'runs Runner' do expect(runner).to receive(:run) worker.execute_command end it 'runs a job' do expect(job).to receive(:run).and_return([stdout, stderr, status]) worker.execute_command end context 'given JobRetry message' do let(:retry_message_id) { SecureRandom.uuid } let(:message) do double( 'Barbeque::Message::Base', body: message_body, id: retry_message_id, type: 'JobRetry', retry_message_id: job_execution.message_id, ) end let(:execution_retry) { Barbeque::MessageHandler::JobRetry.new(message: message, message_queue: message_queue) } before do create(:job_retry, job_execution: job_execution, message_id: retry_message_id) allow(Barbeque::MessageHandler::JobRetry).to receive(:new). with(message: message, message_queue: message_queue).and_return(execution_retry) allow(execution_retry).to receive(:run).and_return([stdout, stderr, status]) end it 'retries the specified message' do expect(execution_retry).to receive(:run) worker_class.new.execute_command end end end end end ================================================ FILE: spec/controllers/barbeque/apps_controller_spec.rb ================================================ require 'rails_helper' describe Barbeque::AppsController do routes { Barbeque::Engine.routes } describe '#index' do let!(:app) { create(:app) } it 'shows all apps' do get :index expect(assigns(:apps)).to eq([app]) end end describe '#show' do let!(:app) { create(:app) } it 'shows a requested app' do get :show, params: { id: app.id } expect(assigns(:app)).to eq(app) end end describe '#new' do it 'assigns a new app' do get :new expect(assigns(:app)).to be_a_new(Barbeque::App) end end describe '#edit' do let!(:app) { create(:app) } it 'assigns a requested app' do get :edit, params: { id: app.id } expect(assigns(:app)).to eq(app) end end describe '#create' do let(:attributes) { { name: 'cookpad', docker_image: 'cookpad', description: 'cookpad app' } } it 'creates an application' do expect { post :create, params: { app: attributes } }.to change(Barbeque::App, :count).by(1) end context 'given duplicated name' do let(:name) { 'duplicated_name' } let(:attributes) { { name: name, docker_image: 'cookpad', description: 'cookpad app' } } before do create(:app, name: name) end it 'rejects to create a job_queue' do expect { post :create, params: { app: attributes } }.to_not change(Barbeque::App, :count) end end end describe '#update' do let(:old_attributes) { { 'docker_image' => 'cookpad-ruby:2.2', 'description' => 'Ruby 2.2' } } let(:new_attributes) { { 'docker_image' => 'cookpad-ruby:2.3', 'description' => 'Ruby 2.3' } } let!(:app) { create(:app, old_attributes) } it 'updates a requested app' do expect { put :update, params: { id: app.id, app: new_attributes } }.to change { app.reload.attributes.slice('docker_image', 'description') }.from(old_attributes).to(new_attributes) end end describe '#destroy' do let!(:app) { create(:app) } it 'destroys a requested app' do expect { delete :destroy, params: { id: app.id } }.to change(Barbeque::App, :count).by(-1) end end end ================================================ FILE: spec/controllers/barbeque/job_definitions_controller_spec.rb ================================================ require 'rails_helper' describe Barbeque::JobDefinitionsController do routes { Barbeque::Engine.routes } describe '#index' do let!(:job_definition) { create(:job_definition) } it 'shows all job_definitions' do get :index expect(assigns(:job_definitions)).to eq([job_definition]) end end describe '#show' do let(:job_definition) { create(:job_definition) } let!(:job_execution) { create(:job_execution, job_definition: job_definition) } it 'shows a requested job_definition' do get :show, params: { id: job_definition.id } expect(assigns(:job_definition)).to eq(job_definition) end it 'shows executions of the job_definition' do get :show, params: { id: job_definition.id } expect(assigns(:job_executions)).to eq([job_execution]) end end describe '#new' do it 'assigns a new job_definition' do get :new expect(assigns(:job_definition)).to be_a_new(Barbeque::JobDefinition) end context 'with job_definition parameters' do let!(:app) { create(:app) } it 'pre-fills given parameters' do get :new, params: { job_definition: { app_id: app.id } } expect(assigns(:job_definition).app_id).to eq(app.id) end end end describe '#edit' do let!(:job_definition) { create(:job_definition) } it 'assigns a requested job_definition' do get :edit, params: { id: job_definition.id } expect(assigns(:job_definition)).to eq(job_definition) end end describe '#create' do let!(:app) { create(:app) } let(:attributes) do { job: 'AsyncJob', app_id: app.id, command: 'bundle exec rake', description: 'async job' } end it 'creates a job_definition' do expect { post :create, params: { job_definition: attributes } }.to change(Barbeque::JobDefinition, :count).by(1) end context 'given use_slack_notification: true and slack_notification_attributes' do let(:channel) { '#tech' } let(:notify_success) { true } let(:failure_notification_text) { '@k0kubun' } let(:attributes) do { job: 'AsyncJob', app_id: app.id, command: 'bundle exec rake', description: 'async job', slack_notification_attributes: { channel: channel, notify_success: notify_success.to_s, failure_notification_text: failure_notification_text, }, } end it 'creates a slack_notification' do expect { post :create, params: { job_definition: attributes, use_slack_notification: 'true' } }.to change(Barbeque::SlackNotification, :count).by(1) slack_notification = Barbeque::SlackNotification.last expect(Barbeque::JobDefinition.last.slack_notification).to eq(slack_notification) expect(slack_notification.channel).to eq(channel) expect(slack_notification.notify_success).to eq(notify_success) expect(slack_notification.failure_notification_text).to eq(failure_notification_text) end end context 'given duplicated job and app_id' do let!(:app) { create(:app) } let(:job) { 'DuplicatedJob' } let(:attributes) do { job: job, app_id: app.id, command: 'bundle exec rake', description: 'duplicated job' } end before do create(:job_definition, app: app, job: job) end it 'rejects to create a job_definition' do expect { post :create, params: { job_definition: attributes } }.to_not change(Barbeque::JobDefinition, :count) end end it 'treats job name as case-sensitive' do expect { post :create, params: { job_definition: attributes } }.to change(Barbeque::JobDefinition, :count).by(1) attributes[:job].downcase! expect { post :create, params: { job_definition: attributes } }.to change(Barbeque::JobDefinition, :count).by(1) end end describe '#update' do let(:old_attributes) { { 'command' => %w[rake], 'description' => 'rake command' } } let(:new_attributes) { { 'command' => %w[bundle exec rake], 'description' => 'rake with bundler' } } let!(:job_definition) { create(:job_definition, old_attributes) } it 'updates a requested app' do expect { put :update, params: { id: job_definition.id, job_definition: new_attributes.merge('command' => Shellwords.join(new_attributes['command'])), } }.to change { job_definition.reload.attributes.slice('command', 'description') }.from(old_attributes).to(new_attributes) end context 'given slack_notification_attributes' do let(:job_definition) { create(:job_definition, slack_notification: slack_notification) } let(:slack_notification) { create(:slack_notification, old_attributes) } let(:old_attributes) { { 'channel' => '#tech', 'notify_success' => false, 'failure_notification_text' => '' } } let(:new_attributes) { { 'channel' => '#platform', 'notify_success' => true, 'failure_notification_text' => '@k0kubun' } } let(:job_attributes) do { job: 'AsyncJob', app_id: job_definition.app.id, command: 'bundle exec rake', description: 'async job' } end it 'updates slack_notification' do expect { put :update, params: { id: job_definition.id, job_definition: job_attributes.merge(slack_notification_attributes: new_attributes), } }.to change { job_definition.reload.slack_notification.reload.attributes.slice('channel', 'notify_success', 'failure_notification_text') }.from(old_attributes).to(new_attributes) end end context 'given slack_notification_attributes._destroy' do let(:job_definition) { create(:job_definition, slack_notification: slack_notification) } let(:slack_notification) { create(:slack_notification) } let(:job_attributes) do { job: 'AsyncJob', app_id: job_definition.app.id, command: 'bundle exec rake', description: 'async job' } end it 'deletes slack_notification' do expect { put :update, params: { id: job_definition.id, job_definition: job_attributes.merge(slack_notification_attributes: { id: slack_notification.id, _destroy: true }), } }.to change(Barbeque::SlackNotification, :count).by(-1) end end end describe '#destroy' do let(:job_definition) { create(:job_definition) } before do create(:job_execution, job_definition: job_definition) end it 'destroys a requested app' do expect { delete :destroy, params: { id: job_definition.id } }.to change { [Barbeque::JobDefinition.count, Barbeque::JobExecution.count] }.from([1, 1]).to([0, 1]) end context 'with SNS subscriptions' do let(:sns_client) { double('SNS client') } let(:sqs_client) { double('SQS client') } let(:sns_subscription) { FactoryBot.create(:sns_subscription, job_definition: job_definition) } let(:queue_arn) { 'arn:aws:sqs:ap-northeast-1:012345678901:barbeque-spec' } let(:subscription_arn) { 'arn:aws:sns:ap-northeast-1:012345678912:barbeque-spec:01234567-89ab-cdef-0123-456789abcdef' } before do allow(Barbeque::SnsSubscriptionService).to receive(:sns_client).with(region: 'ap-northest-1').and_return(sns_client) allow(Barbeque::SnsSubscriptionService).to receive(:sqs_client).and_return(sqs_client) allow(sqs_client).to receive(:get_queue_attributes). with(queue_url: sns_subscription.job_queue.queue_url, attribute_names: ['QueueArn']). and_return(Aws::SQS::Types::GetQueueAttributesResult.new(attributes: { 'QueueArn' => queue_arn })) allow(sns_client).to receive(:list_subscriptions_by_topic). with(topic_arn: sns_subscription.topic_arn). and_return(Aws::SNS::Types::ListSubscriptionsByTopicResponse.new(subscriptions: [Aws::SNS::Types::Subscription.new(endpoint: queue_arn, subscription_arn: subscription_arn)])) end it 'unsubscribes SNS topic' do expect(sqs_client).to receive(:set_queue_attributes).with(queue_url: sns_subscription.job_queue.queue_url, attributes: { 'Policy' => '' }) expect(sns_client).to receive(:unsubscribe).with(subscription_arn: subscription_arn) delete :destroy, params: { id: job_definition.id } expect(Barbeque::SnsSubscription.all).to be_empty end end end end ================================================ FILE: spec/controllers/barbeque/job_executions_controller_spec.rb ================================================ require 'rails_helper' require 'barbeque/execution_log' describe Barbeque::JobExecutionsController do routes { Barbeque::Engine.routes } describe '#show' do let(:job_execution) { create(:job_execution) } let(:execution_log) do { 'message' => message, 'stdout' => stdout, 'stderr' => stderr } end let(:message) { ['hello'] } let(:stdout) { 'stdout' } let(:stderr) { 'stderr' } before do allow(Barbeque::ExecutionLog).to receive(:load). with(execution: job_execution).and_return(execution_log) end it 'shows job definition' do get :show, params: { message_id: job_execution.message_id } expect(assigns(:job_execution)).to eq(job_execution) end it 'shows message, stdout, stderr in S3' do get :show, params: { message_id: job_execution.message_id } expect(assigns(:log)).to eq({ 'message' => message, 'stdout' => stdout, 'stderr' => stderr }) end context 'with id' do it 'redirects to job execution' do get :show, params: { message_id: job_execution.id } expect(response).to redirect_to(job_execution_path(job_execution)) end end end describe '#retry' do let(:job_execution) { create(:job_execution, status: 'failed') } let(:retrying_service) { double('MessageEnqueuingService') } let(:message) { '["hello"]' } let(:result) { double('Aws::SQS::Types::SendMessageResult', message_id: SecureRandom.uuid) } before do allow(Barbeque::ExecutionLog).to receive(:load).and_return({ 'message' => message }) allow(retrying_service).to receive(:run).and_return(result) end it 'enqueues the same message and mark as retried' do expect(Barbeque::MessageRetryingService).to receive(:new).with( message_id: job_execution.message_id, ).and_return(retrying_service) expect { post :retry, params: { job_execution_message_id: job_execution.message_id } }.to change { job_execution.reload.status }.from('failed').to('retried') end context 'when execution is already retried' do let(:job_execution) { create(:job_execution, status: 'retried') } it 'does not retry' do expect { post :retry, params: { job_execution_message_id: job_execution.message_id } }.to raise_error(ActionController::BadRequest) end end context 'when execution is error' do let(:job_execution) { create(:job_execution, status: 'error') } it 'enqueues the same message and mark as retried' do expect(Barbeque::MessageRetryingService).to receive(:new).with( message_id: job_execution.message_id, ).and_return(retrying_service) expect { post :retry, params: { job_execution_message_id: job_execution.message_id } }.to change { job_execution.reload.status }.from('error').to('retried') end end end end ================================================ FILE: spec/controllers/barbeque/job_queues_controller_spec.rb ================================================ require 'rails_helper' describe Barbeque::JobQueuesController do routes { Barbeque::Engine.routes } describe '#index' do let!(:job_queue) { create(:job_queue) } it 'shows all job_queues' do get :index expect(assigns(:job_queues)).to eq([job_queue]) end end describe '#show' do let!(:job_queue) { create(:job_queue) } it 'shows a requested job_queue' do get :show, params: { id: job_queue.id } expect(assigns(:job_queue)).to eq(job_queue) end end describe '#new' do it 'assigns a new job_queue' do get :new expect(assigns(:job_queue)).to be_a_new(Barbeque::JobQueue) end end describe '#edit' do let!(:job_queue) { create(:job_queue) } it 'assigns a requested job_queue' do get :edit, params: { id: job_queue.id } expect(assigns(:job_queue)).to eq(job_queue) end end describe '#create' do let(:name) { 'default' } let(:queue_name) { Barbeque::JobQueue::SQS_NAME_PREFIX + name } let(:queue_url) { "https://sqs.ap-northeast-1.amazonaws.com/123456789012/#{queue_name}" } let(:sqs_client) { double('Aws::SQS::Client', create_queue: create_response) } let(:attributes) { { name: name, description: 'default queue' } } let(:create_response) { double('Aws::SQS::Types::CreateQueueResult', queue_url: queue_url) } before do allow(Aws::SQS::Client).to receive(:new).and_return(sqs_client) end it 'creates a new job_queue' do expect { post :create, params: { job_queue: attributes } }.to change(Barbeque::JobQueue, :count).by(1) end it 'creates SQS queue' do expect(sqs_client).to receive(:create_queue).with( queue_name: queue_name, attributes: { 'ReceiveMessageWaitTimeSeconds' => Barbeque.config.sqs_receive_message_wait_time.to_s }, ) post :create, params: { job_queue: attributes } expect(Barbeque::JobQueue.last.queue_url).to eq(queue_url) end context 'given duplicated name' do let(:name) { 'duplicated_name' } let(:attributes) { { name: name, description: 'duplicated queue' } } before do create(:job_queue, name: name) end it 'rejects to create a job_queue' do expect { post :create, params: { job_queue: attributes } }.to_not change(Barbeque::JobQueue, :count) end end context 'given invalid name' do let(:attributes) { { name: 'invalid name', description: 'default queue' } } it 'rejects to create a job_queue' do expect { post :create, params: { job_queue: attributes } }.to_not change(Barbeque::JobQueue, :count) end it 'does not create SQS queue' do expect(sqs_client).to_not receive(:create_queue) post :create, params: { job_queue: attributes } end end end describe '#update' do let(:old_description) { 'old description' } let(:new_description) { 'new description' } let!(:job_queue) { create(:job_queue, description: old_description) } it 'updates a requested job_queue' do expect { put :update, params: { id: job_queue.id, job_queue: { description: new_description } } }.to change { job_queue.reload.description }.from(old_description).to(new_description) end end describe '#destroy' do let!(:job_queue) { create(:job_queue) } it 'destroys a requested job_queue' do expect { delete :destroy, params: { id: job_queue.id } }.to change(Barbeque::JobQueue, :count).by(-1) end end end ================================================ FILE: spec/controllers/barbeque/job_retries_controller_spec.rb ================================================ require 'rails_helper' require 'barbeque/execution_log' describe Barbeque::JobRetriesController do routes { Barbeque::Engine.routes } describe '#show' do let(:job_retry) { create(:job_retry, job_execution: job_execution) } let(:job_execution) { create(:job_execution) } let(:execution_log) do { 'message' => message } end let(:retry_log) do { 'stdout' => stdout, 'stderr' => stderr } end let(:message) { ['hello'] } let(:stdout) { 'stdout' } let(:stderr) { 'stderr' } before do allow(Barbeque::ExecutionLog).to receive(:load).with(execution: job_execution).and_return(execution_log) allow(Barbeque::ExecutionLog).to receive(:load).with(execution: job_retry).and_return(retry_log) end it 'shows job retry' do get :show, params: { job_execution_message_id: job_execution.message_id, id: job_retry.id } expect(assigns(:job_retry)).to eq(job_retry) end it 'shows message, stdout, stderr in S3' do get :show, params: { job_execution_message_id: job_execution.message_id, id: job_retry.id } expect(assigns(:execution_log)).to eq(execution_log) expect(assigns(:retry_log)).to eq(retry_log) end context 'when job_execution id is given' do it "redirects to job_retry with job_execution's message id" do get :show, params: { job_execution_message_id: job_execution.id, id: job_retry.id } expect(response).to redirect_to(job_execution_job_retry_path(job_execution, job_retry)) end end end end ================================================ FILE: spec/controllers/barbeque/sns_subscriptions_controller_spec.rb ================================================ require 'rails_helper' describe Barbeque::SnsSubscriptionsController do routes { Barbeque::Engine.routes } before do allow(Barbeque::SnsSubscriptionService).to receive(:sqs_client).and_return(sqs_client) allow(Barbeque::SnsSubscriptionService).to receive(:sns_client).and_return(sns_client) end describe '#create' do let(:job_queue) { create(:job_queue) } let(:job_definition) { create(:job_definition) } let(:sqs_client) do double( 'Aws::SQS::Client', get_queue_attributes: get_queue_attrs_response, set_queue_attributes: set_queue_attrs_response, ) end let(:get_queue_attrs_response) do double( 'Aws::SQS::Types::GetQueueAttributesResult', attributes: { 'QueueArn' => "arn:aws:sqs:ap-northeast-1:123456789012:#{job_queue.name}" } ) end let(:set_queue_attrs_response) { double('Aws::SQS::Types::SetQueueAttributesResult') } let(:topic_arn) { 'arn:aws:sns:ap-northeast-1:123456789012:Topic-X' } let(:queue_arn) { "arn:aws:sqs:ap-northeast-1:123456789012:#{job_queue.name}" } let(:attributes) do { topic_arn: topic_arn, job_queue_id: job_queue.id, job_definition_id: job_definition.id, } end let(:sns_client) do double( 'Aws::SNS::Client', subscribe: subscribe_response, ) end let(:subscribe_response) { double('Aws::SNS::Types::SubscribeResult') } it 'creates a record and sends request to SQS validly' do expect(sqs_client).to receive(:get_queue_attributes).with(queue_url: job_queue.queue_url, attribute_names: ['QueueArn']) expect(sqs_client).to receive(:set_queue_attributes). with( queue_url: job_queue.queue_url, attributes: { 'Policy' => "{\"Version\":\"2012-10-17\",\"Statement\":[{\"Effect\":\"Allow\",\"Principal\":\"*\",\"Action\":\"sqs:SendMessage\",\"Resource\":\"#{queue_arn}\",\"Condition\":{\"ArnEquals\":{\"aws:SourceArn\":[\"#{topic_arn}\"]}}}]}" } ) expect(sns_client).to receive(:subscribe).with(topic_arn: topic_arn, protocol: 'sqs', endpoint: queue_arn) expect { post :create , params: { sns_subscription: attributes } }. to change { Barbeque::SnsSubscription.count }.by(1) end context 'with NotFound error' do it 'does not create a record and shows error message' do expect(sqs_client).to receive(:get_queue_attributes).with(queue_url: job_queue.queue_url, attribute_names: ['QueueArn']) expect(sns_client).to receive(:subscribe).and_raise(Aws::SNS::Errors::NotFound.new(self, 'not found')) post :create , params: { sns_subscription: attributes } expect(response).to render_template(:new) expect(assigns(:sns_subscription).errors[:topic_arn]).to eq(['is not found']) end end context 'with AuthorizationError' do it 'does not create a record and shows error message' do expect(sqs_client).to receive(:get_queue_attributes).with(queue_url: job_queue.queue_url, attribute_names: ['QueueArn']) expect(sns_client).to receive(:subscribe).and_raise(Aws::SNS::Errors::AuthorizationError.new(self, 'not found')) post :create , params: { sns_subscription: attributes } expect(response).to render_template(:new) expect(assigns(:sns_subscription).errors[:topic_arn]).to eq(['is not authorized']) end end end describe '#destroy' do let(:sns_subscription) { create(:sns_subscription) } let(:subscription_arn) { "#{sns_subscription.topic_arn}:71bcbe40-929e-4613-87b1-900a6a0abbfd" } let(:sqs_client) do double( 'Aws::SQS::Client', get_queue_attributes: get_queue_attrs_response, set_queue_attributes: set_queue_attrs_response, ) end let(:queue_arn) { "arn:aws:sqs:ap-northeast-1:123456789012:#{sns_subscription.job_queue.name}" } let(:get_queue_attrs_response) { double('Aws::SQS::Types::GetQueueAttributesResult', attributes: { 'QueueArn' => queue_arn }) } let(:set_queue_attrs_response) { double('Aws::SQS::Types::SetQueueAttributesResult') } let(:sns_client) do double( 'Aws::SNS::Client', list_subscriptions_by_topic: list_subscriptions_by_topic_response, unsubscribe: unsubscribe_response ) end let(:list_subscriptions_by_topic_response) do double( 'Aws::SNS::Types::ListSubscriptionsByTopicResult', subscriptions: [ double( 'Aws::SNS::Types::Subscription', subscription_arn: subscription_arn, endpoint: queue_arn, ) ] ) end let(:unsubscribe_response) { double('Aws::SNS:Types:UnsubscribeResult') } it 'destroys the record and sends request to SQS validly' do expect(sqs_client).to receive(:get_queue_attributes).with(queue_url: sns_subscription.job_queue.queue_url, attribute_names: ['QueueArn']) expect(sns_client).to receive(:list_subscriptions_by_topic).with(topic_arn: sns_subscription.topic_arn) expect(sns_client).to receive(:unsubscribe).with(subscription_arn: subscription_arn) expect(sqs_client).to receive(:set_queue_attributes). with( queue_url: sns_subscription.job_queue.queue_url, attributes: { 'Policy' => '' } ) expect { delete :destroy, params: { id: sns_subscription.id } }. to change { Barbeque::SnsSubscription.count }.by(-1) end end end ================================================ FILE: spec/dummy/.gitignore ================================================ # See https://help.github.com/articles/ignoring-files for more about ignoring files. # # If you find yourself ignoring temporary files generated by your text editor # or operating system, you probably want to add a global ignore instead: # git config --global core.excludesfile '~/.gitignore_global' # Ignore bundler config. /.bundle # Ignore all logfiles and tempfiles. /log/* /tmp/* !/log/.keep !/tmp/.keep # Ignore Byebug command history file. .byebug_history ================================================ FILE: spec/dummy/Rakefile ================================================ # Add your own tasks in files placed in lib/tasks ending in .rake, # for example lib/tasks/capistrano.rake, and they will automatically be available to Rake. require_relative 'config/application' Rails.application.load_tasks ================================================ FILE: spec/dummy/app/assets/config/manifest.js ================================================ //= link_tree ../images //= link_directory ../javascripts .js //= link_directory ../stylesheets .css ================================================ FILE: spec/dummy/app/assets/images/.keep ================================================ ================================================ FILE: spec/dummy/app/assets/javascripts/application.js ================================================ // This is a manifest file that'll be compiled into application.js, which will include all the files // listed below. // // Any JavaScript file within this directory, lib/assets/javascripts, vendor/assets/javascripts, // or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path. // // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the // compiled file. JavaScript code in this file should be added after the last require_* statement. // // Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details // about supported directives. // //= require jquery //= require jquery_ujs //= require_tree . ================================================ FILE: spec/dummy/app/assets/javascripts/channels/.keep ================================================ ================================================ FILE: spec/dummy/app/assets/stylesheets/application.css ================================================ /* * This is a manifest file that'll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path. * * You're free to add application-wide styles to this file and they'll appear at the bottom of the * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS * files in this directory. Styles in this file should be added after the last require_* statement. * It is generally better to create a new file per style scope. * *= require_tree . *= require_self */ ================================================ FILE: spec/dummy/app/controllers/application_controller.rb ================================================ class ApplicationController < ActionController::Base protect_from_forgery with: :exception end ================================================ FILE: spec/dummy/app/controllers/concerns/.keep ================================================ ================================================ FILE: spec/dummy/app/helpers/application_helper.rb ================================================ module ApplicationHelper end ================================================ FILE: spec/dummy/app/models/concerns/.keep ================================================ ================================================ FILE: spec/dummy/app/views/layouts/application.html.erb ================================================ Dummy <%= csrf_meta_tags %> <%= stylesheet_link_tag 'application', media: 'all' %> <%= javascript_include_tag 'application' %> <%= yield %> ================================================ FILE: spec/dummy/app/views/layouts/mailer.html.erb ================================================ <%= yield %> ================================================ FILE: spec/dummy/app/views/layouts/mailer.text.erb ================================================ <%= yield %> ================================================ FILE: spec/dummy/bin/bundle ================================================ #!/usr/bin/env ruby ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../Gemfile', __dir__) load Gem.bin_path('bundler', 'bundle') ================================================ FILE: spec/dummy/bin/rails ================================================ #!/usr/bin/env ruby APP_PATH = File.expand_path("../config/application", __dir__) require_relative "../config/boot" require "rails/commands" ================================================ FILE: spec/dummy/bin/rake ================================================ #!/usr/bin/env ruby require_relative "../config/boot" require "rake" Rake.application.run ================================================ FILE: spec/dummy/bin/setup ================================================ #!/usr/bin/env ruby require "fileutils" # path to your application root. APP_ROOT = File.expand_path("..", __dir__) def system!(*args) system(*args) || abort("\n== Command #{args} failed ==") end FileUtils.chdir APP_ROOT do # This script is a way to set up or update your development environment automatically. # This script is idempotent, so that you can run it at any time and get an expectable outcome. # Add necessary setup steps to this file. puts "== Installing dependencies ==" system! "gem install bundler --conservative" system("bundle check") || system!("bundle install") # puts "\n== Copying sample files ==" # unless File.exist?("config/database.yml") # FileUtils.cp "config/database.yml.sample", "config/database.yml" # end puts "\n== Preparing database ==" system! "bin/rails db:prepare" puts "\n== Removing old logs and tempfiles ==" system! "bin/rails log:clear tmp:clear" puts "\n== Restarting application server ==" system! "bin/rails restart" end ================================================ FILE: spec/dummy/bin/spring ================================================ #!/usr/bin/env ruby # This file loads spring without using Bundler, in order to be fast. # It gets overwritten when you run the `spring binstub` command. unless defined?(Spring) require 'rubygems' require 'bundler' if (match = Bundler.default_lockfile.read.match(/^GEM$.*?^ (?: )*spring \((.*?)\)$.*?^$/m)) Gem.paths = { 'GEM_PATH' => [Bundler.bundle_path.to_s, *Gem.path].uniq.join(Gem.path_separator) } gem 'spring', match[1] require 'spring/binstub' end end ================================================ FILE: spec/dummy/bin/update ================================================ #!/usr/bin/env ruby require 'fileutils' include FileUtils # path to your application root. APP_ROOT = File.expand_path('..', __dir__) def system!(*args) system(*args) || abort("\n== Command #{args} failed ==") end chdir APP_ROOT do # This script is a way to update your development environment automatically. # Add necessary update steps to this file. puts '== Installing dependencies ==' system! 'gem install bundler --conservative' system('bundle check') || system!('bundle install') # Install JavaScript dependencies if using Yarn # system('bin/yarn') puts "\n== Updating database ==" system! 'bin/rails db:migrate' puts "\n== Removing old logs and tempfiles ==" system! 'bin/rails log:clear tmp:clear' puts "\n== Restarting application server ==" system! 'bin/rails restart' end ================================================ FILE: spec/dummy/bin/yarn ================================================ #!/usr/bin/env ruby APP_ROOT = File.expand_path('..', __dir__) Dir.chdir(APP_ROOT) do begin exec "yarnpkg", *ARGV rescue Errno::ENOENT $stderr.puts "Yarn executable was not detected in the system." $stderr.puts "Download Yarn at https://yarnpkg.com/en/docs/install" exit 1 end end ================================================ FILE: spec/dummy/config/application.rb ================================================ require_relative "boot" require "rails" # Pick the frameworks you want: require "active_model/railtie" # require "active_job/railtie" require "active_record/railtie" # require "active_storage/engine" require "action_controller/railtie" # require "action_mailer/railtie" # require "action_mailbox/engine" # require "action_text/engine" require "action_view/railtie" # require "action_cable/engine" # require "rails/test_unit/railtie" # Require the gems listed in Gemfile, including any gems # you've limited to :test, :development, or :production. Bundler.require(*Rails.groups) module Dummy class Application < Rails::Application # Initialize configuration defaults for originally generated Rails version. config.load_defaults 7.0 # Configuration for the application, engines, and railties goes here. # # These settings can be overridden in specific environments using the files # in config/environments, which are processed later. # # config.time_zone = "Central Time (US & Canada)" # config.eager_load_paths << Rails.root.join("extras") # Don't generate system test files. config.generators.system_tests = nil end end ================================================ FILE: spec/dummy/config/barbeque.empty.yml ================================================ test: {} ================================================ FILE: spec/dummy/config/barbeque.erb.yml ================================================ test: executor: <%= 'Foo' + 'Bar' %> ================================================ FILE: spec/dummy/config/barbeque.hako.yml ================================================ default: &default executor: Hako executor_options: hako_dir: /home/k0kubun/hako_repo hako_env: ACCESS_TOKEN: token definition_dir: /yamls oneshot_notification_prefix: s3://barbeque/task_statuses?region=ap-northeast-1 development: <<: *default test: <<: *default production: <<: *default ================================================ FILE: spec/dummy/config/barbeque.yml ================================================ default: &default exception_handler: RailsLogger executor: Docker development: <<: *default test: <<: *default production: <<: *default ================================================ FILE: spec/dummy/config/boot.rb ================================================ ENV["BUNDLE_GEMFILE"] ||= File.expand_path("../Gemfile", __dir__) require "bundler/setup" # Set up gems listed in the Gemfile. ================================================ FILE: spec/dummy/config/database.yml ================================================ # MySQL. Versions 5.0 and up are supported. # # Install the MySQL driver # gem install mysql2 # # Ensure the MySQL gem is defined in your Gemfile # gem 'mysql2' # # And be sure to use new-style password hashing: # http://dev.mysql.com/doc/refman/5.7/en/old-client.html # default: &default adapter: mysql2 encoding: utf8 pool: 5 username: root password: host: 127.0.0.1 development: <<: *default database: dummy_development # Warning: The database defined as "test" will be erased and # re-generated from your development database when you run "rake". # Do not set this db to the same as development or production. test: <<: *default database: dummy_test # As with config/secrets.yml, you never want to store sensitive information, # like your database password, in your source code. If your source code is # ever seen by anyone, they now have access to your database. # # Instead, provide the password as a unix environment variable when you boot # the app. Read http://guides.rubyonrails.org/configuring.html#configuring-a-database # for a full rundown on how to provide these environment variables in a # production deployment. # # On Heroku and other platform providers, you may have a full connection URL # available as an environment variable. For example: # # DATABASE_URL="mysql2://myuser:mypass@localhost/somedatabase" # # You can use this database configuration with: # # production: # url: <%= ENV['DATABASE_URL'] %> # production: <<: *default database: dummy_production username: dummy password: <%= ENV['DUMMY_DATABASE_PASSWORD'] %> ================================================ FILE: spec/dummy/config/environment.rb ================================================ # Load the Rails application. require_relative "application" # Initialize the Rails application. Rails.application.initialize! ================================================ FILE: spec/dummy/config/environments/development.rb ================================================ require "active_support/core_ext/integer/time" Rails.application.configure do # Settings specified here will take precedence over those in config/application.rb. # In the development environment your application's code is reloaded any time # it changes. This slows down response time but is perfect for development # since you don't have to restart the web server when you make code changes. config.cache_classes = false # Do not eager load code on boot. config.eager_load = false # Show full error reports. config.consider_all_requests_local = true # Enable server timing config.server_timing = true # Enable/disable caching. By default caching is disabled. # Run rails dev:cache to toggle caching. if Rails.root.join("tmp/caching-dev.txt").exist? config.action_controller.perform_caching = true config.action_controller.enable_fragment_cache_logging = true config.cache_store = :memory_store config.public_file_server.headers = { "Cache-Control" => "public, max-age=#{2.days.to_i}" } else config.action_controller.perform_caching = false config.cache_store = :null_store end # Print deprecation notices to the Rails logger. config.active_support.deprecation = :log # Raise exceptions for disallowed deprecations. config.active_support.disallowed_deprecation = :raise # Tell Active Support which deprecation messages to disallow. config.active_support.disallowed_deprecation_warnings = [] # Raise an error on page load if there are pending migrations. config.active_record.migration_error = :page_load # Highlight code that triggered database queries in logs. config.active_record.verbose_query_logs = true # Suppress logger output for asset requests. config.assets.quiet = true # Raises error for missing translations. # config.i18n.raise_on_missing_translations = true # Annotate rendered view with file names. # config.action_view.annotate_rendered_view_with_filenames = true # Uncomment if you wish to allow Action Cable access from any origin. # config.action_cable.disable_request_forgery_protection = true end ================================================ FILE: spec/dummy/config/environments/production.rb ================================================ require "active_support/core_ext/integer/time" Rails.application.configure do # Settings specified here will take precedence over those in config/application.rb. # Code is not reloaded between requests. config.cache_classes = true # Eager load code on boot. This eager loads most of Rails and # your application in memory, allowing both threaded web servers # and those relying on copy on write to perform better. # Rake tasks automatically ignore this option for performance. config.eager_load = true # Full error reports are disabled and caching is turned on. config.consider_all_requests_local = false config.action_controller.perform_caching = true # Ensures that a master key has been made available in either ENV["RAILS_MASTER_KEY"] # or in config/master.key. This key is used to decrypt credentials (and other encrypted files). # config.require_master_key = true # Disable serving static files from the `/public` folder by default since # Apache or NGINX already handles this. config.public_file_server.enabled = ENV["RAILS_SERVE_STATIC_FILES"].present? # Compress CSS using a preprocessor. # config.assets.css_compressor = :sass # Do not fallback to assets pipeline if a precompiled asset is missed. config.assets.compile = false # Enable serving of images, stylesheets, and JavaScripts from an asset server. # config.asset_host = "http://assets.example.com" # Specifies the header that your server uses for sending files. # config.action_dispatch.x_sendfile_header = "X-Sendfile" # for Apache # config.action_dispatch.x_sendfile_header = "X-Accel-Redirect" # for NGINX # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies. # config.force_ssl = true # Include generic and useful information about system operation, but avoid logging too much # information to avoid inadvertent exposure of personally identifiable information (PII). config.log_level = :info # Prepend all log lines with the following tags. config.log_tags = [ :request_id ] # Use a different cache store in production. # config.cache_store = :mem_cache_store # Enable locale fallbacks for I18n (makes lookups for any locale fall back to # the I18n.default_locale when a translation cannot be found). config.i18n.fallbacks = true # Don't log any deprecations. config.active_support.report_deprecations = false # Use default logging formatter so that PID and timestamp are not suppressed. config.log_formatter = ::Logger::Formatter.new # Use a different logger for distributed setups. # require "syslog/logger" # config.logger = ActiveSupport::TaggedLogging.new(Syslog::Logger.new "app-name") if ENV["RAILS_LOG_TO_STDOUT"].present? logger = ActiveSupport::Logger.new(STDOUT) logger.formatter = config.log_formatter config.logger = ActiveSupport::TaggedLogging.new(logger) end # Do not dump schema after migrations. config.active_record.dump_schema_after_migration = false end ================================================ FILE: spec/dummy/config/environments/test.rb ================================================ require "active_support/core_ext/integer/time" # The test environment is used exclusively to run your application's # test suite. You never need to work with it otherwise. Remember that # your test database is "scratch space" for the test suite and is wiped # and recreated between test runs. Don't rely on the data there! Rails.application.configure do # Settings specified here will take precedence over those in config/application.rb. # Turn false under Spring and add config.action_view.cache_template_loading = true. config.cache_classes = true # Eager loading loads your whole application. When running a single test locally, # this probably isn't necessary. It's a good idea to do in a continuous integration # system, or in some way before deploying your code. config.eager_load = ENV["CI"].present? # Configure public file server for tests with Cache-Control for performance. config.public_file_server.enabled = true config.public_file_server.headers = { "Cache-Control" => "public, max-age=#{1.hour.to_i}" } # Show full error reports and disable caching. config.consider_all_requests_local = true config.action_controller.perform_caching = false config.cache_store = :null_store # Raise exceptions instead of rendering exception templates. config.action_dispatch.show_exceptions = false # Disable request forgery protection in test environment. config.action_controller.allow_forgery_protection = false # Print deprecation notices to the stderr. config.active_support.deprecation = :stderr # Raise exceptions for disallowed deprecations. config.active_support.disallowed_deprecation = :raise # Tell Active Support which deprecation messages to disallow. config.active_support.disallowed_deprecation_warnings = [] # Raises error for missing translations. # config.i18n.raise_on_missing_translations = true # Annotate rendered view with file names. # config.action_view.annotate_rendered_view_with_filenames = true end ================================================ FILE: spec/dummy/config/initializers/application_controller_renderer.rb ================================================ # Be sure to restart your server when you modify this file. # ActiveSupport::Reloader.to_prepare do # ApplicationController.renderer.defaults.merge!( # http_host: 'example.org', # https: false # ) # end ================================================ FILE: spec/dummy/config/initializers/assets.rb ================================================ # Be sure to restart your server when you modify this file. # Version of your assets, change this if you want to expire all your assets. Rails.application.config.assets.version = "1.0" # Add additional assets to the asset load path. # Rails.application.config.assets.paths << Emoji.images_path # Precompile additional assets. # application.js, application.css, and all non-JS/CSS in the app/assets # folder are already added. # Rails.application.config.assets.precompile += %w( admin.js admin.css ) ================================================ FILE: spec/dummy/config/initializers/backtrace_silencers.rb ================================================ # Be sure to restart your server when you modify this file. # You can add backtrace silencers for libraries that you're using but don't wish to see in your backtraces. # Rails.backtrace_cleaner.add_silencer { |line| line =~ /my_noisy_library/ } # You can also remove all the silencers if you're trying to debug a problem that might stem from framework code. # Rails.backtrace_cleaner.remove_silencers! ================================================ FILE: spec/dummy/config/initializers/content_security_policy.rb ================================================ # Be sure to restart your server when you modify this file. # Define an application-wide content security policy. # See the Securing Rails Applications Guide for more information: # https://guides.rubyonrails.org/security.html#content-security-policy-header # Rails.application.configure do # config.content_security_policy do |policy| # policy.default_src :self, :https # policy.font_src :self, :https, :data # policy.img_src :self, :https, :data # policy.object_src :none # policy.script_src :self, :https # policy.style_src :self, :https # # Specify URI for violation reports # # policy.report_uri "/csp-violation-report-endpoint" # end # # # Generate session nonces for permitted importmap and inline scripts # config.content_security_policy_nonce_generator = ->(request) { request.session.id.to_s } # config.content_security_policy_nonce_directives = %w(script-src) # # # Report violations without enforcing the policy. # # config.content_security_policy_report_only = true # end ================================================ FILE: spec/dummy/config/initializers/cookies_serializer.rb ================================================ # Be sure to restart your server when you modify this file. # Specify a serializer for the signed and encrypted cookie jars. # Valid options are :json, :marshal, and :hybrid. Rails.application.config.action_dispatch.cookies_serializer = :json ================================================ FILE: spec/dummy/config/initializers/filter_parameter_logging.rb ================================================ # Be sure to restart your server when you modify this file. # Configure parameters to be filtered from the log file. Use this to limit dissemination of # sensitive information. See the ActiveSupport::ParameterFilter documentation for supported # notations and behaviors. Rails.application.config.filter_parameters += [ :passw, :secret, :token, :_key, :crypt, :salt, :certificate, :otp, :ssn ] ================================================ FILE: spec/dummy/config/initializers/inflections.rb ================================================ # Be sure to restart your server when you modify this file. # Add new inflection rules using the following format. Inflections # are locale specific, and you may define rules for as many different # locales as you wish. All of these examples are active by default: # ActiveSupport::Inflector.inflections(:en) do |inflect| # inflect.plural /^(ox)$/i, "\\1en" # inflect.singular /^(ox)en/i, "\\1" # inflect.irregular "person", "people" # inflect.uncountable %w( fish sheep ) # end # These inflection rules are supported but not enabled by default: # ActiveSupport::Inflector.inflections(:en) do |inflect| # inflect.acronym "RESTful" # end ================================================ FILE: spec/dummy/config/initializers/mime_types.rb ================================================ # Be sure to restart your server when you modify this file. # Add new mime types for use in respond_to blocks: # Mime::Type.register "text/richtext", :rtf ================================================ FILE: spec/dummy/config/initializers/permissions_policy.rb ================================================ # Define an application-wide HTTP permissions policy. For further # information see https://developers.google.com/web/updates/2018/06/feature-policy # # Rails.application.config.permissions_policy do |f| # f.camera :none # f.gyroscope :none # f.microphone :none # f.usb :none # f.fullscreen :self # f.payment :self, "https://secure.example.com" # end ================================================ FILE: spec/dummy/config/initializers/session_store.rb ================================================ # Be sure to restart your server when you modify this file. Rails.application.config.session_store :cookie_store, key: '_dummy_session' ================================================ FILE: spec/dummy/config/initializers/wrap_parameters.rb ================================================ # Be sure to restart your server when you modify this file. # This file contains settings for ActionController::ParamsWrapper which # is enabled by default. # Enable parameter wrapping for JSON. You can disable this by setting :format to an empty array. ActiveSupport.on_load(:action_controller) do wrap_parameters format: [:json] end # To enable root element in JSON for ActiveRecord objects. # ActiveSupport.on_load(:active_record) do # self.include_root_in_json = true # end ================================================ FILE: spec/dummy/config/locales/en.yml ================================================ # Files in the config/locales directory are used for internationalization # and are automatically loaded by Rails. If you want to use locales other # than English, add the necessary files in this directory. # # To use the locales, use `I18n.t`: # # I18n.t 'hello' # # In views, this is aliased to just `t`: # # <%= t('hello') %> # # To use a different locale, set it with `I18n.locale`: # # I18n.locale = :es # # This would use the information in config/locales/es.yml. # # The following keys must be escaped otherwise they will not be retrieved by # the default I18n backend: # # true, false, on, off, yes, no # # Instead, surround them with single quotes. # # en: # 'true': 'foo' # # To learn more, please read the Rails Internationalization guide # available at http://guides.rubyonrails.org/i18n.html. en: hello: "Hello world" ================================================ FILE: spec/dummy/config/puma.rb ================================================ # Puma can serve each request in a thread from an internal thread pool. # The `threads` method setting takes two numbers: a minimum and maximum. # Any libraries that use thread pools should be configured to match # the maximum value specified for Puma. Default is set to 5 threads for minimum # and maximum; this matches the default thread size of Active Record. # threads_count = ENV.fetch("RAILS_MAX_THREADS") { 5 } threads threads_count, threads_count # Specifies the `port` that Puma will listen on to receive requests; default is 3000. # port ENV.fetch("PORT") { 3000 } # Specifies the `environment` that Puma will run in. # environment ENV.fetch("RAILS_ENV") { "development" } # Specifies the number of `workers` to boot in clustered mode. # Workers are forked webserver processes. If using threads and workers together # the concurrency of the application would be max `threads` * `workers`. # Workers do not work on JRuby or Windows (both of which do not support # processes). # # workers ENV.fetch("WEB_CONCURRENCY") { 2 } # Use the `preload_app!` method when specifying a `workers` number. # This directive tells Puma to first boot the application and load code # before forking the application. This takes advantage of Copy On Write # process behavior so workers use less memory. If you use this option # you need to make sure to reconnect any threads in the `on_worker_boot` # block. # # preload_app! # If you are preloading your application and using Active Record, it's # recommended that you close any connections to the database before workers # are forked to prevent connection leakage. # # before_fork do # ActiveRecord::Base.connection_pool.disconnect! if defined?(ActiveRecord) # end # The code in the `on_worker_boot` will be called if you are using # clustered mode by specifying a number of `workers`. After each worker # process is booted, this block will be run. If you are using the `preload_app!` # option, you will want to use this block to reconnect to any threads # or connections that may have been created at application boot, as Ruby # cannot share connections between processes. # # on_worker_boot do # ActiveRecord::Base.establish_connection if defined?(ActiveRecord) # end # # Allow puma to be restarted by `rails restart` command. plugin :tmp_restart ================================================ FILE: spec/dummy/config/routes.rb ================================================ Rails.application.routes.draw do mount Barbeque::Engine => '/' end ================================================ FILE: spec/dummy/config/secrets.yml ================================================ # Be sure to restart your server when you modify this file. # Your secret key is used for verifying the integrity of signed cookies. # If you change this key, all old signed cookies will become invalid! # Make sure the secret is at least 30 characters and all random, # no regular words or you'll be exposed to dictionary attacks. # You can use `rails secret` to generate a secure secret key. # Make sure the secrets in this file are kept private # if you're sharing your code publicly. # Shared secrets are available across all environments. # shared: # api_key: a1B2c3D4e5F6 # Environmental secrets are only available for that specific environment. development: secret_key_base: c19a919bc841e03e4d8875b8e5a17819a9b284b832ee306773a31009c30bfc86ef72d8b1e6103633edb7152d102cb7c938ff5a077b436b5654e1bf77670dc732 test: secret_key_base: 89b65037f5387c90a30b69cc0fb6538dc725c3cb8e628ebfb2b3a35c0cfa3f87657c7b904a4801c42c0b109bad9b2531a8c0f9f4e7a27e1f14c9ee9875e72769 # Do not keep production secrets in the unencrypted secrets file. # Instead, either read values from the environment. # Or, use `bin/rails secrets:setup` to configure encrypted secrets # and move the `production:` environment over there. production: secret_key_base: <%= ENV["SECRET_KEY_BASE"] %> ================================================ FILE: spec/dummy/config/spring.rb ================================================ %w[ .ruby-version .rbenv-vars tmp/restart.txt tmp/caching-dev.txt ].each { |path| Spring.watch(path) } ================================================ FILE: spec/dummy/config/storage.yml ================================================ ================================================ FILE: spec/dummy/config.ru ================================================ # This file is used by Rack-based servers to start the application. require_relative 'config/environment' run Rails.application ================================================ FILE: spec/dummy/db/schema.rb ================================================ # This file is auto-generated from the current state of the database. Instead # of editing this file, please use the migrations feature of Active Record to # incrementally modify your database, and then regenerate this schema definition. # # This file is the source Rails uses to define your schema when running `bin/rails # db:schema:load`. When creating a new database, `bin/rails db:schema:load` tends to # be faster and is potentially less error prone than running all of your # migrations from scratch. Old migrations may fail to apply correctly if those # migrations use external dependencies or application code. # # It's strongly recommended that you check this file into your version control system. ActiveRecord::Schema[6.1].define(version: 2024_04_15_080757) do create_table "barbeque_apps", id: :integer, charset: "utf8mb4", collation: "utf8mb4_general_ci", options: "ENGINE=InnoDB ROW_FORMAT=DYNAMIC", force: :cascade do |t| t.string "name", null: false t.string "docker_image", null: false t.text "description" t.datetime "created_at", null: false t.datetime "updated_at", null: false t.index ["name"], name: "index_barbeque_apps_on_name", unique: true end create_table "barbeque_docker_containers", id: :integer, charset: "utf8mb4", collation: "utf8mb4_general_ci", options: "ENGINE=InnoDB ROW_FORMAT=DYNAMIC", force: :cascade do |t| t.string "message_id", null: false t.string "container_id", null: false t.datetime "created_at", null: false t.datetime "updated_at", null: false t.index ["message_id"], name: "index_barbeque_docker_containers_on_message_id", unique: true end create_table "barbeque_ecs_hako_tasks", id: :integer, charset: "utf8mb4", collation: "utf8mb4_general_ci", options: "ENGINE=InnoDB ROW_FORMAT=DYNAMIC", force: :cascade do |t| t.string "message_id", null: false t.string "cluster", null: false t.string "task_arn", null: false t.datetime "created_at", null: false t.datetime "updated_at", null: false t.index ["message_id"], name: "index_barbeque_ecs_hako_tasks_on_message_id", unique: true end create_table "barbeque_job_definitions", id: :integer, charset: "utf8mb4", collation: "utf8mb4_general_ci", options: "ENGINE=InnoDB ROW_FORMAT=DYNAMIC", force: :cascade do |t| t.string "job", null: false, collation: "utf8mb4_bin" t.integer "app_id", null: false t.string "command", null: false t.text "description" t.datetime "created_at", null: false t.datetime "updated_at", null: false t.index ["job", "app_id"], name: "index_barbeque_job_definitions_on_job_and_app_id", unique: true end create_table "barbeque_job_executions", id: :integer, charset: "utf8mb4", collation: "utf8mb4_general_ci", options: "ENGINE=InnoDB ROW_FORMAT=DYNAMIC", force: :cascade do |t| t.string "message_id", null: false t.integer "status", default: 0, null: false t.datetime "created_at", null: false t.datetime "updated_at", null: false t.integer "job_definition_id" t.datetime "finished_at" t.integer "job_queue_id" t.index ["created_at"], name: "index_barbeque_job_executions_on_created_at" t.index ["job_definition_id"], name: "index_barbeque_job_executions_on_job_definition_id" t.index ["message_id"], name: "index_barbeque_job_executions_on_message_id", unique: true t.index ["status"], name: "index_barbeque_job_executions_on_status" end create_table "barbeque_job_queues", id: :integer, charset: "utf8mb4", collation: "utf8mb4_general_ci", options: "ENGINE=InnoDB ROW_FORMAT=DYNAMIC", force: :cascade do |t| t.string "name", null: false t.text "description" t.string "queue_url", null: false t.datetime "created_at", null: false t.datetime "updated_at", null: false t.index ["name"], name: "index_barbeque_job_queues_on_name", unique: true end create_table "barbeque_job_retries", id: :integer, charset: "utf8mb4", collation: "utf8mb4_general_ci", options: "ENGINE=InnoDB ROW_FORMAT=DYNAMIC", force: :cascade do |t| t.string "message_id", null: false t.integer "job_execution_id", null: false t.integer "status", default: 0, null: false t.datetime "finished_at" t.datetime "created_at", null: false t.datetime "updated_at", null: false t.index ["message_id"], name: "index_barbeque_job_retries_on_message_id", unique: true t.index ["status"], name: "index_barbeque_job_retries_on_status" end create_table "barbeque_retry_configs", charset: "utf8mb4", collation: "utf8mb4_general_ci", options: "ENGINE=InnoDB ROW_FORMAT=DYNAMIC", force: :cascade do |t| t.integer "job_definition_id", null: false t.integer "retry_limit", default: 3, null: false t.float "base_delay", default: 15.0, null: false t.integer "max_delay" t.boolean "jitter", default: true, null: false t.datetime "created_at", null: false t.datetime "updated_at", null: false t.index ["job_definition_id"], name: "index_barbeque_retry_configs_on_job_definition_id", unique: true end create_table "barbeque_slack_notifications", id: :integer, charset: "utf8mb4", collation: "utf8mb4_general_ci", options: "ENGINE=InnoDB ROW_FORMAT=DYNAMIC", force: :cascade do |t| t.integer "job_definition_id" t.string "channel", null: false t.boolean "notify_success", default: false, null: false t.string "failure_notification_text" t.datetime "created_at", null: false t.datetime "updated_at", null: false t.boolean "notify_failure_only_if_retry_limit_reached", default: false, null: false end create_table "barbeque_sns_subscriptions", id: :integer, charset: "utf8mb4", collation: "utf8mb4_general_ci", force: :cascade do |t| t.string "topic_arn", null: false t.integer "job_queue_id", null: false t.integer "job_definition_id", null: false t.datetime "created_at", null: false t.datetime "updated_at", null: false end end ================================================ FILE: spec/dummy/db/seeds.rb ================================================ # This file should contain all the record creation needed to seed the database with its default values. # The data can then be loaded with the rails db:seed command (or created alongside the database with db:setup). # # Examples: # # movies = Movie.create([{ name: 'Star Wars' }, { name: 'Lord of the Rings' }]) # Character.create(name: 'Luke', movie: movies.first) ================================================ FILE: spec/dummy/lib/assets/.keep ================================================ ================================================ FILE: spec/dummy/lib/tasks/.keep ================================================ ================================================ FILE: spec/dummy/log/.keep ================================================ ================================================ FILE: spec/dummy/public/404.html ================================================ The page you were looking for doesn't exist (404)

The page you were looking for doesn't exist.

You may have mistyped the address or the page may have moved.

If you are the application owner check the logs for more information.

================================================ FILE: spec/dummy/public/422.html ================================================ The change you wanted was rejected (422)

The change you wanted was rejected.

Maybe you tried to change something you didn't have access to.

If you are the application owner check the logs for more information.

================================================ FILE: spec/dummy/public/500.html ================================================ We're sorry, but something went wrong (500)

We're sorry, but something went wrong.

If you are the application owner check the logs for more information.

================================================ FILE: spec/dummy/public/robots.txt ================================================ # See http://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file # # To ban all spiders from the entire site uncomment the next two lines: # User-agent: * # Disallow: / ================================================ FILE: spec/dummy/tmp/.keep ================================================ ================================================ FILE: spec/dummy/vendor/assets/javascripts/.keep ================================================ ================================================ FILE: spec/dummy/vendor/assets/stylesheets/.keep ================================================ ================================================ FILE: spec/factories/app.rb ================================================ FactoryBot.define do factory :app, class: Barbeque::App do sequence(:name) { |n| "app-#{n}" } sequence(:docker_image) { |n| "app-#{n}:latest" } description { 'Docker application' } end end ================================================ FILE: spec/factories/job_definition.rb ================================================ FactoryBot.define do factory :job_definition, class: Barbeque::JobDefinition do sequence(:job) { |n| "AsyncJob#{n}" } app command { %w[bundle exec rake job_executor] } end end ================================================ FILE: spec/factories/job_execution.rb ================================================ FactoryBot.define do factory :job_execution, class: Barbeque::JobExecution do message_id { SecureRandom.uuid } status { :success } job_definition job_queue end end ================================================ FILE: spec/factories/job_queue.rb ================================================ FactoryBot.define do factory :job_queue, class: Barbeque::JobQueue do sequence(:name) { |n| "queue-#{n}" } queue_url { "https://sqs.ap-northeast-1.amazonaws.com/123456789012/Barbeque-#{name}" } description { 'Default queue' } end end ================================================ FILE: spec/factories/job_retry.rb ================================================ FactoryBot.define do factory :job_retry, class: Barbeque::JobRetry do message_id { SecureRandom.uuid } status { :success } finished_at { "2016-05-16 13:17:10" } job_execution end end ================================================ FILE: spec/factories/retry_config.rb ================================================ FactoryBot.define do factory :retry_config, class: Barbeque::RetryConfig do end end ================================================ FILE: spec/factories/slack_notifications.rb ================================================ FactoryBot.define do factory :slack_notification, class: Barbeque::SlackNotification do channel { '#tech' } notify_success { false } failure_notification_text { '@k0kubun' } end end ================================================ FILE: spec/factories/sns_subscription.rb ================================================ FactoryBot.define do factory :sns_subscription, class: Barbeque::SnsSubscription do sequence(:topic_arn) { |n| "arn:aws:sns:ap-northest-1:123456789012:Topic-#{n}" } job_queue job_definition end end ================================================ FILE: spec/models/barbeque/job_definition_spec.rb ================================================ require 'rails_helper' RSpec.describe Barbeque::JobDefinition do let(:job_definition) { FactoryBot.create(:job_definition) } describe '#execution_stats' do let(:to) { Time.zone.now.beginning_of_hour } let(:from) { 1.day.ago(to) } before do # Out of range FactoryBot.create(:job_execution, job_definition_id: job_definition.id, created_at: 1.day.ago(from)) # In range FactoryBot.create(:job_execution, job_definition_id: job_definition.id, created_at: from + 1.hour, finished_at: from + 1.hour + 10.seconds) FactoryBot.create(:job_execution, job_definition_id: job_definition.id, created_at: from + 1.hour, finished_at: from + 1.hour + 20.seconds) end it 'returns execution count' do stats = job_definition.execution_stats(from, to) expect(stats.size).to eq(24) expect(stats[0]).to eq(date_hour: from, count: 0, avg_time: 0) expect(stats[1]).to match(date_hour: from + 1.hour, count: 2, avg_time: within(1e-6).of(15.0)) end end end ================================================ FILE: spec/models/barbeque/retry_config_spec.rb ================================================ require 'rails_helper' RSpec.describe Barbeque::RetryConfig do let(:job_definition) { FactoryBot.create(:job_definition) } let(:retry_config) { FactoryBot.create(:retry_config, job_definition: job_definition) } describe '#delay_seconds' do it 'returns delay seconds with jitter by default' do expect(retry_config.delay_seconds(0)).to be_between(0, 15) expect(retry_config.delay_seconds(1)).to be_between(0, 30) expect(retry_config.delay_seconds(2)).to be_between(0, 60) end context 'without jitter' do before do retry_config.update!(jitter: false) end it 'returns delay seconds without randomness' do expect(retry_config.delay_seconds(0)).to be_within(0.1).of(15) expect(retry_config.delay_seconds(1)).to be_within(0.1).of(30) expect(retry_config.delay_seconds(2)).to be_within(0.1).of(60) end end context 'with max_delay' do before do retry_config.update!(max_delay: 20) end it 'returns capped delay seconds' do expect(retry_config.delay_seconds(0)).to be_between(0, 15) expect(retry_config.delay_seconds(1)).to be_between(0, 20) expect(retry_config.delay_seconds(2)).to be_between(0, 20) end end end end ================================================ FILE: spec/rails_helper.rb ================================================ # This file is copied to spec/ when you run 'rails generate rspec:install' ENV['RAILS_ENV'] ||= 'test' require File.expand_path('../dummy/config/environment', __FILE__) # Prevent database truncation if the environment is production abort("The Rails environment is running in production mode!") if Rails.env.production? require 'spec_helper' require 'rspec/rails' require 'factory_bot_rails' require 'rails-controller-testing' # Add additional requires below this line. Rails is not loaded until this point! # Requires supporting ruby files with custom matchers and macros, etc, in # spec/support/ and its subdirectories. Files matching `spec/**/*_spec.rb` are # run as spec files by default. This means that files in spec/support that end # in _spec.rb will both be required and run as specs, causing the specs to be # run twice. It is recommended that you do not name files matching this glob to # end with _spec.rb. You can configure this pattern with the --pattern # option on the command line or in ~/.rspec, .rspec or `.rspec-local`. # # The following line is provided for convenience purposes. It has the downside # of increasing the boot-up time by auto-requiring all files in the support # directory. Alternatively, in the individual `*_spec.rb` files, manually # require only the support files necessary. # # Dir[Rails.root.join('spec/support/**/*.rb')].each { |f| require f } # Checks for pending migration and applies them before tests are run. # If you are not using ActiveRecord, you can remove this line. ActiveRecord::Migration.maintain_test_schema! require 'autodoc' Autodoc.configuration.path = 'doc' Autodoc.configuration.toc = true RSpec.configure do |config| config.include FactoryBot::Syntax::Methods # If you're not using ActiveRecord, or you'd prefer not to run each of your # examples within a transaction, remove the following line or assign false # instead of true. config.use_transactional_fixtures = true # RSpec Rails can automatically mix in different behaviours to your tests # based on their file location, for example enabling you to call `get` and # `post` in specs under `spec/controllers`. # # You can disable this behaviour by removing the line below, and instead # explicitly tag your specs with their type, e.g.: # # RSpec.describe UsersController, :type => :controller do # # ... # end # # The different available types are documented in the features, such as in # https://relishapp.com/rspec/rspec-rails/docs config.infer_spec_type_from_file_location! # Filter lines from Rails gems in backtraces. config.filter_rails_from_backtrace! # arbitrary gems may also be filtered via: # config.filter_gems_from_backtrace("gem name") end ================================================ FILE: spec/requests/api/job_executions_spec.rb ================================================ require 'rails_helper' describe 'job_executions' do let(:result) { JSON.parse(response.body) } let(:env) { { 'Accept' => 'application/json', 'Content-Type' => 'application/json' } } describe 'GET /v1/job_executions/:message_id' do context 'when job_execution exists' do let(:status) { 'success' } let(:job_execution) { create(:job_execution, status: status) } it 'shows a status of a job_execution', :autodoc do get "/v1/job_executions/#{job_execution.message_id}", env: env expect(result).to eq( 'message_id' => job_execution.message_id, 'status' => status, 'id' => job_execution.id, ) end context 'when requested with fields=html_url', :autodoc do around do |example| original = ENV['BARBEQUE_HOST'] ENV['BARBEQUE_HOST'] = 'https://barbeque' example.run ENV['BARBEQUE_HOST'] = original end it 'shows url to job_execution' do get "/v1/job_executions/#{job_execution.message_id}?fields=__default__,html_url", env: env expect(result).to eq( 'message_id' => job_execution.message_id, 'status' => status, 'id' => job_execution.id, 'html_url' => "https://barbeque/job_executions/#{job_execution.message_id}", ) end end context 'when requested with fields=message', :autodoc do let(:execution_log) do { 'message' => message, 'stdout' => '', 'stderr' => '' } end let(:message) do { 'recipe_id' => 12345 } end before do allow(Barbeque::ExecutionLog).to receive(:load).with(execution: job_execution).and_return(execution_log) end it 'returns message of the job_execution' do get "/v1/job_executions/#{job_execution.message_id}?fields=__default__,message", env: env expect(result).to eq( 'message_id' => job_execution.message_id, 'status' => status, 'id' => job_execution.id, 'message' => message, ) end end end context 'when job_execution does not exist' do let(:message_id) { SecureRandom.uuid } it 'returns pending as status' do get "/v1/job_executions/#{message_id}", env: env expect(result).to eq( 'message_id' => message_id, 'status' => 'pending', 'id' => nil, ) end context 'when requested with fields=html_url' do it "doesn't shows url" do get "/v1/job_executions/#{message_id}?fields=__default__,html_url", env: env expect(result).to eq( 'message_id' => message_id, 'status' => 'pending', 'id' => nil, 'html_url' => nil, ) end end context 'when requested with fields=message' do it "returns nil message" do get "/v1/job_executions/#{message_id}?fields=__default__,message", env: env expect(result).to eq( 'message_id' => message_id, 'status' => 'pending', 'id' => nil, 'message' => nil, ) end end end context 'when database maintenance mode' do around do |example| env = ENV.to_h ENV['BARBEQUE_DATABASE_MAINTENANCE'] = '1' ENV['AWS_REGION'] = 'ap-northeast-1' ENV['AWS_ACCOUNT_ID'] = '123456789012' example.run ENV.replace(env) end let!(:job_execution) { FactoryBot.create(:job_execution) } context 'when database is available' do it 'returns execution status' do get "/v1/job_executions/#{job_execution.message_id}", env: env expect(response).to have_http_status(200) expect(result).to eq( 'message_id' => job_execution.message_id, 'status' => job_execution.status, 'id' => job_execution.id, ) end end context 'when database is unavailable', :autodoc do before do allow_any_instance_of(Mysql2::Client).to receive(:query).and_raise(Mysql2::Error::ConnectionError.new("Can't connect to MySQL server")) end it 'returns error message' do get "/v1/job_executions/#{job_execution.message_id}", env: env expect(response).to have_http_status(503) expect(result).to match( 'message' => a_kind_of(String), ) end end end end describe 'POST /v2/job_executions' do let(:enqueuing_service) { double('Barbeque::MessageEnqueuingService') } let(:message_id) { SecureRandom.uuid } let(:job_queue) { create(:job_queue) } let(:queue_name) { job_queue.name } let(:job) { 'NotifyAuthor' } let(:message) { { 'recipe_id' => 1 } } let(:application) { 'blog' } let(:params) do { application: application, job: job, queue: queue_name, message: message, } end it 'enqueues a job execution', :autodoc do expect(Barbeque::MessageEnqueuingService).to receive(:new).with( application: application, job: job, queue: job_queue.name, message: ActionController::Parameters.new(message), delay_seconds: nil, ).and_return(enqueuing_service) expect(enqueuing_service).to receive(:run).and_return(message_id) post '/v2/job_executions', params: params.to_json, env: env expect(response).to have_http_status(201) expect(result).to eq({ 'message_id' => message_id, 'status' => 'pending', 'id' => nil, }) end context 'when specified queue does not exist' do let(:queue_name) { 'non-existent queue name' } it 'returns 404' do post '/v2/job_executions', params: params.to_json, env: env expect(response).to have_http_status(404) end end context 'when requested with fields=html_url' do it "doesn't shows url" do get "/v1/job_executions/#{message_id}?fields=__default__,html_url", env: env expect(result).to eq( 'message_id' => message_id, 'status' => 'pending', 'id' => nil, 'html_url' => nil, ) end end context 'when BARBEQUE_VERIFY_ENQUEUED_JOBS is enabled' do before do stub_const('Barbeque::MessageEnqueuingService::VERIFY_ENQUEUED_JOBS', '1') end context 'without valid job definition' do it 'returns 400' do post '/v2/job_executions', params: params.to_json, env: env expect(response).to have_http_status(400) expect(result).to match('error' => String) end end context 'with valid job definition' do before do app = FactoryBot.create(:app, name: application) FactoryBot.create(:job_definition, app: app, job: job) end it 'enqueues a job execution' do expect(Barbeque::MessageEnqueuingService).to receive(:new).with( application: application, job: job, queue: job_queue.name, message: ActionController::Parameters.new(message), delay_seconds: nil, ).and_return(enqueuing_service) expect(enqueuing_service).to receive(:run).and_return(message_id) post '/v2/job_executions', params: params.to_json, env: env expect(response).to have_http_status(201) expect(result).to eq( 'message_id' => message_id, 'status' => 'pending', 'id' => nil, ) end end end context 'with delay_seconds' do let(:delay_seconds) { 300 } before do params[:delay_seconds] = delay_seconds end it 'enqueues a job execution with delay_seconds', :autodoc do expect(Barbeque::MessageEnqueuingService).to receive(:new).with( application: application, job: job, queue: job_queue.name, message: ActionController::Parameters.new(message), delay_seconds: delay_seconds, ).and_return(enqueuing_service) expect(enqueuing_service).to receive(:run).and_return(message_id) post '/v2/job_executions', params: params.to_json, env: env expect(response).to have_http_status(201) expect(result).to eq({ 'message_id' => message_id, 'status' => 'pending', 'id' => nil, }) end end end end ================================================ FILE: spec/requests/api/job_retries_spec.rb ================================================ require 'rails_helper' describe 'job_retries' do let(:result) { JSON.parse(response.body) } let(:env) { { 'Accept' => 'application/json', 'Content-Type' => 'application/json' } } describe 'POST /v1/job_executions/:job_execution_message_id/retries' do let(:message_id) { SecureRandom.uuid } let(:send_message_result) { double('Aws::SQS::Types::SendMessageResult', message_id: message_id) } let(:job_execution) { create(:job_execution) } let(:sqs_client) { double('Aws::SQS::Client') } before do allow(Barbeque::MessageRetryingService).to receive(:sqs_client).and_return(sqs_client) end it 'enqueues a message to retry a specified message', :autodoc do expect(sqs_client).to receive(:send_message).with( queue_url: job_execution.job_queue.queue_url, message_body: { 'Type' => 'JobRetry', 'RetryMessageId' => job_execution.message_id, }.to_json, delay_seconds: 0, ).and_return(send_message_result) post "/v1/job_executions/#{job_execution.message_id}/retries", env: env expect(result).to eq({ 'message_id' => message_id, 'status' => 'pending', }) end context 'given valid delay_seconds' do let(:delay_seconds) { 900 } let(:params) { { delay_seconds: delay_seconds } } it 'enqueues a message with delay' do expect(sqs_client).to receive(:send_message).with( queue_url: job_execution.job_queue.queue_url, message_body: { 'Type' => 'JobRetry', 'RetryMessageId' => job_execution.message_id, }.to_json, delay_seconds: delay_seconds, ).and_return(send_message_result) post "/v1/job_executions/#{job_execution.message_id}/retries", params: params.to_json, env: env end end context 'given invalid delay_seconds' do let(:params) { { delay_seconds: 901 } } it 'returns bad request' do post "/v1/job_executions/#{job_execution.message_id}/retries", params: params.to_json, env: env expect(response).to have_http_status(400) end end end end ================================================ FILE: spec/requests/api/revision_locks_spec.rb ================================================ require 'rails_helper' describe 'job_executions' do let(:env) { { 'Accept' => 'application/json', 'Content-Type' => 'application/json' } } describe 'POST /v1/apps/:app_id/revision_lock' do let(:old_revision) { 'latest' } let(:new_revision) { '798926db1e623cd51245b70b1f1acb40d780ddc1' } let(:registry) { 'docker-registry-001:80' } let(:docker_app) { create(:app, docker_image: "barbeque:#{old_revision}") } around do |example| ENV['BARBEQUE_DOCKER_REGISTRY'], original = registry, ENV['BARBEQUE_DOCKER_REGISTRY'] example.run ENV['BARBEQUE_DOCKER_REGISTRY'] = original end it 'updates a tag of docker_image', :autodoc do expect { post "/v1/apps/#{docker_app.name}/revision_lock", env: env, params: { revision: new_revision, }.to_json }.to change { docker_app.reload.docker_image }.from("barbeque:#{old_revision}").to("#{registry}/barbeque:#{new_revision}") end context 'when BARBEQUE_DOCKER_REGISTRY is not set' do let(:registry) { nil } it 'leaves a registry part empty' do expect { post "/v1/apps/#{docker_app.name}/revision_lock", env: env, params: { revision: new_revision, }.to_json }.to change { docker_app.reload.docker_image }.from("barbeque:#{old_revision}").to("barbeque:#{new_revision}") end end end describe 'DELETE /v1/apps/:app_id/revision_lock' do let(:old_revision) { '798926db1e623cd51245b70b1f1acb40d780ddc1' } let(:new_revision) { 'latest' } let(:registry) { 'docker-registry-001:80' } let(:docker_app) { create(:app, docker_image: "barbeque:#{old_revision}") } around do |example| ENV['BARBEQUE_DOCKER_REGISTRY'], original = registry, ENV['BARBEQUE_DOCKER_REGISTRY'] example.run ENV['BARBEQUE_DOCKER_REGISTRY'] = original end it 'updates a tag of docker_image', :autodoc do expect { delete "/v1/apps/#{docker_app.name}/revision_lock", env: env }.to change { docker_app.reload.docker_image }.from("barbeque:#{old_revision}").to("#{registry}/barbeque:#{new_revision}") end context 'when BARBEQUE_DOCKER_REGISTRY is not set' do let(:registry) { nil } it 'leaves a registry part empty' do expect { delete "/v1/apps/#{docker_app.name}/revision_lock", env: env }.to change { docker_app.reload.docker_image }.from("barbeque:#{old_revision}").to("barbeque:#{new_revision}") end end end end ================================================ FILE: spec/services/message_enqueuing_service_spec.rb ================================================ require 'rails_helper' describe Barbeque::MessageEnqueuingService do describe '#run' do let(:application) { 'cookpad' } let(:job) { 'PostToCuenoteJob' } let(:message) { { 'user_id' => 1 } } let(:message_id) { SecureRandom.uuid } let(:sqs_client) { double('Aws::SQS::Client') } let(:job_queue) { create(:job_queue) } let(:send_message_result) { double('Aws::SQS::Types::SendMessageResult', message_id: message_id) } before do allow(described_class).to receive(:sqs_client).and_return(sqs_client) end it 'enqueues a message whose type is JobExecution' do expect(sqs_client).to receive(:send_message).with( queue_url: job_queue.queue_url, message_body: { 'Type' => 'JobExecution', 'Application' => application, 'Job' => job, 'Message' => message, }.to_json, delay_seconds: nil, ).and_return(send_message_result) result = Barbeque::MessageEnqueuingService.new( job: job, queue: job_queue.name, message: message, application: application, ).run expect(result).to eq(message_id) end context 'when specified queue does not exist' do let(:queue_name) { 'non-existent queue name' } it 'does not enqueue a message' do expect(sqs_client).to_not receive(:send_message) expect { Barbeque::MessageEnqueuingService.new( job: job, queue: queue_name, message: message, application: application, ).run }.to raise_error(ActiveRecord::RecordNotFound) end end context 'when database is unavailable' do around do |example| env = ENV.to_h ENV['BARBEQUE_DATABASE_MAINTENANCE'] = '1' ENV['AWS_REGION'] = 'ap-northeast-1' ENV['AWS_ACCOUNT_ID'] = '123456789012' example.run ENV.replace(env) end it 'builds queue_url without database' do expect(sqs_client).to receive(:send_message).with(hash_including(queue_url: job_queue.queue_url)).and_return(send_message_result) expect(Barbeque::JobQueue).to_not receive(:connection) result = Barbeque::MessageEnqueuingService.new( job: job, queue: job_queue.name, message: message, application: application, ).run expect(result).to eq(message_id) end end context 'with delay_seconds' do let(:delay_seconds) { 300 } it 'enqueues a message with delay_seconds' do expect(sqs_client).to receive(:send_message).with( queue_url: job_queue.queue_url, message_body: { 'Type' => 'JobExecution', 'Application' => application, 'Job' => job, 'Message' => message, }.to_json, delay_seconds: delay_seconds, ).and_return(send_message_result) result = Barbeque::MessageEnqueuingService.new( job: job, queue: job_queue.name, message: message, application: application, delay_seconds: delay_seconds, ).run expect(result).to eq(message_id) end context 'with too large delay_seconds' do let(:delay_seconds) { 6000 } let(:invalid_parameter_value_exception) do Aws::SQS::Errors::InvalidParameterValue.new(nil, "Value #{delay_seconds} for parameter DelaySeconds is invalid. Reason: DelaySeconds must be >= 0 and <= 900.") end it 'raises BadRequest' do expect(sqs_client).to receive(:send_message).with( queue_url: job_queue.queue_url, message_body: { 'Type' => 'JobExecution', 'Application' => application, 'Job' => job, 'Message' => message, }.to_json, delay_seconds: delay_seconds, ).and_raise(invalid_parameter_value_exception) service = Barbeque::MessageEnqueuingService.new( job: job, queue: job_queue.name, message: message, application: application, delay_seconds: delay_seconds, ) expect { service.run }.to raise_error(Barbeque::MessageEnqueuingService::BadRequest) end end end end end ================================================ FILE: spec/spec_helper.rb ================================================ # This file was generated by the `rails generate rspec:install` command. Conventionally, all # specs live under a `spec` directory, which RSpec adds to the `$LOAD_PATH`. # The generated `.rspec` file contains `--require spec_helper` which will cause # this file to always be loaded, without a need to explicitly require it in any # files. # # Given that it is always loaded, you are encouraged to keep this file as # light-weight as possible. Requiring heavyweight dependencies from this file # will add to the boot time of your test suite on EVERY test run, even for an # individual file that may not need all of that loaded. Instead, consider making # a separate helper file that requires the additional dependencies and performs # the additional setup, and require it from the spec files that actually need # it. # # The `.rspec` file also contains a few flags that are not defaults but that # users commonly want. # # See http://rubydoc.info/gems/rspec-core/RSpec/Core/Configuration RSpec.configure do |config| # rspec-expectations config goes here. You can use an alternate # assertion/expectation library such as wrong or the stdlib/minitest # assertions if you prefer. config.expect_with :rspec do |expectations| # This option will default to `true` in RSpec 4. It makes the `description` # and `failure_message` of custom matchers include text for helper methods # defined using `chain`, e.g.: # be_bigger_than(2).and_smaller_than(4).description # # => "be bigger than 2 and smaller than 4" # ...rather than: # # => "be bigger than 2" expectations.include_chain_clauses_in_custom_matcher_descriptions = true end # rspec-mocks config goes here. You can use an alternate test double # library (such as bogus or mocha) by changing the `mock_with` option here. config.mock_with :rspec do |mocks| # Prevents you from mocking or stubbing a method that does not exist on # a real object. This is generally recommended, and will default to # `true` in RSpec 4. mocks.verify_partial_doubles = true end # This option will default to `:apply_to_host_groups` in RSpec 4 (and will # have no way to turn it off -- the option exists only for backwards # compatibility in RSpec 3). It causes shared context metadata to be # inherited by the metadata hash of host groups and examples, rather than # triggering implicit auto-inclusion in groups with matching metadata. config.shared_context_metadata_behavior = :apply_to_host_groups # The settings below are suggested to provide a good initial experience # with RSpec, but feel free to customize to your heart's content. =begin # This allows you to limit a spec run to individual examples or groups # you care about by tagging them with `:focus` metadata. When nothing # is tagged with `:focus`, all examples get run. RSpec also provides # aliases for `it`, `describe`, and `context` that include `:focus` # metadata: `fit`, `fdescribe` and `fcontext`, respectively. config.filter_run_when_matching :focus # Allows RSpec to persist some state between runs in order to support # the `--only-failures` and `--next-failure` CLI options. We recommend # you configure your source control system to ignore this file. config.example_status_persistence_file_path = "spec/examples.txt" # Limits the available syntax to the non-monkey patched syntax that is # recommended. For more details, see: # - http://rspec.info/blog/2012/06/rspecs-new-expectation-syntax/ # - http://www.teaisaweso.me/blog/2013/05/27/rspecs-new-message-expectation-syntax/ # - http://rspec.info/blog/2014/05/notable-changes-in-rspec-3/#zero-monkey-patching-mode config.disable_monkey_patching! # Many RSpec users commonly either run the entire suite or an individual # file, and it's useful to allow more verbose output when running an # individual spec file. if config.files_to_run.one? # Use the documentation formatter for detailed output, # unless a formatter has already been configured # (e.g. via a command-line flag). config.default_formatter = 'doc' end # Print the 10 slowest examples and example groups at the # end of the spec run, to help surface which specs are running # particularly slow. config.profile_examples = 10 # Run specs in random order to surface order dependencies. If you find an # order dependency and want to debug it, you can fix the order by providing # the seed, which is printed after each run. # --seed 1234 config.order = :random # Seed global randomization in this process using the `--seed` CLI option. # Setting this allows you to use `--seed` to deterministically reproduce # test failures related to randomization by passing the same `--seed` value # as the one that triggered the failure. Kernel.srand config.seed =end end ================================================ FILE: tools/s3-log-migrator.rb ================================================ #!/usr/bin/env ruby require 'aws-sdk-s3' require 'json' require 'logger' bucket = ENV.fetch('BARBEQUE_S3_BUCKET_NAME') num_workers = Integer(ENV.fetch('BARBEQUE_MIGRATOR_NUM_WORKERS', 16)) queue = Thread::SizedQueue.new(1000) s3_client = Aws::S3::Client.new logger = Logger.new($stdout) STOP = Object.new producer = Thread.start do Thread.current.name = 'producer' begin s3_client.list_objects_v2( bucket: bucket, delimiter: '/', max_keys: 1000, ).each do |page| page.common_prefixes.each do |app_prefix| s3_client.list_objects_v2( bucket: bucket, delimiter: '/', max_keys: 1000, prefix: app_prefix.prefix, ).each do |page| page.common_prefixes.each do |job_prefix| logger.info "Listing #{job_prefix.prefix}" s3_client.list_objects_v2( bucket: bucket, delimiter: '/', max_keys: 1000, prefix: job_prefix.prefix, ).each do |page| page.contents.each do |content| queue.push(content.key) end end end end end end ensure logger.info('Finish listing') num_workers.times do queue.push(STOP) end end end consumers = num_workers.times.map do |i| Thread.start do Thread.current.name = "consumer-#{i}" begin loop do key = queue.pop if key.equal?(STOP) break end log = JSON.parse(s3_client.get_object(bucket: bucket, key: key).body.read) puts "#{key}: #{log}" if log.key?('message') s3_client.put_object(bucket: bucket, key: "#{key}/message.json", body: log.fetch('message')) end s3_client.put_object(bucket: bucket, key: "#{key}/stdout.txt", body: log.fetch('stdout')) s3_client.put_object(bucket: bucket, key: "#{key}/stderr.txt", body: log.fetch('stderr')) s3_client.delete_object(bucket: bucket, key: key) end rescue => e logger.error("consumer-#{i} raised error") logger.error(e) raise e end end end def safe_join(thread) thread.join rescue => e $stderr.puts "#{thread.name} raised error: #{e.class}: #{e.message}" $stderr.puts e.backtrace end safe_join(producer) consumers.each { |c| safe_join(c) } ================================================ FILE: vendor/assets/javascripts/adminlte.js ================================================ /*! AdminLTE app.js * ================ * Main JS application file for AdminLTE v2. This file * should be included in all pages. It controls some layout * options and implements exclusive AdminLTE plugins. * * @author Colorlib * @support * @version v2.4.18 * @repository git://github.com/ColorlibHQ/AdminLTE.git * @license MIT */ // Make sure jQuery has been loaded if (typeof jQuery === 'undefined') { throw new Error('AdminLTE requires jQuery') } /* BoxRefresh() * ========= * Adds AJAX content control to a box. * * @Usage: $('#my-box').boxRefresh(options) * or add [data-widget="box-refresh"] to the box element * Pass any option as data-option="value" */ +function ($) { 'use strict'; var DataKey = 'lte.boxrefresh'; var Default = { source : '', params : {}, trigger : '.refresh-btn', content : '.box-body', loadInContent : true, responseType : '', overlayTemplate: '
', onLoadStart : function () { }, onLoadDone : function (response) { return response; } }; var Selector = { data: '[data-widget="box-refresh"]' }; // BoxRefresh Class Definition // ========================= var BoxRefresh = function (element, options) { this.element = element; this.options = options; this.$overlay = $(options.overlayTemplate); if (options.source === '') { throw new Error('Source url was not defined. Please specify a url in your BoxRefresh source option.'); } this._setUpListeners(); this.load(); }; BoxRefresh.prototype.load = function () { this._addOverlay(); this.options.onLoadStart.call($(this)); $.get(this.options.source, this.options.params, function (response) { if (this.options.loadInContent) { $(this.element).find(this.options.content).html(response); } this.options.onLoadDone.call($(this), response); this._removeOverlay(); }.bind(this), this.options.responseType !== '' && this.options.responseType); }; // Private BoxRefresh.prototype._setUpListeners = function () { $(this.element).on('click', this.options.trigger, function (event) { if (event) event.preventDefault(); this.load(); }.bind(this)); }; BoxRefresh.prototype._addOverlay = function () { $(this.element).append(this.$overlay); }; BoxRefresh.prototype._removeOverlay = function () { $(this.$overlay).remove(); }; // Plugin Definition // ================= function Plugin(option) { return this.each(function () { var $this = $(this); var data = $this.data(DataKey); if (!data) { var options = $.extend({}, Default, $this.data(), typeof option == 'object' && option); $this.data(DataKey, (data = new BoxRefresh($this, options))); } if (typeof data == 'string') { if (typeof data[option] == 'undefined') { throw new Error('No method named ' + option); } data[option](); } }); } var old = $.fn.boxRefresh; $.fn.boxRefresh = Plugin; $.fn.boxRefresh.Constructor = BoxRefresh; // No Conflict Mode // ================ $.fn.boxRefresh.noConflict = function () { $.fn.boxRefresh = old; return this; }; // BoxRefresh Data API // ================= $(window).on('load', function () { $(Selector.data).each(function () { Plugin.call($(this)); }); }); }(jQuery); /* BoxWidget() * ====== * Adds box widget functions to boxes. * * @Usage: $('.my-box').boxWidget(options) * This plugin auto activates on any element using the `.box` class * Pass any option as data-option="value" */ +function ($) { 'use strict'; var DataKey = 'lte.boxwidget'; var Default = { animationSpeed : 500, collapseTrigger: '[data-widget="collapse"]', removeTrigger : '[data-widget="remove"]', collapseIcon : 'fa-minus', expandIcon : 'fa-plus', removeIcon : 'fa-times' }; var Selector = { data : '.box', collapsed: '.collapsed-box', header : '.box-header', body : '.box-body', footer : '.box-footer', tools : '.box-tools' }; var ClassName = { collapsed: 'collapsed-box' }; var Event = { collapsing: 'collapsing.boxwidget', collapsed: 'collapsed.boxwidget', expanding: 'expanding.boxwidget', expanded: 'expanded.boxwidget', removing: 'removing.boxwidget', removed: 'removed.boxwidget' }; // BoxWidget Class Definition // ===================== var BoxWidget = function (element, options) { this.element = element; this.options = options; this._setUpListeners(); }; BoxWidget.prototype.toggle = function () { var isOpen = !$(this.element).is(Selector.collapsed); if (isOpen) { this.collapse(); } else { this.expand(); } }; BoxWidget.prototype.expand = function () { var expandedEvent = $.Event(Event.expanded); var expandingEvent = $.Event(Event.expanding); var collapseIcon = this.options.collapseIcon; var expandIcon = this.options.expandIcon; $(this.element).removeClass(ClassName.collapsed); $(this.element) .children(Selector.header + ', ' + Selector.body + ', ' + Selector.footer) .children(Selector.tools) .find('.' + expandIcon) .removeClass(expandIcon) .addClass(collapseIcon); $(this.element).children(Selector.body + ', ' + Selector.footer) .slideDown(this.options.animationSpeed, function () { $(this.element).trigger(expandedEvent); }.bind(this)) .trigger(expandingEvent); }; BoxWidget.prototype.collapse = function () { var collapsedEvent = $.Event(Event.collapsed); var collapsingEvent = $.Event(Event.collapsing); var collapseIcon = this.options.collapseIcon; var expandIcon = this.options.expandIcon; $(this.element) .children(Selector.header + ', ' + Selector.body + ', ' + Selector.footer) .children(Selector.tools) .find('.' + collapseIcon) .removeClass(collapseIcon) .addClass(expandIcon); $(this.element).children(Selector.body + ', ' + Selector.footer) .slideUp(this.options.animationSpeed, function () { $(this.element).addClass(ClassName.collapsed); $(this.element).trigger(collapsedEvent); }.bind(this)) .trigger(collapsingEvent); }; BoxWidget.prototype.remove = function () { var removedEvent = $.Event(Event.removed); var removingEvent = $.Event(Event.removing); $(this.element).slideUp(this.options.animationSpeed, function () { $(this.element).trigger(removedEvent); $(this.element).remove(); }.bind(this)) .trigger(removingEvent); }; // Private BoxWidget.prototype._setUpListeners = function () { var that = this; $(this.element).on('click', this.options.collapseTrigger, function (event) { if (event) event.preventDefault(); that.toggle($(this)); return false; }); $(this.element).on('click', this.options.removeTrigger, function (event) { if (event) event.preventDefault(); that.remove($(this)); return false; }); }; // Plugin Definition // ================= function Plugin(option) { return this.each(function () { var $this = $(this); var data = $this.data(DataKey); if (!data) { var options = $.extend({}, Default, $this.data(), typeof option == 'object' && option); $this.data(DataKey, (data = new BoxWidget($this, options))); } if (typeof option == 'string') { if (typeof data[option] == 'undefined') { throw new Error('No method named ' + option); } data[option](); } }); } var old = $.fn.boxWidget; $.fn.boxWidget = Plugin; $.fn.boxWidget.Constructor = BoxWidget; // No Conflict Mode // ================ $.fn.boxWidget.noConflict = function () { $.fn.boxWidget = old; return this; }; // BoxWidget Data API // ================== $(window).on('load', function () { $(Selector.data).each(function () { Plugin.call($(this)); }); }); }(jQuery); /* ControlSidebar() * =============== * Toggles the state of the control sidebar * * @Usage: $('#control-sidebar-trigger').controlSidebar(options) * or add [data-toggle="control-sidebar"] to the trigger * Pass any option as data-option="value" */ +function ($) { 'use strict'; var DataKey = 'lte.controlsidebar'; var Default = { controlsidebarSlide: true }; var Selector = { sidebar: '.control-sidebar', data : '[data-toggle="control-sidebar"]', open : '.control-sidebar-open', bg : '.control-sidebar-bg', wrapper: '.wrapper', content: '.content-wrapper', boxed : '.layout-boxed' }; var ClassName = { open: 'control-sidebar-open', transition: 'control-sidebar-hold-transition', fixed: 'fixed' }; var Event = { collapsed: 'collapsed.controlsidebar', expanded : 'expanded.controlsidebar' }; // ControlSidebar Class Definition // =============================== var ControlSidebar = function (element, options) { this.element = element; this.options = options; this.hasBindedResize = false; this.init(); }; ControlSidebar.prototype.init = function () { // Add click listener if the element hasn't been // initialized using the data API if (!$(this.element).is(Selector.data)) { $(this).on('click', this.toggle); } this.fix(); $(window).resize(function () { this.fix(); }.bind(this)); }; ControlSidebar.prototype.toggle = function (event) { if (event) event.preventDefault(); this.fix(); if (!$(Selector.sidebar).is(Selector.open) && !$('body').is(Selector.open)) { this.expand(); } else { this.collapse(); } }; ControlSidebar.prototype.expand = function () { $(Selector.sidebar).show(); if (!this.options.controlsidebarSlide) { $('body').addClass(ClassName.transition).addClass(ClassName.open).delay(50).queue(function(){ $('body').removeClass(ClassName.transition); $(this).dequeue() }) } else { $(Selector.sidebar).addClass(ClassName.open); } $(this.element).trigger($.Event(Event.expanded)); }; ControlSidebar.prototype.collapse = function () { if (!this.options.controlsidebarSlide) { $('body').addClass(ClassName.transition).removeClass(ClassName.open).delay(50).queue(function(){ $('body').removeClass(ClassName.transition); $(this).dequeue() }) } else { $(Selector.sidebar).removeClass(ClassName.open); } $(Selector.sidebar).fadeOut(); $(this.element).trigger($.Event(Event.collapsed)); }; ControlSidebar.prototype.fix = function () { if ($('body').is(Selector.boxed)) { this._fixForBoxed($(Selector.bg)); } }; // Private ControlSidebar.prototype._fixForBoxed = function (bg) { bg.css({ position: 'absolute', height : $(Selector.wrapper).height() }); }; // Plugin Definition // ================= function Plugin(option) { return this.each(function () { var $this = $(this); var data = $this.data(DataKey); if (!data) { var options = $.extend({}, Default, $this.data(), typeof option == 'object' && option); $this.data(DataKey, (data = new ControlSidebar($this, options))); } if (typeof option == 'string') data.toggle(); }); } var old = $.fn.controlSidebar; $.fn.controlSidebar = Plugin; $.fn.controlSidebar.Constructor = ControlSidebar; // No Conflict Mode // ================ $.fn.controlSidebar.noConflict = function () { $.fn.controlSidebar = old; return this; }; // ControlSidebar Data API // ======================= $(document).on('click', Selector.data, function (event) { if (event) event.preventDefault(); Plugin.call($(this), 'toggle'); }); }(jQuery); /* DirectChat() * =============== * Toggles the state of the control sidebar * * @Usage: $('#my-chat-box').directChat() * or add [data-widget="direct-chat"] to the trigger */ +function ($) { 'use strict'; var DataKey = 'lte.directchat'; var Selector = { data: '[data-widget="chat-pane-toggle"]', box : '.direct-chat' }; var ClassName = { open: 'direct-chat-contacts-open' }; // DirectChat Class Definition // =========================== var DirectChat = function (element) { this.element = element; }; DirectChat.prototype.toggle = function ($trigger) { $trigger.parents(Selector.box).first().toggleClass(ClassName.open); }; // Plugin Definition // ================= function Plugin(option) { return this.each(function () { var $this = $(this); var data = $this.data(DataKey); if (!data) { $this.data(DataKey, (data = new DirectChat($this))); } if (typeof option == 'string') data.toggle($this); }); } var old = $.fn.directChat; $.fn.directChat = Plugin; $.fn.directChat.Constructor = DirectChat; // No Conflict Mode // ================ $.fn.directChat.noConflict = function () { $.fn.directChat = old; return this; }; // DirectChat Data API // =================== $(document).on('click', Selector.data, function (event) { if (event) event.preventDefault(); Plugin.call($(this), 'toggle'); }); }(jQuery); /* PushMenu() * ========== * Adds the push menu functionality to the sidebar. * * @usage: $('.btn').pushMenu(options) * or add [data-toggle="push-menu"] to any button * Pass any option as data-option="value" */ +function ($) { 'use strict'; var DataKey = 'lte.pushmenu'; var Default = { collapseScreenSize : 767, expandOnHover : false, expandTransitionDelay: 200 }; var Selector = { collapsed : '.sidebar-collapse', open : '.sidebar-open', mainSidebar : '.main-sidebar', contentWrapper: '.content-wrapper', searchInput : '.sidebar-form .form-control', button : '[data-toggle="push-menu"]', mini : '.sidebar-mini', expanded : '.sidebar-expanded-on-hover', layoutFixed : '.fixed' }; var ClassName = { collapsed : 'sidebar-collapse', open : 'sidebar-open', mini : 'sidebar-mini', expanded : 'sidebar-expanded-on-hover', expandFeature: 'sidebar-mini-expand-feature', layoutFixed : 'fixed' }; var Event = { expanded : 'expanded.pushMenu', collapsed: 'collapsed.pushMenu' }; // PushMenu Class Definition // ========================= var PushMenu = function (options) { this.options = options; this.init(); }; PushMenu.prototype.init = function () { if (this.options.expandOnHover || ($('body').is(Selector.mini + Selector.layoutFixed))) { this.expandOnHover(); $('body').addClass(ClassName.expandFeature); } $(Selector.contentWrapper).click(function () { // Enable hide menu when clicking on the content-wrapper on small screens if ($(window).width() <= this.options.collapseScreenSize && $('body').hasClass(ClassName.open)) { this.close(); } }.bind(this)); // __Fix for android devices $(Selector.searchInput).click(function (e) { e.stopPropagation(); }); }; PushMenu.prototype.toggle = function () { var windowWidth = $(window).width(); var isOpen = !$('body').hasClass(ClassName.collapsed); if (windowWidth <= this.options.collapseScreenSize) { isOpen = $('body').hasClass(ClassName.open); } if (!isOpen) { this.open(); } else { this.close(); } }; PushMenu.prototype.open = function () { var windowWidth = $(window).width(); if (windowWidth > this.options.collapseScreenSize) { $('body').removeClass(ClassName.collapsed) .trigger($.Event(Event.expanded)); } else { $('body').addClass(ClassName.open) .trigger($.Event(Event.expanded)); } }; PushMenu.prototype.close = function () { var windowWidth = $(window).width(); if (windowWidth > this.options.collapseScreenSize) { $('body').addClass(ClassName.collapsed) .trigger($.Event(Event.collapsed)); } else { $('body').removeClass(ClassName.open + ' ' + ClassName.collapsed) .trigger($.Event(Event.collapsed)); } }; PushMenu.prototype.expandOnHover = function () { $(Selector.mainSidebar).hover(function () { if ($('body').is(Selector.mini + Selector.collapsed) && $(window).width() > this.options.collapseScreenSize) { this.expand(); } }.bind(this), function () { if ($('body').is(Selector.expanded)) { this.collapse(); } }.bind(this)); }; PushMenu.prototype.expand = function () { setTimeout(function () { $('body').removeClass(ClassName.collapsed) .addClass(ClassName.expanded); }, this.options.expandTransitionDelay); }; PushMenu.prototype.collapse = function () { setTimeout(function () { $('body').removeClass(ClassName.expanded) .addClass(ClassName.collapsed); }, this.options.expandTransitionDelay); }; // PushMenu Plugin Definition // ========================== function Plugin(option) { return this.each(function () { var $this = $(this); var data = $this.data(DataKey); if (!data) { var options = $.extend({}, Default, $this.data(), typeof option == 'object' && option); $this.data(DataKey, (data = new PushMenu(options))); } if (option === 'toggle') data.toggle(); }); } var old = $.fn.pushMenu; $.fn.pushMenu = Plugin; $.fn.pushMenu.Constructor = PushMenu; // No Conflict Mode // ================ $.fn.pushMenu.noConflict = function () { $.fn.pushMenu = old; return this; }; // Data API // ======== $(document).on('click', Selector.button, function (e) { e.preventDefault(); Plugin.call($(this), 'toggle'); }); $(window).on('load', function () { Plugin.call($(Selector.button)); }); }(jQuery); /* TodoList() * ========= * Converts a list into a todoList. * * @Usage: $('.my-list').todoList(options) * or add [data-widget="todo-list"] to the ul element * Pass any option as data-option="value" */ +function ($) { 'use strict'; var DataKey = 'lte.todolist'; var Default = { onCheck : function (item) { return item; }, onUnCheck: function (item) { return item; } }; var Selector = { data: '[data-widget="todo-list"]' }; var ClassName = { done: 'done' }; // TodoList Class Definition // ========================= var TodoList = function (element, options) { this.element = element; this.options = options; this._setUpListeners(); }; TodoList.prototype.toggle = function (item) { item.parents(Selector.li).first().toggleClass(ClassName.done); if (!item.prop('checked')) { this.unCheck(item); return; } this.check(item); }; TodoList.prototype.check = function (item) { this.options.onCheck.call(item); }; TodoList.prototype.unCheck = function (item) { this.options.onUnCheck.call(item); }; // Private TodoList.prototype._setUpListeners = function () { var that = this; $(this.element).on('change ifChanged', 'input:checkbox', function () { that.toggle($(this)); }); }; // Plugin Definition // ================= function Plugin(option) { return this.each(function () { var $this = $(this); var data = $this.data(DataKey); if (!data) { var options = $.extend({}, Default, $this.data(), typeof option == 'object' && option); $this.data(DataKey, (data = new TodoList($this, options))); } if (typeof data == 'string') { if (typeof data[option] == 'undefined') { throw new Error('No method named ' + option); } data[option](); } }); } var old = $.fn.todoList; $.fn.todoList = Plugin; $.fn.todoList.Constructor = TodoList; // No Conflict Mode // ================ $.fn.todoList.noConflict = function () { $.fn.todoList = old; return this; }; // TodoList Data API // ================= $(window).on('load', function () { $(Selector.data).each(function () { Plugin.call($(this)); }); }); }(jQuery); /* Tree() * ====== * Converts a nested list into a multilevel * tree view menu. * * @Usage: $('.my-menu').tree(options) * or add [data-widget="tree"] to the ul element * Pass any option as data-option="value" */ +function ($) { 'use strict'; var DataKey = 'lte.tree'; var Default = { animationSpeed: 500, accordion : true, followLink : false, trigger : '.treeview a' }; var Selector = { tree : '.tree', treeview : '.treeview', treeviewMenu: '.treeview-menu', open : '.menu-open, .active', li : 'li', data : '[data-widget="tree"]', active : '.active' }; var ClassName = { open: 'menu-open', tree: 'tree' }; var Event = { collapsed: 'collapsed.tree', expanded : 'expanded.tree' }; // Tree Class Definition // ===================== var Tree = function (element, options) { this.element = element; this.options = options; $(this.element).addClass(ClassName.tree); $(Selector.treeview + Selector.active, this.element).addClass(ClassName.open); this._setUpListeners(); }; Tree.prototype.toggle = function (link, event) { var treeviewMenu = link.next(Selector.treeviewMenu); var parentLi = link.parent(); var isOpen = parentLi.hasClass(ClassName.open); if (!parentLi.is(Selector.treeview)) { return; } if (!this.options.followLink || link.attr('href') === '#') { event.preventDefault(); } if (isOpen) { this.collapse(treeviewMenu, parentLi); } else { this.expand(treeviewMenu, parentLi); } }; Tree.prototype.expand = function (tree, parent) { var expandedEvent = $.Event(Event.expanded); if (this.options.accordion) { var openMenuLi = parent.siblings(Selector.open); var openTree = openMenuLi.children(Selector.treeviewMenu); this.collapse(openTree, openMenuLi); } parent.addClass(ClassName.open); tree.stop().slideDown(this.options.animationSpeed, function () { $(this.element).trigger(expandedEvent); parent.height('auto'); }.bind(this)); }; Tree.prototype.collapse = function (tree, parentLi) { var collapsedEvent = $.Event(Event.collapsed); //tree.find(Selector.open).removeClass(ClassName.open); parentLi.removeClass(ClassName.open); tree.stop().slideUp(this.options.animationSpeed, function () { //tree.find(Selector.open + ' > ' + Selector.treeview).slideUp(); $(this.element).trigger(collapsedEvent); // Collapse child items parentLi.find(Selector.treeview).removeClass(ClassName.open).find(Selector.treeviewMenu).hide(); }.bind(this)); }; // Private Tree.prototype._setUpListeners = function () { var that = this; $(this.element).on('click', this.options.trigger, function (event) { that.toggle($(this), event); }); }; // Plugin Definition // ================= function Plugin(option) { return this.each(function () { var $this = $(this); var data = $this.data(DataKey); if (!data) { var options = $.extend({}, Default, $this.data(), typeof option == 'object' && option); $this.data(DataKey, new Tree($this, options)); } }); } var old = $.fn.tree; $.fn.tree = Plugin; $.fn.tree.Constructor = Tree; // No Conflict Mode // ================ $.fn.tree.noConflict = function () { $.fn.tree = old; return this; }; // Tree Data API // ============= $(window).on('load', function () { $(Selector.data).each(function () { Plugin.call($(this)); }); }); }(jQuery); /* Layout() * ======== * Implements AdminLTE layout. * Fixes the layout height in case min-height fails. * * @usage activated automatically upon window load. * Configure any options by passing data-option="value" * to the body tag. */ +function ($) { 'use strict'; var DataKey = 'lte.layout'; var Default = { slimscroll : true, resetHeight: true }; var Selector = { wrapper : '.wrapper', contentWrapper: '.content-wrapper', layoutBoxed : '.layout-boxed', mainFooter : '.main-footer', mainHeader : '.main-header', mainSidebar : '.main-sidebar', slimScrollDiv : 'slimScrollDiv', sidebar : '.sidebar', controlSidebar: '.control-sidebar', fixed : '.fixed', sidebarMenu : '.sidebar-menu', logo : '.main-header .logo' }; var ClassName = { fixed : 'fixed', holdTransition: 'hold-transition' }; var Layout = function (options) { this.options = options; this.bindedResize = false; this.activate(); }; Layout.prototype.activate = function () { this.fix(); this.fixSidebar(); $('body').removeClass(ClassName.holdTransition); if (this.options.resetHeight) { $('body, html, ' + Selector.wrapper).css({ 'height' : 'auto', 'min-height': '100%' }); } if (!this.bindedResize) { $(window).resize(function () { this.fix(); this.fixSidebar(); $(Selector.logo + ', ' + Selector.sidebar).one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function () { this.fix(); this.fixSidebar(); }.bind(this)); }.bind(this)); this.bindedResize = true; } $(Selector.sidebarMenu).on('expanded.tree', function () { this.fix(); this.fixSidebar(); }.bind(this)); $(Selector.sidebarMenu).on('collapsed.tree', function () { this.fix(); this.fixSidebar(); }.bind(this)); }; Layout.prototype.fix = function () { // Remove overflow from .wrapper if layout-boxed exists $(Selector.layoutBoxed + ' > ' + Selector.wrapper).css('overflow', 'hidden'); // Get window height and the wrapper height var footerHeight = $(Selector.mainFooter).outerHeight() || 0; var headerHeight = $(Selector.mainHeader).outerHeight() || 0; var neg = headerHeight + footerHeight; var windowHeight = $(window).height(); var sidebarHeight = $(Selector.sidebar).outerHeight() || 0; // Set the min-height of the content and sidebar based on // the height of the document. if ($('body').hasClass(ClassName.fixed)) { $(Selector.contentWrapper).css('min-height', windowHeight - footerHeight); } else { var postSetHeight; if (windowHeight >= sidebarHeight + headerHeight) { $(Selector.contentWrapper).css('min-height', windowHeight - neg); postSetHeight = windowHeight - neg; } else { $(Selector.contentWrapper).css('min-height', sidebarHeight); postSetHeight = sidebarHeight; } // Fix for the control sidebar height var $controlSidebar = $(Selector.controlSidebar); if (typeof $controlSidebar !== 'undefined') { if ($controlSidebar.height() > postSetHeight) $(Selector.contentWrapper).css('min-height', $controlSidebar.height()); } } }; Layout.prototype.fixSidebar = function () { // Make sure the body tag has the .fixed class if (!$('body').hasClass(ClassName.fixed)) { if (typeof $.fn.slimScroll !== 'undefined') { $(Selector.sidebar).slimScroll({ destroy: true }).height('auto'); } return; } // Enable slimscroll for fixed layout if (this.options.slimscroll) { if (typeof $.fn.slimScroll !== 'undefined') { // Destroy if it exists // $(Selector.sidebar).slimScroll({ destroy: true }).height('auto') // Add slimscroll if ($(Selector.mainSidebar).find(Selector.slimScrollDiv).length === 0) { $(Selector.sidebar).slimScroll({ height: ($(window).height() - $(Selector.mainHeader).height()) + 'px' }); } } } }; // Plugin Definition // ================= function Plugin(option) { return this.each(function () { var $this = $(this); var data = $this.data(DataKey); if (!data) { var options = $.extend({}, Default, $this.data(), typeof option === 'object' && option); $this.data(DataKey, (data = new Layout(options))); } if (typeof option === 'string') { if (typeof data[option] === 'undefined') { throw new Error('No method named ' + option); } data[option](); } }); } var old = $.fn.layout; $.fn.layout = Plugin; $.fn.layout.Constuctor = Layout; // No conflict mode // ================ $.fn.layout.noConflict = function () { $.fn.layout = old; return this; }; // Layout DATA-API // =============== $(window).on('load', function () { Plugin.call($('body')); }); }(jQuery); ================================================ FILE: vendor/assets/javascripts/bootstrap.js ================================================ /*! * Bootstrap v3.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 Twitter, Inc. * Licensed under the MIT license */ if (typeof jQuery === 'undefined') { throw new Error('Bootstrap\'s JavaScript requires jQuery') } +function ($) { 'use strict'; var version = $.fn.jquery.split(' ')[0].split('.') if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] > 3)) { throw new Error('Bootstrap\'s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4') } }(jQuery); /* ======================================================================== * Bootstrap: transition.js v3.4.1 * https://getbootstrap.com/docs/3.4/javascript/#transitions * ======================================================================== * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // CSS TRANSITION SUPPORT (Shoutout: https://modernizr.com/) // ============================================================ function transitionEnd() { var el = document.createElement('bootstrap') var transEndEventNames = { WebkitTransition : 'webkitTransitionEnd', MozTransition : 'transitionend', OTransition : 'oTransitionEnd otransitionend', transition : 'transitionend' } for (var name in transEndEventNames) { if (el.style[name] !== undefined) { return { end: transEndEventNames[name] } } } return false // explicit for ie8 ( ._.) } // https://blog.alexmaccaw.com/css-transitions $.fn.emulateTransitionEnd = function (duration) { var called = false var $el = this $(this).one('bsTransitionEnd', function () { called = true }) var callback = function () { if (!called) $($el).trigger($.support.transition.end) } setTimeout(callback, duration) return this } $(function () { $.support.transition = transitionEnd() if (!$.support.transition) return $.event.special.bsTransitionEnd = { bindType: $.support.transition.end, delegateType: $.support.transition.end, handle: function (e) { if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments) } } }) }(jQuery); /* ======================================================================== * Bootstrap: alert.js v3.4.1 * https://getbootstrap.com/docs/3.4/javascript/#alerts * ======================================================================== * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // ALERT CLASS DEFINITION // ====================== var dismiss = '[data-dismiss="alert"]' var Alert = function (el) { $(el).on('click', dismiss, this.close) } Alert.VERSION = '3.4.1' Alert.TRANSITION_DURATION = 150 Alert.prototype.close = function (e) { var $this = $(this) var selector = $this.attr('data-target') if (!selector) { selector = $this.attr('href') selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 } selector = selector === '#' ? [] : selector var $parent = $(document).find(selector) if (e) e.preventDefault() if (!$parent.length) { $parent = $this.closest('.alert') } $parent.trigger(e = $.Event('close.bs.alert')) if (e.isDefaultPrevented()) return $parent.removeClass('in') function removeElement() { // detach from parent, fire event then clean up data $parent.detach().trigger('closed.bs.alert').remove() } $.support.transition && $parent.hasClass('fade') ? $parent .one('bsTransitionEnd', removeElement) .emulateTransitionEnd(Alert.TRANSITION_DURATION) : removeElement() } // ALERT PLUGIN DEFINITION // ======================= function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.alert') if (!data) $this.data('bs.alert', (data = new Alert(this))) if (typeof option == 'string') data[option].call($this) }) } var old = $.fn.alert $.fn.alert = Plugin $.fn.alert.Constructor = Alert // ALERT NO CONFLICT // ================= $.fn.alert.noConflict = function () { $.fn.alert = old return this } // ALERT DATA-API // ============== $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) }(jQuery); /* ======================================================================== * Bootstrap: button.js v3.4.1 * https://getbootstrap.com/docs/3.4/javascript/#buttons * ======================================================================== * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // BUTTON PUBLIC CLASS DEFINITION // ============================== var Button = function (element, options) { this.$element = $(element) this.options = $.extend({}, Button.DEFAULTS, options) this.isLoading = false } Button.VERSION = '3.4.1' Button.DEFAULTS = { loadingText: 'loading...' } Button.prototype.setState = function (state) { var d = 'disabled' var $el = this.$element var val = $el.is('input') ? 'val' : 'html' var data = $el.data() state += 'Text' if (data.resetText == null) $el.data('resetText', $el[val]()) // push to event loop to allow forms to submit setTimeout($.proxy(function () { $el[val](data[state] == null ? this.options[state] : data[state]) if (state == 'loadingText') { this.isLoading = true $el.addClass(d).attr(d, d).prop(d, true) } else if (this.isLoading) { this.isLoading = false $el.removeClass(d).removeAttr(d).prop(d, false) } }, this), 0) } Button.prototype.toggle = function () { var changed = true var $parent = this.$element.closest('[data-toggle="buttons"]') if ($parent.length) { var $input = this.$element.find('input') if ($input.prop('type') == 'radio') { if ($input.prop('checked')) changed = false $parent.find('.active').removeClass('active') this.$element.addClass('active') } else if ($input.prop('type') == 'checkbox') { if (($input.prop('checked')) !== this.$element.hasClass('active')) changed = false this.$element.toggleClass('active') } $input.prop('checked', this.$element.hasClass('active')) if (changed) $input.trigger('change') } else { this.$element.attr('aria-pressed', !this.$element.hasClass('active')) this.$element.toggleClass('active') } } // BUTTON PLUGIN DEFINITION // ======================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.button') var options = typeof option == 'object' && option if (!data) $this.data('bs.button', (data = new Button(this, options))) if (option == 'toggle') data.toggle() else if (option) data.setState(option) }) } var old = $.fn.button $.fn.button = Plugin $.fn.button.Constructor = Button // BUTTON NO CONFLICT // ================== $.fn.button.noConflict = function () { $.fn.button = old return this } // BUTTON DATA-API // =============== $(document) .on('click.bs.button.data-api', '[data-toggle^="button"]', function (e) { var $btn = $(e.target).closest('.btn') Plugin.call($btn, 'toggle') if (!($(e.target).is('input[type="radio"], input[type="checkbox"]'))) { // Prevent double click on radios, and the double selections (so cancellation) on checkboxes e.preventDefault() // The target component still receive the focus if ($btn.is('input,button')) $btn.trigger('focus') else $btn.find('input:visible,button:visible').first().trigger('focus') } }) .on('focus.bs.button.data-api blur.bs.button.data-api', '[data-toggle^="button"]', function (e) { $(e.target).closest('.btn').toggleClass('focus', /^focus(in)?$/.test(e.type)) }) }(jQuery); /* ======================================================================== * Bootstrap: carousel.js v3.4.1 * https://getbootstrap.com/docs/3.4/javascript/#carousel * ======================================================================== * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // CAROUSEL CLASS DEFINITION // ========================= var Carousel = function (element, options) { this.$element = $(element) this.$indicators = this.$element.find('.carousel-indicators') this.options = options this.paused = null this.sliding = null this.interval = null this.$active = null this.$items = null this.options.keyboard && this.$element.on('keydown.bs.carousel', $.proxy(this.keydown, this)) this.options.pause == 'hover' && !('ontouchstart' in document.documentElement) && this.$element .on('mouseenter.bs.carousel', $.proxy(this.pause, this)) .on('mouseleave.bs.carousel', $.proxy(this.cycle, this)) } Carousel.VERSION = '3.4.1' Carousel.TRANSITION_DURATION = 600 Carousel.DEFAULTS = { interval: 5000, pause: 'hover', wrap: true, keyboard: true } Carousel.prototype.keydown = function (e) { if (/input|textarea/i.test(e.target.tagName)) return switch (e.which) { case 37: this.prev(); break case 39: this.next(); break default: return } e.preventDefault() } Carousel.prototype.cycle = function (e) { e || (this.paused = false) this.interval && clearInterval(this.interval) this.options.interval && !this.paused && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) return this } Carousel.prototype.getItemIndex = function (item) { this.$items = item.parent().children('.item') return this.$items.index(item || this.$active) } Carousel.prototype.getItemForDirection = function (direction, active) { var activeIndex = this.getItemIndex(active) var willWrap = (direction == 'prev' && activeIndex === 0) || (direction == 'next' && activeIndex == (this.$items.length - 1)) if (willWrap && !this.options.wrap) return active var delta = direction == 'prev' ? -1 : 1 var itemIndex = (activeIndex + delta) % this.$items.length return this.$items.eq(itemIndex) } Carousel.prototype.to = function (pos) { var that = this var activeIndex = this.getItemIndex(this.$active = this.$element.find('.item.active')) if (pos > (this.$items.length - 1) || pos < 0) return if (this.sliding) return this.$element.one('slid.bs.carousel', function () { that.to(pos) }) // yes, "slid" if (activeIndex == pos) return this.pause().cycle() return this.slide(pos > activeIndex ? 'next' : 'prev', this.$items.eq(pos)) } Carousel.prototype.pause = function (e) { e || (this.paused = true) if (this.$element.find('.next, .prev').length && $.support.transition) { this.$element.trigger($.support.transition.end) this.cycle(true) } this.interval = clearInterval(this.interval) return this } Carousel.prototype.next = function () { if (this.sliding) return return this.slide('next') } Carousel.prototype.prev = function () { if (this.sliding) return return this.slide('prev') } Carousel.prototype.slide = function (type, next) { var $active = this.$element.find('.item.active') var $next = next || this.getItemForDirection(type, $active) var isCycling = this.interval var direction = type == 'next' ? 'left' : 'right' var that = this if ($next.hasClass('active')) return (this.sliding = false) var relatedTarget = $next[0] var slideEvent = $.Event('slide.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) this.$element.trigger(slideEvent) if (slideEvent.isDefaultPrevented()) return this.sliding = true isCycling && this.pause() if (this.$indicators.length) { this.$indicators.find('.active').removeClass('active') var $nextIndicator = $(this.$indicators.children()[this.getItemIndex($next)]) $nextIndicator && $nextIndicator.addClass('active') } var slidEvent = $.Event('slid.bs.carousel', { relatedTarget: relatedTarget, direction: direction }) // yes, "slid" if ($.support.transition && this.$element.hasClass('slide')) { $next.addClass(type) if (typeof $next === 'object' && $next.length) { $next[0].offsetWidth // force reflow } $active.addClass(direction) $next.addClass(direction) $active .one('bsTransitionEnd', function () { $next.removeClass([type, direction].join(' ')).addClass('active') $active.removeClass(['active', direction].join(' ')) that.sliding = false setTimeout(function () { that.$element.trigger(slidEvent) }, 0) }) .emulateTransitionEnd(Carousel.TRANSITION_DURATION) } else { $active.removeClass('active') $next.addClass('active') this.sliding = false this.$element.trigger(slidEvent) } isCycling && this.cycle() return this } // CAROUSEL PLUGIN DEFINITION // ========================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.carousel') var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option) var action = typeof option == 'string' ? option : options.slide if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))) if (typeof option == 'number') data.to(option) else if (action) data[action]() else if (options.interval) data.pause().cycle() }) } var old = $.fn.carousel $.fn.carousel = Plugin $.fn.carousel.Constructor = Carousel // CAROUSEL NO CONFLICT // ==================== $.fn.carousel.noConflict = function () { $.fn.carousel = old return this } // CAROUSEL DATA-API // ================= var clickHandler = function (e) { var $this = $(this) var href = $this.attr('href') if (href) { href = href.replace(/.*(?=#[^\s]+$)/, '') // strip for ie7 } var target = $this.attr('data-target') || href var $target = $(document).find(target) if (!$target.hasClass('carousel')) return var options = $.extend({}, $target.data(), $this.data()) var slideIndex = $this.attr('data-slide-to') if (slideIndex) options.interval = false Plugin.call($target, options) if (slideIndex) { $target.data('bs.carousel').to(slideIndex) } e.preventDefault() } $(document) .on('click.bs.carousel.data-api', '[data-slide]', clickHandler) .on('click.bs.carousel.data-api', '[data-slide-to]', clickHandler) $(window).on('load', function () { $('[data-ride="carousel"]').each(function () { var $carousel = $(this) Plugin.call($carousel, $carousel.data()) }) }) }(jQuery); /* ======================================================================== * Bootstrap: collapse.js v3.4.1 * https://getbootstrap.com/docs/3.4/javascript/#collapse * ======================================================================== * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ /* jshint latedef: false */ +function ($) { 'use strict'; // COLLAPSE PUBLIC CLASS DEFINITION // ================================ var Collapse = function (element, options) { this.$element = $(element) this.options = $.extend({}, Collapse.DEFAULTS, options) this.$trigger = $('[data-toggle="collapse"][href="#' + element.id + '"],' + '[data-toggle="collapse"][data-target="#' + element.id + '"]') this.transitioning = null if (this.options.parent) { this.$parent = this.getParent() } else { this.addAriaAndCollapsedClass(this.$element, this.$trigger) } if (this.options.toggle) this.toggle() } Collapse.VERSION = '3.4.1' Collapse.TRANSITION_DURATION = 350 Collapse.DEFAULTS = { toggle: true } Collapse.prototype.dimension = function () { var hasWidth = this.$element.hasClass('width') return hasWidth ? 'width' : 'height' } Collapse.prototype.show = function () { if (this.transitioning || this.$element.hasClass('in')) return var activesData var actives = this.$parent && this.$parent.children('.panel').children('.in, .collapsing') if (actives && actives.length) { activesData = actives.data('bs.collapse') if (activesData && activesData.transitioning) return } var startEvent = $.Event('show.bs.collapse') this.$element.trigger(startEvent) if (startEvent.isDefaultPrevented()) return if (actives && actives.length) { Plugin.call(actives, 'hide') activesData || actives.data('bs.collapse', null) } var dimension = this.dimension() this.$element .removeClass('collapse') .addClass('collapsing')[dimension](0) .attr('aria-expanded', true) this.$trigger .removeClass('collapsed') .attr('aria-expanded', true) this.transitioning = 1 var complete = function () { this.$element .removeClass('collapsing') .addClass('collapse in')[dimension]('') this.transitioning = 0 this.$element .trigger('shown.bs.collapse') } if (!$.support.transition) return complete.call(this) var scrollSize = $.camelCase(['scroll', dimension].join('-')) this.$element .one('bsTransitionEnd', $.proxy(complete, this)) .emulateTransitionEnd(Collapse.TRANSITION_DURATION)[dimension](this.$element[0][scrollSize]) } Collapse.prototype.hide = function () { if (this.transitioning || !this.$element.hasClass('in')) return var startEvent = $.Event('hide.bs.collapse') this.$element.trigger(startEvent) if (startEvent.isDefaultPrevented()) return var dimension = this.dimension() this.$element[dimension](this.$element[dimension]())[0].offsetHeight this.$element .addClass('collapsing') .removeClass('collapse in') .attr('aria-expanded', false) this.$trigger .addClass('collapsed') .attr('aria-expanded', false) this.transitioning = 1 var complete = function () { this.transitioning = 0 this.$element .removeClass('collapsing') .addClass('collapse') .trigger('hidden.bs.collapse') } if (!$.support.transition) return complete.call(this) this.$element [dimension](0) .one('bsTransitionEnd', $.proxy(complete, this)) .emulateTransitionEnd(Collapse.TRANSITION_DURATION) } Collapse.prototype.toggle = function () { this[this.$element.hasClass('in') ? 'hide' : 'show']() } Collapse.prototype.getParent = function () { return $(document).find(this.options.parent) .find('[data-toggle="collapse"][data-parent="' + this.options.parent + '"]') .each($.proxy(function (i, element) { var $element = $(element) this.addAriaAndCollapsedClass(getTargetFromTrigger($element), $element) }, this)) .end() } Collapse.prototype.addAriaAndCollapsedClass = function ($element, $trigger) { var isOpen = $element.hasClass('in') $element.attr('aria-expanded', isOpen) $trigger .toggleClass('collapsed', !isOpen) .attr('aria-expanded', isOpen) } function getTargetFromTrigger($trigger) { var href var target = $trigger.attr('data-target') || (href = $trigger.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') // strip for ie7 return $(document).find(target) } // COLLAPSE PLUGIN DEFINITION // ========================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.collapse') var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option) if (!data && options.toggle && /show|hide/.test(option)) options.toggle = false if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))) if (typeof option == 'string') data[option]() }) } var old = $.fn.collapse $.fn.collapse = Plugin $.fn.collapse.Constructor = Collapse // COLLAPSE NO CONFLICT // ==================== $.fn.collapse.noConflict = function () { $.fn.collapse = old return this } // COLLAPSE DATA-API // ================= $(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (e) { var $this = $(this) if (!$this.attr('data-target')) e.preventDefault() var $target = getTargetFromTrigger($this) var data = $target.data('bs.collapse') var option = data ? 'toggle' : $this.data() Plugin.call($target, option) }) }(jQuery); /* ======================================================================== * Bootstrap: dropdown.js v3.4.1 * https://getbootstrap.com/docs/3.4/javascript/#dropdowns * ======================================================================== * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // DROPDOWN CLASS DEFINITION // ========================= var backdrop = '.dropdown-backdrop' var toggle = '[data-toggle="dropdown"]' var Dropdown = function (element) { $(element).on('click.bs.dropdown', this.toggle) } Dropdown.VERSION = '3.4.1' function getParent($this) { var selector = $this.attr('data-target') if (!selector) { selector = $this.attr('href') selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 } var $parent = selector !== '#' ? $(document).find(selector) : null return $parent && $parent.length ? $parent : $this.parent() } function clearMenus(e) { if (e && e.which === 3) return $(backdrop).remove() $(toggle).each(function () { var $this = $(this) var $parent = getParent($this) var relatedTarget = { relatedTarget: this } if (!$parent.hasClass('open')) return if (e && e.type == 'click' && /input|textarea/i.test(e.target.tagName) && $.contains($parent[0], e.target)) return $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget)) if (e.isDefaultPrevented()) return $this.attr('aria-expanded', 'false') $parent.removeClass('open').trigger($.Event('hidden.bs.dropdown', relatedTarget)) }) } Dropdown.prototype.toggle = function (e) { var $this = $(this) if ($this.is('.disabled, :disabled')) return var $parent = getParent($this) var isActive = $parent.hasClass('open') clearMenus() if (!isActive) { if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { // if mobile we use a backdrop because click events don't delegate $(document.createElement('div')) .addClass('dropdown-backdrop') .insertAfter($(this)) .on('click', clearMenus) } var relatedTarget = { relatedTarget: this } $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget)) if (e.isDefaultPrevented()) return $this .trigger('focus') .attr('aria-expanded', 'true') $parent .toggleClass('open') .trigger($.Event('shown.bs.dropdown', relatedTarget)) } return false } Dropdown.prototype.keydown = function (e) { if (!/(38|40|27|32)/.test(e.which) || /input|textarea/i.test(e.target.tagName)) return var $this = $(this) e.preventDefault() e.stopPropagation() if ($this.is('.disabled, :disabled')) return var $parent = getParent($this) var isActive = $parent.hasClass('open') if (!isActive && e.which != 27 || isActive && e.which == 27) { if (e.which == 27) $parent.find(toggle).trigger('focus') return $this.trigger('click') } var desc = ' li:not(.disabled):visible a' var $items = $parent.find('.dropdown-menu' + desc) if (!$items.length) return var index = $items.index(e.target) if (e.which == 38 && index > 0) index-- // up if (e.which == 40 && index < $items.length - 1) index++ // down if (!~index) index = 0 $items.eq(index).trigger('focus') } // DROPDOWN PLUGIN DEFINITION // ========================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.dropdown') if (!data) $this.data('bs.dropdown', (data = new Dropdown(this))) if (typeof option == 'string') data[option].call($this) }) } var old = $.fn.dropdown $.fn.dropdown = Plugin $.fn.dropdown.Constructor = Dropdown // DROPDOWN NO CONFLICT // ==================== $.fn.dropdown.noConflict = function () { $.fn.dropdown = old return this } // APPLY TO STANDARD DROPDOWN ELEMENTS // =================================== $(document) .on('click.bs.dropdown.data-api', clearMenus) .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle) .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown) .on('keydown.bs.dropdown.data-api', '.dropdown-menu', Dropdown.prototype.keydown) }(jQuery); /* ======================================================================== * Bootstrap: modal.js v3.4.1 * https://getbootstrap.com/docs/3.4/javascript/#modals * ======================================================================== * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // MODAL CLASS DEFINITION // ====================== var Modal = function (element, options) { this.options = options this.$body = $(document.body) this.$element = $(element) this.$dialog = this.$element.find('.modal-dialog') this.$backdrop = null this.isShown = null this.originalBodyPad = null this.scrollbarWidth = 0 this.ignoreBackdropClick = false this.fixedContent = '.navbar-fixed-top, .navbar-fixed-bottom' if (this.options.remote) { this.$element .find('.modal-content') .load(this.options.remote, $.proxy(function () { this.$element.trigger('loaded.bs.modal') }, this)) } } Modal.VERSION = '3.4.1' Modal.TRANSITION_DURATION = 300 Modal.BACKDROP_TRANSITION_DURATION = 150 Modal.DEFAULTS = { backdrop: true, keyboard: true, show: true } Modal.prototype.toggle = function (_relatedTarget) { return this.isShown ? this.hide() : this.show(_relatedTarget) } Modal.prototype.show = function (_relatedTarget) { var that = this var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget }) this.$element.trigger(e) if (this.isShown || e.isDefaultPrevented()) return this.isShown = true this.checkScrollbar() this.setScrollbar() this.$body.addClass('modal-open') this.escape() this.resize() this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this)) this.$dialog.on('mousedown.dismiss.bs.modal', function () { that.$element.one('mouseup.dismiss.bs.modal', function (e) { if ($(e.target).is(that.$element)) that.ignoreBackdropClick = true }) }) this.backdrop(function () { var transition = $.support.transition && that.$element.hasClass('fade') if (!that.$element.parent().length) { that.$element.appendTo(that.$body) // don't move modals dom position } that.$element .show() .scrollTop(0) that.adjustDialog() if (transition) { that.$element[0].offsetWidth // force reflow } that.$element.addClass('in') that.enforceFocus() var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget }) transition ? that.$dialog // wait for modal to slide in .one('bsTransitionEnd', function () { that.$element.trigger('focus').trigger(e) }) .emulateTransitionEnd(Modal.TRANSITION_DURATION) : that.$element.trigger('focus').trigger(e) }) } Modal.prototype.hide = function (e) { if (e) e.preventDefault() e = $.Event('hide.bs.modal') this.$element.trigger(e) if (!this.isShown || e.isDefaultPrevented()) return this.isShown = false this.escape() this.resize() $(document).off('focusin.bs.modal') this.$element .removeClass('in') .off('click.dismiss.bs.modal') .off('mouseup.dismiss.bs.modal') this.$dialog.off('mousedown.dismiss.bs.modal') $.support.transition && this.$element.hasClass('fade') ? this.$element .one('bsTransitionEnd', $.proxy(this.hideModal, this)) .emulateTransitionEnd(Modal.TRANSITION_DURATION) : this.hideModal() } Modal.prototype.enforceFocus = function () { $(document) .off('focusin.bs.modal') // guard against infinite focus loop .on('focusin.bs.modal', $.proxy(function (e) { if (document !== e.target && this.$element[0] !== e.target && !this.$element.has(e.target).length) { this.$element.trigger('focus') } }, this)) } Modal.prototype.escape = function () { if (this.isShown && this.options.keyboard) { this.$element.on('keydown.dismiss.bs.modal', $.proxy(function (e) { e.which == 27 && this.hide() }, this)) } else if (!this.isShown) { this.$element.off('keydown.dismiss.bs.modal') } } Modal.prototype.resize = function () { if (this.isShown) { $(window).on('resize.bs.modal', $.proxy(this.handleUpdate, this)) } else { $(window).off('resize.bs.modal') } } Modal.prototype.hideModal = function () { var that = this this.$element.hide() this.backdrop(function () { that.$body.removeClass('modal-open') that.resetAdjustments() that.resetScrollbar() that.$element.trigger('hidden.bs.modal') }) } Modal.prototype.removeBackdrop = function () { this.$backdrop && this.$backdrop.remove() this.$backdrop = null } Modal.prototype.backdrop = function (callback) { var that = this var animate = this.$element.hasClass('fade') ? 'fade' : '' if (this.isShown && this.options.backdrop) { var doAnimate = $.support.transition && animate this.$backdrop = $(document.createElement('div')) .addClass('modal-backdrop ' + animate) .appendTo(this.$body) this.$element.on('click.dismiss.bs.modal', $.proxy(function (e) { if (this.ignoreBackdropClick) { this.ignoreBackdropClick = false return } if (e.target !== e.currentTarget) return this.options.backdrop == 'static' ? this.$element[0].focus() : this.hide() }, this)) if (doAnimate) this.$backdrop[0].offsetWidth // force reflow this.$backdrop.addClass('in') if (!callback) return doAnimate ? this.$backdrop .one('bsTransitionEnd', callback) .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) : callback() } else if (!this.isShown && this.$backdrop) { this.$backdrop.removeClass('in') var callbackRemove = function () { that.removeBackdrop() callback && callback() } $.support.transition && this.$element.hasClass('fade') ? this.$backdrop .one('bsTransitionEnd', callbackRemove) .emulateTransitionEnd(Modal.BACKDROP_TRANSITION_DURATION) : callbackRemove() } else if (callback) { callback() } } // these following methods are used to handle overflowing modals Modal.prototype.handleUpdate = function () { this.adjustDialog() } Modal.prototype.adjustDialog = function () { var modalIsOverflowing = this.$element[0].scrollHeight > document.documentElement.clientHeight this.$element.css({ paddingLeft: !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '', paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : '' }) } Modal.prototype.resetAdjustments = function () { this.$element.css({ paddingLeft: '', paddingRight: '' }) } Modal.prototype.checkScrollbar = function () { var fullWindowWidth = window.innerWidth if (!fullWindowWidth) { // workaround for missing window.innerWidth in IE8 var documentElementRect = document.documentElement.getBoundingClientRect() fullWindowWidth = documentElementRect.right - Math.abs(documentElementRect.left) } this.bodyIsOverflowing = document.body.clientWidth < fullWindowWidth this.scrollbarWidth = this.measureScrollbar() } Modal.prototype.setScrollbar = function () { var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10) this.originalBodyPad = document.body.style.paddingRight || '' var scrollbarWidth = this.scrollbarWidth if (this.bodyIsOverflowing) { this.$body.css('padding-right', bodyPad + scrollbarWidth) $(this.fixedContent).each(function (index, element) { var actualPadding = element.style.paddingRight var calculatedPadding = $(element).css('padding-right') $(element) .data('padding-right', actualPadding) .css('padding-right', parseFloat(calculatedPadding) + scrollbarWidth + 'px') }) } } Modal.prototype.resetScrollbar = function () { this.$body.css('padding-right', this.originalBodyPad) $(this.fixedContent).each(function (index, element) { var padding = $(element).data('padding-right') $(element).removeData('padding-right') element.style.paddingRight = padding ? padding : '' }) } Modal.prototype.measureScrollbar = function () { // thx walsh var scrollDiv = document.createElement('div') scrollDiv.className = 'modal-scrollbar-measure' this.$body.append(scrollDiv) var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth this.$body[0].removeChild(scrollDiv) return scrollbarWidth } // MODAL PLUGIN DEFINITION // ======================= function Plugin(option, _relatedTarget) { return this.each(function () { var $this = $(this) var data = $this.data('bs.modal') var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option) if (!data) $this.data('bs.modal', (data = new Modal(this, options))) if (typeof option == 'string') data[option](_relatedTarget) else if (options.show) data.show(_relatedTarget) }) } var old = $.fn.modal $.fn.modal = Plugin $.fn.modal.Constructor = Modal // MODAL NO CONFLICT // ================= $.fn.modal.noConflict = function () { $.fn.modal = old return this } // MODAL DATA-API // ============== $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) { var $this = $(this) var href = $this.attr('href') var target = $this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, '')) // strip for ie7 var $target = $(document).find(target) var option = $target.data('bs.modal') ? 'toggle' : $.extend({ remote: !/#/.test(href) && href }, $target.data(), $this.data()) if ($this.is('a')) e.preventDefault() $target.one('show.bs.modal', function (showEvent) { if (showEvent.isDefaultPrevented()) return // only register focus restorer if modal will actually get shown $target.one('hidden.bs.modal', function () { $this.is(':visible') && $this.trigger('focus') }) }) Plugin.call($target, option, this) }) }(jQuery); /* ======================================================================== * Bootstrap: tooltip.js v3.4.1 * https://getbootstrap.com/docs/3.4/javascript/#tooltip * Inspired by the original jQuery.tipsy by Jason Frame * ======================================================================== * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; var DISALLOWED_ATTRIBUTES = ['sanitize', 'whiteList', 'sanitizeFn'] var uriAttrs = [ 'background', 'cite', 'href', 'itemtype', 'longdesc', 'poster', 'src', 'xlink:href' ] var ARIA_ATTRIBUTE_PATTERN = /^aria-[\w-]*$/i var DefaultWhitelist = { // Global attributes allowed on any supplied element below. '*': ['class', 'dir', 'id', 'lang', 'role', ARIA_ATTRIBUTE_PATTERN], a: ['target', 'href', 'title', 'rel'], area: [], b: [], br: [], col: [], code: [], div: [], em: [], hr: [], h1: [], h2: [], h3: [], h4: [], h5: [], h6: [], i: [], img: ['src', 'alt', 'title', 'width', 'height'], li: [], ol: [], p: [], pre: [], s: [], small: [], span: [], sub: [], sup: [], strong: [], u: [], ul: [] } /** * A pattern that recognizes a commonly useful subset of URLs that are safe. * * Shoutout to Angular 7 https://github.com/angular/angular/blob/7.2.4/packages/core/src/sanitization/url_sanitizer.ts */ var SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file):|[^&:/?#]*(?:[/?#]|$))/gi /** * A pattern that matches safe data URLs. Only matches image, video and audio types. * * Shoutout to Angular 7 https://github.com/angular/angular/blob/7.2.4/packages/core/src/sanitization/url_sanitizer.ts */ var DATA_URL_PATTERN = /^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+/]+=*$/i function allowedAttribute(attr, allowedAttributeList) { var attrName = attr.nodeName.toLowerCase() if ($.inArray(attrName, allowedAttributeList) !== -1) { if ($.inArray(attrName, uriAttrs) !== -1) { return Boolean(attr.nodeValue.match(SAFE_URL_PATTERN) || attr.nodeValue.match(DATA_URL_PATTERN)) } return true } var regExp = $(allowedAttributeList).filter(function (index, value) { return value instanceof RegExp }) // Check if a regular expression validates the attribute. for (var i = 0, l = regExp.length; i < l; i++) { if (attrName.match(regExp[i])) { return true } } return false } function sanitizeHtml(unsafeHtml, whiteList, sanitizeFn) { if (unsafeHtml.length === 0) { return unsafeHtml } if (sanitizeFn && typeof sanitizeFn === 'function') { return sanitizeFn(unsafeHtml) } // IE 8 and below don't support createHTMLDocument if (!document.implementation || !document.implementation.createHTMLDocument) { return unsafeHtml } var createdDocument = document.implementation.createHTMLDocument('sanitization') createdDocument.body.innerHTML = unsafeHtml var whitelistKeys = $.map(whiteList, function (el, i) { return i }) var elements = $(createdDocument.body).find('*') for (var i = 0, len = elements.length; i < len; i++) { var el = elements[i] var elName = el.nodeName.toLowerCase() if ($.inArray(elName, whitelistKeys) === -1) { el.parentNode.removeChild(el) continue } var attributeList = $.map(el.attributes, function (el) { return el }) var whitelistedAttributes = [].concat(whiteList['*'] || [], whiteList[elName] || []) for (var j = 0, len2 = attributeList.length; j < len2; j++) { if (!allowedAttribute(attributeList[j], whitelistedAttributes)) { el.removeAttribute(attributeList[j].nodeName) } } } return createdDocument.body.innerHTML } // TOOLTIP PUBLIC CLASS DEFINITION // =============================== var Tooltip = function (element, options) { this.type = null this.options = null this.enabled = null this.timeout = null this.hoverState = null this.$element = null this.inState = null this.init('tooltip', element, options) } Tooltip.VERSION = '3.4.1' Tooltip.TRANSITION_DURATION = 150 Tooltip.DEFAULTS = { animation: true, placement: 'top', selector: false, template: '', trigger: 'hover focus', title: '', delay: 0, html: false, container: false, viewport: { selector: 'body', padding: 0 }, sanitize : true, sanitizeFn : null, whiteList : DefaultWhitelist } Tooltip.prototype.init = function (type, element, options) { this.enabled = true this.type = type this.$element = $(element) this.options = this.getOptions(options) this.$viewport = this.options.viewport && $(document).find($.isFunction(this.options.viewport) ? this.options.viewport.call(this, this.$element) : (this.options.viewport.selector || this.options.viewport)) this.inState = { click: false, hover: false, focus: false } if (this.$element[0] instanceof document.constructor && !this.options.selector) { throw new Error('`selector` option must be specified when initializing ' + this.type + ' on the window.document object!') } var triggers = this.options.trigger.split(' ') for (var i = triggers.length; i--;) { var trigger = triggers[i] if (trigger == 'click') { this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) } else if (trigger != 'manual') { var eventIn = trigger == 'hover' ? 'mouseenter' : 'focusin' var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout' this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) } } this.options.selector ? (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : this.fixTitle() } Tooltip.prototype.getDefaults = function () { return Tooltip.DEFAULTS } Tooltip.prototype.getOptions = function (options) { var dataAttributes = this.$element.data() for (var dataAttr in dataAttributes) { if (dataAttributes.hasOwnProperty(dataAttr) && $.inArray(dataAttr, DISALLOWED_ATTRIBUTES) !== -1) { delete dataAttributes[dataAttr] } } options = $.extend({}, this.getDefaults(), dataAttributes, options) if (options.delay && typeof options.delay == 'number') { options.delay = { show: options.delay, hide: options.delay } } if (options.sanitize) { options.template = sanitizeHtml(options.template, options.whiteList, options.sanitizeFn) } return options } Tooltip.prototype.getDelegateOptions = function () { var options = {} var defaults = this.getDefaults() this._options && $.each(this._options, function (key, value) { if (defaults[key] != value) options[key] = value }) return options } Tooltip.prototype.enter = function (obj) { var self = obj instanceof this.constructor ? obj : $(obj.currentTarget).data('bs.' + this.type) if (!self) { self = new this.constructor(obj.currentTarget, this.getDelegateOptions()) $(obj.currentTarget).data('bs.' + this.type, self) } if (obj instanceof $.Event) { self.inState[obj.type == 'focusin' ? 'focus' : 'hover'] = true } if (self.tip().hasClass('in') || self.hoverState == 'in') { self.hoverState = 'in' return } clearTimeout(self.timeout) self.hoverState = 'in' if (!self.options.delay || !self.options.delay.show) return self.show() self.timeout = setTimeout(function () { if (self.hoverState == 'in') self.show() }, self.options.delay.show) } Tooltip.prototype.isInStateTrue = function () { for (var key in this.inState) { if (this.inState[key]) return true } return false } Tooltip.prototype.leave = function (obj) { var self = obj instanceof this.constructor ? obj : $(obj.currentTarget).data('bs.' + this.type) if (!self) { self = new this.constructor(obj.currentTarget, this.getDelegateOptions()) $(obj.currentTarget).data('bs.' + this.type, self) } if (obj instanceof $.Event) { self.inState[obj.type == 'focusout' ? 'focus' : 'hover'] = false } if (self.isInStateTrue()) return clearTimeout(self.timeout) self.hoverState = 'out' if (!self.options.delay || !self.options.delay.hide) return self.hide() self.timeout = setTimeout(function () { if (self.hoverState == 'out') self.hide() }, self.options.delay.hide) } Tooltip.prototype.show = function () { var e = $.Event('show.bs.' + this.type) if (this.hasContent() && this.enabled) { this.$element.trigger(e) var inDom = $.contains(this.$element[0].ownerDocument.documentElement, this.$element[0]) if (e.isDefaultPrevented() || !inDom) return var that = this var $tip = this.tip() var tipId = this.getUID(this.type) this.setContent() $tip.attr('id', tipId) this.$element.attr('aria-describedby', tipId) if (this.options.animation) $tip.addClass('fade') var placement = typeof this.options.placement == 'function' ? this.options.placement.call(this, $tip[0], this.$element[0]) : this.options.placement var autoToken = /\s?auto?\s?/i var autoPlace = autoToken.test(placement) if (autoPlace) placement = placement.replace(autoToken, '') || 'top' $tip .detach() .css({ top: 0, left: 0, display: 'block' }) .addClass(placement) .data('bs.' + this.type, this) this.options.container ? $tip.appendTo($(document).find(this.options.container)) : $tip.insertAfter(this.$element) this.$element.trigger('inserted.bs.' + this.type) var pos = this.getPosition() var actualWidth = $tip[0].offsetWidth var actualHeight = $tip[0].offsetHeight if (autoPlace) { var orgPlacement = placement var viewportDim = this.getPosition(this.$viewport) placement = placement == 'bottom' && pos.bottom + actualHeight > viewportDim.bottom ? 'top' : placement == 'top' && pos.top - actualHeight < viewportDim.top ? 'bottom' : placement == 'right' && pos.right + actualWidth > viewportDim.width ? 'left' : placement == 'left' && pos.left - actualWidth < viewportDim.left ? 'right' : placement $tip .removeClass(orgPlacement) .addClass(placement) } var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight) this.applyPlacement(calculatedOffset, placement) var complete = function () { var prevHoverState = that.hoverState that.$element.trigger('shown.bs.' + that.type) that.hoverState = null if (prevHoverState == 'out') that.leave(that) } $.support.transition && this.$tip.hasClass('fade') ? $tip .one('bsTransitionEnd', complete) .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) : complete() } } Tooltip.prototype.applyPlacement = function (offset, placement) { var $tip = this.tip() var width = $tip[0].offsetWidth var height = $tip[0].offsetHeight // manually read margins because getBoundingClientRect includes difference var marginTop = parseInt($tip.css('margin-top'), 10) var marginLeft = parseInt($tip.css('margin-left'), 10) // we must check for NaN for ie 8/9 if (isNaN(marginTop)) marginTop = 0 if (isNaN(marginLeft)) marginLeft = 0 offset.top += marginTop offset.left += marginLeft // $.fn.offset doesn't round pixel values // so we use setOffset directly with our own function B-0 $.offset.setOffset($tip[0], $.extend({ using: function (props) { $tip.css({ top: Math.round(props.top), left: Math.round(props.left) }) } }, offset), 0) $tip.addClass('in') // check to see if placing tip in new offset caused the tip to resize itself var actualWidth = $tip[0].offsetWidth var actualHeight = $tip[0].offsetHeight if (placement == 'top' && actualHeight != height) { offset.top = offset.top + height - actualHeight } var delta = this.getViewportAdjustedDelta(placement, offset, actualWidth, actualHeight) if (delta.left) offset.left += delta.left else offset.top += delta.top var isVertical = /top|bottom/.test(placement) var arrowDelta = isVertical ? delta.left * 2 - width + actualWidth : delta.top * 2 - height + actualHeight var arrowOffsetPosition = isVertical ? 'offsetWidth' : 'offsetHeight' $tip.offset(offset) this.replaceArrow(arrowDelta, $tip[0][arrowOffsetPosition], isVertical) } Tooltip.prototype.replaceArrow = function (delta, dimension, isVertical) { this.arrow() .css(isVertical ? 'left' : 'top', 50 * (1 - delta / dimension) + '%') .css(isVertical ? 'top' : 'left', '') } Tooltip.prototype.setContent = function () { var $tip = this.tip() var title = this.getTitle() if (this.options.html) { if (this.options.sanitize) { title = sanitizeHtml(title, this.options.whiteList, this.options.sanitizeFn) } $tip.find('.tooltip-inner').html(title) } else { $tip.find('.tooltip-inner').text(title) } $tip.removeClass('fade in top bottom left right') } Tooltip.prototype.hide = function (callback) { var that = this var $tip = $(this.$tip) var e = $.Event('hide.bs.' + this.type) function complete() { if (that.hoverState != 'in') $tip.detach() if (that.$element) { // TODO: Check whether guarding this code with this `if` is really necessary. that.$element .removeAttr('aria-describedby') .trigger('hidden.bs.' + that.type) } callback && callback() } this.$element.trigger(e) if (e.isDefaultPrevented()) return $tip.removeClass('in') $.support.transition && $tip.hasClass('fade') ? $tip .one('bsTransitionEnd', complete) .emulateTransitionEnd(Tooltip.TRANSITION_DURATION) : complete() this.hoverState = null return this } Tooltip.prototype.fixTitle = function () { var $e = this.$element if ($e.attr('title') || typeof $e.attr('data-original-title') != 'string') { $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') } } Tooltip.prototype.hasContent = function () { return this.getTitle() } Tooltip.prototype.getPosition = function ($element) { $element = $element || this.$element var el = $element[0] var isBody = el.tagName == 'BODY' var elRect = el.getBoundingClientRect() if (elRect.width == null) { // width and height are missing in IE8, so compute them manually; see https://github.com/twbs/bootstrap/issues/14093 elRect = $.extend({}, elRect, { width: elRect.right - elRect.left, height: elRect.bottom - elRect.top }) } var isSvg = window.SVGElement && el instanceof window.SVGElement // Avoid using $.offset() on SVGs since it gives incorrect results in jQuery 3. // See https://github.com/twbs/bootstrap/issues/20280 var elOffset = isBody ? { top: 0, left: 0 } : (isSvg ? null : $element.offset()) var scroll = { scroll: isBody ? document.documentElement.scrollTop || document.body.scrollTop : $element.scrollTop() } var outerDims = isBody ? { width: $(window).width(), height: $(window).height() } : null return $.extend({}, elRect, scroll, outerDims, elOffset) } Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) { return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } : placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } : placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } : /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width } } Tooltip.prototype.getViewportAdjustedDelta = function (placement, pos, actualWidth, actualHeight) { var delta = { top: 0, left: 0 } if (!this.$viewport) return delta var viewportPadding = this.options.viewport && this.options.viewport.padding || 0 var viewportDimensions = this.getPosition(this.$viewport) if (/right|left/.test(placement)) { var topEdgeOffset = pos.top - viewportPadding - viewportDimensions.scroll var bottomEdgeOffset = pos.top + viewportPadding - viewportDimensions.scroll + actualHeight if (topEdgeOffset < viewportDimensions.top) { // top overflow delta.top = viewportDimensions.top - topEdgeOffset } else if (bottomEdgeOffset > viewportDimensions.top + viewportDimensions.height) { // bottom overflow delta.top = viewportDimensions.top + viewportDimensions.height - bottomEdgeOffset } } else { var leftEdgeOffset = pos.left - viewportPadding var rightEdgeOffset = pos.left + viewportPadding + actualWidth if (leftEdgeOffset < viewportDimensions.left) { // left overflow delta.left = viewportDimensions.left - leftEdgeOffset } else if (rightEdgeOffset > viewportDimensions.right) { // right overflow delta.left = viewportDimensions.left + viewportDimensions.width - rightEdgeOffset } } return delta } Tooltip.prototype.getTitle = function () { var title var $e = this.$element var o = this.options title = $e.attr('data-original-title') || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) return title } Tooltip.prototype.getUID = function (prefix) { do prefix += ~~(Math.random() * 1000000) while (document.getElementById(prefix)) return prefix } Tooltip.prototype.tip = function () { if (!this.$tip) { this.$tip = $(this.options.template) if (this.$tip.length != 1) { throw new Error(this.type + ' `template` option must consist of exactly 1 top-level element!') } } return this.$tip } Tooltip.prototype.arrow = function () { return (this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow')) } Tooltip.prototype.enable = function () { this.enabled = true } Tooltip.prototype.disable = function () { this.enabled = false } Tooltip.prototype.toggleEnabled = function () { this.enabled = !this.enabled } Tooltip.prototype.toggle = function (e) { var self = this if (e) { self = $(e.currentTarget).data('bs.' + this.type) if (!self) { self = new this.constructor(e.currentTarget, this.getDelegateOptions()) $(e.currentTarget).data('bs.' + this.type, self) } } if (e) { self.inState.click = !self.inState.click if (self.isInStateTrue()) self.enter(self) else self.leave(self) } else { self.tip().hasClass('in') ? self.leave(self) : self.enter(self) } } Tooltip.prototype.destroy = function () { var that = this clearTimeout(this.timeout) this.hide(function () { that.$element.off('.' + that.type).removeData('bs.' + that.type) if (that.$tip) { that.$tip.detach() } that.$tip = null that.$arrow = null that.$viewport = null that.$element = null }) } Tooltip.prototype.sanitizeHtml = function (unsafeHtml) { return sanitizeHtml(unsafeHtml, this.options.whiteList, this.options.sanitizeFn) } // TOOLTIP PLUGIN DEFINITION // ========================= function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.tooltip') var options = typeof option == 'object' && option if (!data && /destroy|hide/.test(option)) return if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options))) if (typeof option == 'string') data[option]() }) } var old = $.fn.tooltip $.fn.tooltip = Plugin $.fn.tooltip.Constructor = Tooltip // TOOLTIP NO CONFLICT // =================== $.fn.tooltip.noConflict = function () { $.fn.tooltip = old return this } }(jQuery); /* ======================================================================== * Bootstrap: popover.js v3.4.1 * https://getbootstrap.com/docs/3.4/javascript/#popovers * ======================================================================== * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // POPOVER PUBLIC CLASS DEFINITION // =============================== var Popover = function (element, options) { this.init('popover', element, options) } if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js') Popover.VERSION = '3.4.1' Popover.DEFAULTS = $.extend({}, $.fn.tooltip.Constructor.DEFAULTS, { placement: 'right', trigger: 'click', content: '', template: '' }) // NOTE: POPOVER EXTENDS tooltip.js // ================================ Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype) Popover.prototype.constructor = Popover Popover.prototype.getDefaults = function () { return Popover.DEFAULTS } Popover.prototype.setContent = function () { var $tip = this.tip() var title = this.getTitle() var content = this.getContent() if (this.options.html) { var typeContent = typeof content if (this.options.sanitize) { title = this.sanitizeHtml(title) if (typeContent === 'string') { content = this.sanitizeHtml(content) } } $tip.find('.popover-title').html(title) $tip.find('.popover-content').children().detach().end()[ typeContent === 'string' ? 'html' : 'append' ](content) } else { $tip.find('.popover-title').text(title) $tip.find('.popover-content').children().detach().end().text(content) } $tip.removeClass('fade top bottom left right in') // IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do // this manually by checking the contents. if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide() } Popover.prototype.hasContent = function () { return this.getTitle() || this.getContent() } Popover.prototype.getContent = function () { var $e = this.$element var o = this.options return $e.attr('data-content') || (typeof o.content == 'function' ? o.content.call($e[0]) : o.content) } Popover.prototype.arrow = function () { return (this.$arrow = this.$arrow || this.tip().find('.arrow')) } // POPOVER PLUGIN DEFINITION // ========================= function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.popover') var options = typeof option == 'object' && option if (!data && /destroy|hide/.test(option)) return if (!data) $this.data('bs.popover', (data = new Popover(this, options))) if (typeof option == 'string') data[option]() }) } var old = $.fn.popover $.fn.popover = Plugin $.fn.popover.Constructor = Popover // POPOVER NO CONFLICT // =================== $.fn.popover.noConflict = function () { $.fn.popover = old return this } }(jQuery); /* ======================================================================== * Bootstrap: scrollspy.js v3.4.1 * https://getbootstrap.com/docs/3.4/javascript/#scrollspy * ======================================================================== * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // SCROLLSPY CLASS DEFINITION // ========================== function ScrollSpy(element, options) { this.$body = $(document.body) this.$scrollElement = $(element).is(document.body) ? $(window) : $(element) this.options = $.extend({}, ScrollSpy.DEFAULTS, options) this.selector = (this.options.target || '') + ' .nav li > a' this.offsets = [] this.targets = [] this.activeTarget = null this.scrollHeight = 0 this.$scrollElement.on('scroll.bs.scrollspy', $.proxy(this.process, this)) this.refresh() this.process() } ScrollSpy.VERSION = '3.4.1' ScrollSpy.DEFAULTS = { offset: 10 } ScrollSpy.prototype.getScrollHeight = function () { return this.$scrollElement[0].scrollHeight || Math.max(this.$body[0].scrollHeight, document.documentElement.scrollHeight) } ScrollSpy.prototype.refresh = function () { var that = this var offsetMethod = 'offset' var offsetBase = 0 this.offsets = [] this.targets = [] this.scrollHeight = this.getScrollHeight() if (!$.isWindow(this.$scrollElement[0])) { offsetMethod = 'position' offsetBase = this.$scrollElement.scrollTop() } this.$body .find(this.selector) .map(function () { var $el = $(this) var href = $el.data('target') || $el.attr('href') var $href = /^#./.test(href) && $(href) return ($href && $href.length && $href.is(':visible') && [[$href[offsetMethod]().top + offsetBase, href]]) || null }) .sort(function (a, b) { return a[0] - b[0] }) .each(function () { that.offsets.push(this[0]) that.targets.push(this[1]) }) } ScrollSpy.prototype.process = function () { var scrollTop = this.$scrollElement.scrollTop() + this.options.offset var scrollHeight = this.getScrollHeight() var maxScroll = this.options.offset + scrollHeight - this.$scrollElement.height() var offsets = this.offsets var targets = this.targets var activeTarget = this.activeTarget var i if (this.scrollHeight != scrollHeight) { this.refresh() } if (scrollTop >= maxScroll) { return activeTarget != (i = targets[targets.length - 1]) && this.activate(i) } if (activeTarget && scrollTop < offsets[0]) { this.activeTarget = null return this.clear() } for (i = offsets.length; i--;) { activeTarget != targets[i] && scrollTop >= offsets[i] && (offsets[i + 1] === undefined || scrollTop < offsets[i + 1]) && this.activate(targets[i]) } } ScrollSpy.prototype.activate = function (target) { this.activeTarget = target this.clear() var selector = this.selector + '[data-target="' + target + '"],' + this.selector + '[href="' + target + '"]' var active = $(selector) .parents('li') .addClass('active') if (active.parent('.dropdown-menu').length) { active = active .closest('li.dropdown') .addClass('active') } active.trigger('activate.bs.scrollspy') } ScrollSpy.prototype.clear = function () { $(this.selector) .parentsUntil(this.options.target, '.active') .removeClass('active') } // SCROLLSPY PLUGIN DEFINITION // =========================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.scrollspy') var options = typeof option == 'object' && option if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options))) if (typeof option == 'string') data[option]() }) } var old = $.fn.scrollspy $.fn.scrollspy = Plugin $.fn.scrollspy.Constructor = ScrollSpy // SCROLLSPY NO CONFLICT // ===================== $.fn.scrollspy.noConflict = function () { $.fn.scrollspy = old return this } // SCROLLSPY DATA-API // ================== $(window).on('load.bs.scrollspy.data-api', function () { $('[data-spy="scroll"]').each(function () { var $spy = $(this) Plugin.call($spy, $spy.data()) }) }) }(jQuery); /* ======================================================================== * Bootstrap: tab.js v3.4.1 * https://getbootstrap.com/docs/3.4/javascript/#tabs * ======================================================================== * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // TAB CLASS DEFINITION // ==================== var Tab = function (element) { // jscs:disable requireDollarBeforejQueryAssignment this.element = $(element) // jscs:enable requireDollarBeforejQueryAssignment } Tab.VERSION = '3.4.1' Tab.TRANSITION_DURATION = 150 Tab.prototype.show = function () { var $this = this.element var $ul = $this.closest('ul:not(.dropdown-menu)') var selector = $this.data('target') if (!selector) { selector = $this.attr('href') selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 } if ($this.parent('li').hasClass('active')) return var $previous = $ul.find('.active:last a') var hideEvent = $.Event('hide.bs.tab', { relatedTarget: $this[0] }) var showEvent = $.Event('show.bs.tab', { relatedTarget: $previous[0] }) $previous.trigger(hideEvent) $this.trigger(showEvent) if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return var $target = $(document).find(selector) this.activate($this.closest('li'), $ul) this.activate($target, $target.parent(), function () { $previous.trigger({ type: 'hidden.bs.tab', relatedTarget: $this[0] }) $this.trigger({ type: 'shown.bs.tab', relatedTarget: $previous[0] }) }) } Tab.prototype.activate = function (element, container, callback) { var $active = container.find('> .active') var transition = callback && $.support.transition && ($active.length && $active.hasClass('fade') || !!container.find('> .fade').length) function next() { $active .removeClass('active') .find('> .dropdown-menu > .active') .removeClass('active') .end() .find('[data-toggle="tab"]') .attr('aria-expanded', false) element .addClass('active') .find('[data-toggle="tab"]') .attr('aria-expanded', true) if (transition) { element[0].offsetWidth // reflow for transition element.addClass('in') } else { element.removeClass('fade') } if (element.parent('.dropdown-menu').length) { element .closest('li.dropdown') .addClass('active') .end() .find('[data-toggle="tab"]') .attr('aria-expanded', true) } callback && callback() } $active.length && transition ? $active .one('bsTransitionEnd', next) .emulateTransitionEnd(Tab.TRANSITION_DURATION) : next() $active.removeClass('in') } // TAB PLUGIN DEFINITION // ===================== function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.tab') if (!data) $this.data('bs.tab', (data = new Tab(this))) if (typeof option == 'string') data[option]() }) } var old = $.fn.tab $.fn.tab = Plugin $.fn.tab.Constructor = Tab // TAB NO CONFLICT // =============== $.fn.tab.noConflict = function () { $.fn.tab = old return this } // TAB DATA-API // ============ var clickHandler = function (e) { e.preventDefault() Plugin.call($(this), 'show') } $(document) .on('click.bs.tab.data-api', '[data-toggle="tab"]', clickHandler) .on('click.bs.tab.data-api', '[data-toggle="pill"]', clickHandler) }(jQuery); /* ======================================================================== * Bootstrap: affix.js v3.4.1 * https://getbootstrap.com/docs/3.4/javascript/#affix * ======================================================================== * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * ======================================================================== */ +function ($) { 'use strict'; // AFFIX CLASS DEFINITION // ====================== var Affix = function (element, options) { this.options = $.extend({}, Affix.DEFAULTS, options) var target = this.options.target === Affix.DEFAULTS.target ? $(this.options.target) : $(document).find(this.options.target) this.$target = target .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this)) .on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this)) this.$element = $(element) this.affixed = null this.unpin = null this.pinnedOffset = null this.checkPosition() } Affix.VERSION = '3.4.1' Affix.RESET = 'affix affix-top affix-bottom' Affix.DEFAULTS = { offset: 0, target: window } Affix.prototype.getState = function (scrollHeight, height, offsetTop, offsetBottom) { var scrollTop = this.$target.scrollTop() var position = this.$element.offset() var targetHeight = this.$target.height() if (offsetTop != null && this.affixed == 'top') return scrollTop < offsetTop ? 'top' : false if (this.affixed == 'bottom') { if (offsetTop != null) return (scrollTop + this.unpin <= position.top) ? false : 'bottom' return (scrollTop + targetHeight <= scrollHeight - offsetBottom) ? false : 'bottom' } var initializing = this.affixed == null var colliderTop = initializing ? scrollTop : position.top var colliderHeight = initializing ? targetHeight : height if (offsetTop != null && scrollTop <= offsetTop) return 'top' if (offsetBottom != null && (colliderTop + colliderHeight >= scrollHeight - offsetBottom)) return 'bottom' return false } Affix.prototype.getPinnedOffset = function () { if (this.pinnedOffset) return this.pinnedOffset this.$element.removeClass(Affix.RESET).addClass('affix') var scrollTop = this.$target.scrollTop() var position = this.$element.offset() return (this.pinnedOffset = position.top - scrollTop) } Affix.prototype.checkPositionWithEventLoop = function () { setTimeout($.proxy(this.checkPosition, this), 1) } Affix.prototype.checkPosition = function () { if (!this.$element.is(':visible')) return var height = this.$element.height() var offset = this.options.offset var offsetTop = offset.top var offsetBottom = offset.bottom var scrollHeight = Math.max($(document).height(), $(document.body).height()) if (typeof offset != 'object') offsetBottom = offsetTop = offset if (typeof offsetTop == 'function') offsetTop = offset.top(this.$element) if (typeof offsetBottom == 'function') offsetBottom = offset.bottom(this.$element) var affix = this.getState(scrollHeight, height, offsetTop, offsetBottom) if (this.affixed != affix) { if (this.unpin != null) this.$element.css('top', '') var affixType = 'affix' + (affix ? '-' + affix : '') var e = $.Event(affixType + '.bs.affix') this.$element.trigger(e) if (e.isDefaultPrevented()) return this.affixed = affix this.unpin = affix == 'bottom' ? this.getPinnedOffset() : null this.$element .removeClass(Affix.RESET) .addClass(affixType) .trigger(affixType.replace('affix', 'affixed') + '.bs.affix') } if (affix == 'bottom') { this.$element.offset({ top: scrollHeight - height - offsetBottom }) } } // AFFIX PLUGIN DEFINITION // ======================= function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.affix') var options = typeof option == 'object' && option if (!data) $this.data('bs.affix', (data = new Affix(this, options))) if (typeof option == 'string') data[option]() }) } var old = $.fn.affix $.fn.affix = Plugin $.fn.affix.Constructor = Affix // AFFIX NO CONFLICT // ================= $.fn.affix.noConflict = function () { $.fn.affix = old return this } // AFFIX DATA-API // ============== $(window).on('load', function () { $('[data-spy="affix"]').each(function () { var $spy = $(this) var data = $spy.data() data.offset = data.offset || {} if (data.offsetBottom != null) data.offset.bottom = data.offsetBottom if (data.offsetTop != null) data.offset.top = data.offsetTop Plugin.call($spy, data) }) }) }(jQuery); ================================================ FILE: vendor/assets/javascripts/plotly-basic.js ================================================ /** * plotly.js (basic) v1.29.3 * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * Licensed under the MIT license */ (function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.Plotly = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o b ? 1 : a >= b ? 0 : NaN; } d3.descending = function(a, b) { return b < a ? -1 : b > a ? 1 : b >= a ? 0 : NaN; }; d3.min = function(array, f) { var i = -1, n = array.length, a, b; if (arguments.length === 1) { while (++i < n) if ((b = array[i]) != null && b >= b) { a = b; break; } while (++i < n) if ((b = array[i]) != null && a > b) a = b; } else { while (++i < n) if ((b = f.call(array, array[i], i)) != null && b >= b) { a = b; break; } while (++i < n) if ((b = f.call(array, array[i], i)) != null && a > b) a = b; } return a; }; d3.max = function(array, f) { var i = -1, n = array.length, a, b; if (arguments.length === 1) { while (++i < n) if ((b = array[i]) != null && b >= b) { a = b; break; } while (++i < n) if ((b = array[i]) != null && b > a) a = b; } else { while (++i < n) if ((b = f.call(array, array[i], i)) != null && b >= b) { a = b; break; } while (++i < n) if ((b = f.call(array, array[i], i)) != null && b > a) a = b; } return a; }; d3.extent = function(array, f) { var i = -1, n = array.length, a, b, c; if (arguments.length === 1) { while (++i < n) if ((b = array[i]) != null && b >= b) { a = c = b; break; } while (++i < n) if ((b = array[i]) != null) { if (a > b) a = b; if (c < b) c = b; } } else { while (++i < n) if ((b = f.call(array, array[i], i)) != null && b >= b) { a = c = b; break; } while (++i < n) if ((b = f.call(array, array[i], i)) != null) { if (a > b) a = b; if (c < b) c = b; } } return [ a, c ]; }; function d3_number(x) { return x === null ? NaN : +x; } function d3_numeric(x) { return !isNaN(x); } d3.sum = function(array, f) { var s = 0, n = array.length, a, i = -1; if (arguments.length === 1) { while (++i < n) if (d3_numeric(a = +array[i])) s += a; } else { while (++i < n) if (d3_numeric(a = +f.call(array, array[i], i))) s += a; } return s; }; d3.mean = function(array, f) { var s = 0, n = array.length, a, i = -1, j = n; if (arguments.length === 1) { while (++i < n) if (d3_numeric(a = d3_number(array[i]))) s += a; else --j; } else { while (++i < n) if (d3_numeric(a = d3_number(f.call(array, array[i], i)))) s += a; else --j; } if (j) return s / j; }; d3.quantile = function(values, p) { var H = (values.length - 1) * p + 1, h = Math.floor(H), v = +values[h - 1], e = H - h; return e ? v + e * (values[h] - v) : v; }; d3.median = function(array, f) { var numbers = [], n = array.length, a, i = -1; if (arguments.length === 1) { while (++i < n) if (d3_numeric(a = d3_number(array[i]))) numbers.push(a); } else { while (++i < n) if (d3_numeric(a = d3_number(f.call(array, array[i], i)))) numbers.push(a); } if (numbers.length) return d3.quantile(numbers.sort(d3_ascending), .5); }; d3.variance = function(array, f) { var n = array.length, m = 0, a, d, s = 0, i = -1, j = 0; if (arguments.length === 1) { while (++i < n) { if (d3_numeric(a = d3_number(array[i]))) { d = a - m; m += d / ++j; s += d * (a - m); } } } else { while (++i < n) { if (d3_numeric(a = d3_number(f.call(array, array[i], i)))) { d = a - m; m += d / ++j; s += d * (a - m); } } } if (j > 1) return s / (j - 1); }; d3.deviation = function() { var v = d3.variance.apply(this, arguments); return v ? Math.sqrt(v) : v; }; function d3_bisector(compare) { return { left: function(a, x, lo, hi) { if (arguments.length < 3) lo = 0; if (arguments.length < 4) hi = a.length; while (lo < hi) { var mid = lo + hi >>> 1; if (compare(a[mid], x) < 0) lo = mid + 1; else hi = mid; } return lo; }, right: function(a, x, lo, hi) { if (arguments.length < 3) lo = 0; if (arguments.length < 4) hi = a.length; while (lo < hi) { var mid = lo + hi >>> 1; if (compare(a[mid], x) > 0) hi = mid; else lo = mid + 1; } return lo; } }; } var d3_bisect = d3_bisector(d3_ascending); d3.bisectLeft = d3_bisect.left; d3.bisect = d3.bisectRight = d3_bisect.right; d3.bisector = function(f) { return d3_bisector(f.length === 1 ? function(d, x) { return d3_ascending(f(d), x); } : f); }; d3.shuffle = function(array, i0, i1) { if ((m = arguments.length) < 3) { i1 = array.length; if (m < 2) i0 = 0; } var m = i1 - i0, t, i; while (m) { i = Math.random() * m-- | 0; t = array[m + i0], array[m + i0] = array[i + i0], array[i + i0] = t; } return array; }; d3.permute = function(array, indexes) { var i = indexes.length, permutes = new Array(i); while (i--) permutes[i] = array[indexes[i]]; return permutes; }; d3.pairs = function(array) { var i = 0, n = array.length - 1, p0, p1 = array[0], pairs = new Array(n < 0 ? 0 : n); while (i < n) pairs[i] = [ p0 = p1, p1 = array[++i] ]; return pairs; }; d3.transpose = function(matrix) { if (!(n = matrix.length)) return []; for (var i = -1, m = d3.min(matrix, d3_transposeLength), transpose = new Array(m); ++i < m; ) { for (var j = -1, n, row = transpose[i] = new Array(n); ++j < n; ) { row[j] = matrix[j][i]; } } return transpose; }; function d3_transposeLength(d) { return d.length; } d3.zip = function() { return d3.transpose(arguments); }; d3.keys = function(map) { var keys = []; for (var key in map) keys.push(key); return keys; }; d3.values = function(map) { var values = []; for (var key in map) values.push(map[key]); return values; }; d3.entries = function(map) { var entries = []; for (var key in map) entries.push({ key: key, value: map[key] }); return entries; }; d3.merge = function(arrays) { var n = arrays.length, m, i = -1, j = 0, merged, array; while (++i < n) j += arrays[i].length; merged = new Array(j); while (--n >= 0) { array = arrays[n]; m = array.length; while (--m >= 0) { merged[--j] = array[m]; } } return merged; }; var abs = Math.abs; d3.range = function(start, stop, step) { if (arguments.length < 3) { step = 1; if (arguments.length < 2) { stop = start; start = 0; } } if ((stop - start) / step === Infinity) throw new Error("infinite range"); var range = [], k = d3_range_integerScale(abs(step)), i = -1, j; start *= k, stop *= k, step *= k; if (step < 0) while ((j = start + step * ++i) > stop) range.push(j / k); else while ((j = start + step * ++i) < stop) range.push(j / k); return range; }; function d3_range_integerScale(x) { var k = 1; while (x * k % 1) k *= 10; return k; } function d3_class(ctor, properties) { for (var key in properties) { Object.defineProperty(ctor.prototype, key, { value: properties[key], enumerable: false }); } } d3.map = function(object, f) { var map = new d3_Map(); if (object instanceof d3_Map) { object.forEach(function(key, value) { map.set(key, value); }); } else if (Array.isArray(object)) { var i = -1, n = object.length, o; if (arguments.length === 1) while (++i < n) map.set(i, object[i]); else while (++i < n) map.set(f.call(object, o = object[i], i), o); } else { for (var key in object) map.set(key, object[key]); } return map; }; function d3_Map() { this._ = Object.create(null); } var d3_map_proto = "__proto__", d3_map_zero = "\x00"; d3_class(d3_Map, { has: d3_map_has, get: function(key) { return this._[d3_map_escape(key)]; }, set: function(key, value) { return this._[d3_map_escape(key)] = value; }, remove: d3_map_remove, keys: d3_map_keys, values: function() { var values = []; for (var key in this._) values.push(this._[key]); return values; }, entries: function() { var entries = []; for (var key in this._) entries.push({ key: d3_map_unescape(key), value: this._[key] }); return entries; }, size: d3_map_size, empty: d3_map_empty, forEach: function(f) { for (var key in this._) f.call(this, d3_map_unescape(key), this._[key]); } }); function d3_map_escape(key) { return (key += "") === d3_map_proto || key[0] === d3_map_zero ? d3_map_zero + key : key; } function d3_map_unescape(key) { return (key += "")[0] === d3_map_zero ? key.slice(1) : key; } function d3_map_has(key) { return d3_map_escape(key) in this._; } function d3_map_remove(key) { return (key = d3_map_escape(key)) in this._ && delete this._[key]; } function d3_map_keys() { var keys = []; for (var key in this._) keys.push(d3_map_unescape(key)); return keys; } function d3_map_size() { var size = 0; for (var key in this._) ++size; return size; } function d3_map_empty() { for (var key in this._) return false; return true; } d3.nest = function() { var nest = {}, keys = [], sortKeys = [], sortValues, rollup; function map(mapType, array, depth) { if (depth >= keys.length) return rollup ? rollup.call(nest, array) : sortValues ? array.sort(sortValues) : array; var i = -1, n = array.length, key = keys[depth++], keyValue, object, setter, valuesByKey = new d3_Map(), values; while (++i < n) { if (values = valuesByKey.get(keyValue = key(object = array[i]))) { values.push(object); } else { valuesByKey.set(keyValue, [ object ]); } } if (mapType) { object = mapType(); setter = function(keyValue, values) { object.set(keyValue, map(mapType, values, depth)); }; } else { object = {}; setter = function(keyValue, values) { object[keyValue] = map(mapType, values, depth); }; } valuesByKey.forEach(setter); return object; } function entries(map, depth) { if (depth >= keys.length) return map; var array = [], sortKey = sortKeys[depth++]; map.forEach(function(key, keyMap) { array.push({ key: key, values: entries(keyMap, depth) }); }); return sortKey ? array.sort(function(a, b) { return sortKey(a.key, b.key); }) : array; } nest.map = function(array, mapType) { return map(mapType, array, 0); }; nest.entries = function(array) { return entries(map(d3.map, array, 0), 0); }; nest.key = function(d) { keys.push(d); return nest; }; nest.sortKeys = function(order) { sortKeys[keys.length - 1] = order; return nest; }; nest.sortValues = function(order) { sortValues = order; return nest; }; nest.rollup = function(f) { rollup = f; return nest; }; return nest; }; d3.set = function(array) { var set = new d3_Set(); if (array) for (var i = 0, n = array.length; i < n; ++i) set.add(array[i]); return set; }; function d3_Set() { this._ = Object.create(null); } d3_class(d3_Set, { has: d3_map_has, add: function(key) { this._[d3_map_escape(key += "")] = true; return key; }, remove: d3_map_remove, values: d3_map_keys, size: d3_map_size, empty: d3_map_empty, forEach: function(f) { for (var key in this._) f.call(this, d3_map_unescape(key)); } }); d3.behavior = {}; function d3_identity(d) { return d; } d3.rebind = function(target, source) { var i = 1, n = arguments.length, method; while (++i < n) target[method = arguments[i]] = d3_rebind(target, source, source[method]); return target; }; function d3_rebind(target, source, method) { return function() { var value = method.apply(source, arguments); return value === source ? target : value; }; } function d3_vendorSymbol(object, name) { if (name in object) return name; name = name.charAt(0).toUpperCase() + name.slice(1); for (var i = 0, n = d3_vendorPrefixes.length; i < n; ++i) { var prefixName = d3_vendorPrefixes[i] + name; if (prefixName in object) return prefixName; } } var d3_vendorPrefixes = [ "webkit", "ms", "moz", "Moz", "o", "O" ]; function d3_noop() {} d3.dispatch = function() { var dispatch = new d3_dispatch(), i = -1, n = arguments.length; while (++i < n) dispatch[arguments[i]] = d3_dispatch_event(dispatch); return dispatch; }; function d3_dispatch() {} d3_dispatch.prototype.on = function(type, listener) { var i = type.indexOf("."), name = ""; if (i >= 0) { name = type.slice(i + 1); type = type.slice(0, i); } if (type) return arguments.length < 2 ? this[type].on(name) : this[type].on(name, listener); if (arguments.length === 2) { if (listener == null) for (type in this) { if (this.hasOwnProperty(type)) this[type].on(name, null); } return this; } }; function d3_dispatch_event(dispatch) { var listeners = [], listenerByName = new d3_Map(); function event() { var z = listeners, i = -1, n = z.length, l; while (++i < n) if (l = z[i].on) l.apply(this, arguments); return dispatch; } event.on = function(name, listener) { var l = listenerByName.get(name), i; if (arguments.length < 2) return l && l.on; if (l) { l.on = null; listeners = listeners.slice(0, i = listeners.indexOf(l)).concat(listeners.slice(i + 1)); listenerByName.remove(name); } if (listener) listeners.push(listenerByName.set(name, { on: listener })); return dispatch; }; return event; } d3.event = null; function d3_eventPreventDefault() { d3.event.preventDefault(); } function d3_eventSource() { var e = d3.event, s; while (s = e.sourceEvent) e = s; return e; } function d3_eventDispatch(target) { var dispatch = new d3_dispatch(), i = 0, n = arguments.length; while (++i < n) dispatch[arguments[i]] = d3_dispatch_event(dispatch); dispatch.of = function(thiz, argumentz) { return function(e1) { try { var e0 = e1.sourceEvent = d3.event; e1.target = target; d3.event = e1; dispatch[e1.type].apply(thiz, argumentz); } finally { d3.event = e0; } }; }; return dispatch; } d3.requote = function(s) { return s.replace(d3_requote_re, "\\$&"); }; var d3_requote_re = /[\\\^\$\*\+\?\|\[\]\(\)\.\{\}]/g; var d3_subclass = {}.__proto__ ? function(object, prototype) { object.__proto__ = prototype; } : function(object, prototype) { for (var property in prototype) object[property] = prototype[property]; }; function d3_selection(groups) { d3_subclass(groups, d3_selectionPrototype); return groups; } var d3_select = function(s, n) { return n.querySelector(s); }, d3_selectAll = function(s, n) { return n.querySelectorAll(s); }, d3_selectMatches = function(n, s) { var d3_selectMatcher = n.matches || n[d3_vendorSymbol(n, "matchesSelector")]; d3_selectMatches = function(n, s) { return d3_selectMatcher.call(n, s); }; return d3_selectMatches(n, s); }; if (typeof Sizzle === "function") { d3_select = function(s, n) { return Sizzle(s, n)[0] || null; }; d3_selectAll = Sizzle; d3_selectMatches = Sizzle.matchesSelector; } d3.selection = function() { return d3.select(d3_document.documentElement); }; var d3_selectionPrototype = d3.selection.prototype = []; d3_selectionPrototype.select = function(selector) { var subgroups = [], subgroup, subnode, group, node; selector = d3_selection_selector(selector); for (var j = -1, m = this.length; ++j < m; ) { subgroups.push(subgroup = []); subgroup.parentNode = (group = this[j]).parentNode; for (var i = -1, n = group.length; ++i < n; ) { if (node = group[i]) { subgroup.push(subnode = selector.call(node, node.__data__, i, j)); if (subnode && "__data__" in node) subnode.__data__ = node.__data__; } else { subgroup.push(null); } } } return d3_selection(subgroups); }; function d3_selection_selector(selector) { return typeof selector === "function" ? selector : function() { return d3_select(selector, this); }; } d3_selectionPrototype.selectAll = function(selector) { var subgroups = [], subgroup, node; selector = d3_selection_selectorAll(selector); for (var j = -1, m = this.length; ++j < m; ) { for (var group = this[j], i = -1, n = group.length; ++i < n; ) { if (node = group[i]) { subgroups.push(subgroup = d3_array(selector.call(node, node.__data__, i, j))); subgroup.parentNode = node; } } } return d3_selection(subgroups); }; function d3_selection_selectorAll(selector) { return typeof selector === "function" ? selector : function() { return d3_selectAll(selector, this); }; } var d3_nsXhtml = "http://www.w3.org/1999/xhtml"; var d3_nsPrefix = { svg: "http://www.w3.org/2000/svg", xhtml: d3_nsXhtml, xlink: "http://www.w3.org/1999/xlink", xml: "http://www.w3.org/XML/1998/namespace", xmlns: "http://www.w3.org/2000/xmlns/" }; d3.ns = { prefix: d3_nsPrefix, qualify: function(name) { var i = name.indexOf(":"), prefix = name; if (i >= 0 && (prefix = name.slice(0, i)) !== "xmlns") name = name.slice(i + 1); return d3_nsPrefix.hasOwnProperty(prefix) ? { space: d3_nsPrefix[prefix], local: name } : name; } }; d3_selectionPrototype.attr = function(name, value) { if (arguments.length < 2) { if (typeof name === "string") { var node = this.node(); name = d3.ns.qualify(name); return name.local ? node.getAttributeNS(name.space, name.local) : node.getAttribute(name); } for (value in name) this.each(d3_selection_attr(value, name[value])); return this; } return this.each(d3_selection_attr(name, value)); }; function d3_selection_attr(name, value) { name = d3.ns.qualify(name); function attrNull() { this.removeAttribute(name); } function attrNullNS() { this.removeAttributeNS(name.space, name.local); } function attrConstant() { this.setAttribute(name, value); } function attrConstantNS() { this.setAttributeNS(name.space, name.local, value); } function attrFunction() { var x = value.apply(this, arguments); if (x == null) this.removeAttribute(name); else this.setAttribute(name, x); } function attrFunctionNS() { var x = value.apply(this, arguments); if (x == null) this.removeAttributeNS(name.space, name.local); else this.setAttributeNS(name.space, name.local, x); } return value == null ? name.local ? attrNullNS : attrNull : typeof value === "function" ? name.local ? attrFunctionNS : attrFunction : name.local ? attrConstantNS : attrConstant; } function d3_collapse(s) { return s.trim().replace(/\s+/g, " "); } d3_selectionPrototype.classed = function(name, value) { if (arguments.length < 2) { if (typeof name === "string") { var node = this.node(), n = (name = d3_selection_classes(name)).length, i = -1; if (value = node.classList) { while (++i < n) if (!value.contains(name[i])) return false; } else { value = node.getAttribute("class"); while (++i < n) if (!d3_selection_classedRe(name[i]).test(value)) return false; } return true; } for (value in name) this.each(d3_selection_classed(value, name[value])); return this; } return this.each(d3_selection_classed(name, value)); }; function d3_selection_classedRe(name) { return new RegExp("(?:^|\\s+)" + d3.requote(name) + "(?:\\s+|$)", "g"); } function d3_selection_classes(name) { return (name + "").trim().split(/^|\s+/); } function d3_selection_classed(name, value) { name = d3_selection_classes(name).map(d3_selection_classedName); var n = name.length; function classedConstant() { var i = -1; while (++i < n) name[i](this, value); } function classedFunction() { var i = -1, x = value.apply(this, arguments); while (++i < n) name[i](this, x); } return typeof value === "function" ? classedFunction : classedConstant; } function d3_selection_classedName(name) { var re = d3_selection_classedRe(name); return function(node, value) { if (c = node.classList) return value ? c.add(name) : c.remove(name); var c = node.getAttribute("class") || ""; if (value) { re.lastIndex = 0; if (!re.test(c)) node.setAttribute("class", d3_collapse(c + " " + name)); } else { node.setAttribute("class", d3_collapse(c.replace(re, " "))); } }; } d3_selectionPrototype.style = function(name, value, priority) { var n = arguments.length; if (n < 3) { if (typeof name !== "string") { if (n < 2) value = ""; for (priority in name) this.each(d3_selection_style(priority, name[priority], value)); return this; } if (n < 2) { var node = this.node(); return d3_window(node).getComputedStyle(node, null).getPropertyValue(name); } priority = ""; } return this.each(d3_selection_style(name, value, priority)); }; function d3_selection_style(name, value, priority) { function styleNull() { this.style.removeProperty(name); } function styleConstant() { this.style.setProperty(name, value, priority); } function styleFunction() { var x = value.apply(this, arguments); if (x == null) this.style.removeProperty(name); else this.style.setProperty(name, x, priority); } return value == null ? styleNull : typeof value === "function" ? styleFunction : styleConstant; } d3_selectionPrototype.property = function(name, value) { if (arguments.length < 2) { if (typeof name === "string") return this.node()[name]; for (value in name) this.each(d3_selection_property(value, name[value])); return this; } return this.each(d3_selection_property(name, value)); }; function d3_selection_property(name, value) { function propertyNull() { delete this[name]; } function propertyConstant() { this[name] = value; } function propertyFunction() { var x = value.apply(this, arguments); if (x == null) delete this[name]; else this[name] = x; } return value == null ? propertyNull : typeof value === "function" ? propertyFunction : propertyConstant; } d3_selectionPrototype.text = function(value) { return arguments.length ? this.each(typeof value === "function" ? function() { var v = value.apply(this, arguments); this.textContent = v == null ? "" : v; } : value == null ? function() { this.textContent = ""; } : function() { this.textContent = value; }) : this.node().textContent; }; d3_selectionPrototype.html = function(value) { return arguments.length ? this.each(typeof value === "function" ? function() { var v = value.apply(this, arguments); this.innerHTML = v == null ? "" : v; } : value == null ? function() { this.innerHTML = ""; } : function() { this.innerHTML = value; }) : this.node().innerHTML; }; d3_selectionPrototype.append = function(name) { name = d3_selection_creator(name); return this.select(function() { return this.appendChild(name.apply(this, arguments)); }); }; function d3_selection_creator(name) { function create() { var document = this.ownerDocument, namespace = this.namespaceURI; return namespace === d3_nsXhtml && document.documentElement.namespaceURI === d3_nsXhtml ? document.createElement(name) : document.createElementNS(namespace, name); } function createNS() { return this.ownerDocument.createElementNS(name.space, name.local); } return typeof name === "function" ? name : (name = d3.ns.qualify(name)).local ? createNS : create; } d3_selectionPrototype.insert = function(name, before) { name = d3_selection_creator(name); before = d3_selection_selector(before); return this.select(function() { return this.insertBefore(name.apply(this, arguments), before.apply(this, arguments) || null); }); }; d3_selectionPrototype.remove = function() { return this.each(d3_selectionRemove); }; function d3_selectionRemove() { var parent = this.parentNode; if (parent) parent.removeChild(this); } d3_selectionPrototype.data = function(value, key) { var i = -1, n = this.length, group, node; if (!arguments.length) { value = new Array(n = (group = this[0]).length); while (++i < n) { if (node = group[i]) { value[i] = node.__data__; } } return value; } function bind(group, groupData) { var i, n = group.length, m = groupData.length, n0 = Math.min(n, m), updateNodes = new Array(m), enterNodes = new Array(m), exitNodes = new Array(n), node, nodeData; if (key) { var nodeByKeyValue = new d3_Map(), keyValues = new Array(n), keyValue; for (i = -1; ++i < n; ) { if (node = group[i]) { if (nodeByKeyValue.has(keyValue = key.call(node, node.__data__, i))) { exitNodes[i] = node; } else { nodeByKeyValue.set(keyValue, node); } keyValues[i] = keyValue; } } for (i = -1; ++i < m; ) { if (!(node = nodeByKeyValue.get(keyValue = key.call(groupData, nodeData = groupData[i], i)))) { enterNodes[i] = d3_selection_dataNode(nodeData); } else if (node !== true) { updateNodes[i] = node; node.__data__ = nodeData; } nodeByKeyValue.set(keyValue, true); } for (i = -1; ++i < n; ) { if (i in keyValues && nodeByKeyValue.get(keyValues[i]) !== true) { exitNodes[i] = group[i]; } } } else { for (i = -1; ++i < n0; ) { node = group[i]; nodeData = groupData[i]; if (node) { node.__data__ = nodeData; updateNodes[i] = node; } else { enterNodes[i] = d3_selection_dataNode(nodeData); } } for (;i < m; ++i) { enterNodes[i] = d3_selection_dataNode(groupData[i]); } for (;i < n; ++i) { exitNodes[i] = group[i]; } } enterNodes.update = updateNodes; enterNodes.parentNode = updateNodes.parentNode = exitNodes.parentNode = group.parentNode; enter.push(enterNodes); update.push(updateNodes); exit.push(exitNodes); } var enter = d3_selection_enter([]), update = d3_selection([]), exit = d3_selection([]); if (typeof value === "function") { while (++i < n) { bind(group = this[i], value.call(group, group.parentNode.__data__, i)); } } else { while (++i < n) { bind(group = this[i], value); } } update.enter = function() { return enter; }; update.exit = function() { return exit; }; return update; }; function d3_selection_dataNode(data) { return { __data__: data }; } d3_selectionPrototype.datum = function(value) { return arguments.length ? this.property("__data__", value) : this.property("__data__"); }; d3_selectionPrototype.filter = function(filter) { var subgroups = [], subgroup, group, node; if (typeof filter !== "function") filter = d3_selection_filter(filter); for (var j = 0, m = this.length; j < m; j++) { subgroups.push(subgroup = []); subgroup.parentNode = (group = this[j]).parentNode; for (var i = 0, n = group.length; i < n; i++) { if ((node = group[i]) && filter.call(node, node.__data__, i, j)) { subgroup.push(node); } } } return d3_selection(subgroups); }; function d3_selection_filter(selector) { return function() { return d3_selectMatches(this, selector); }; } d3_selectionPrototype.order = function() { for (var j = -1, m = this.length; ++j < m; ) { for (var group = this[j], i = group.length - 1, next = group[i], node; --i >= 0; ) { if (node = group[i]) { if (next && next !== node.nextSibling) next.parentNode.insertBefore(node, next); next = node; } } } return this; }; d3_selectionPrototype.sort = function(comparator) { comparator = d3_selection_sortComparator.apply(this, arguments); for (var j = -1, m = this.length; ++j < m; ) this[j].sort(comparator); return this.order(); }; function d3_selection_sortComparator(comparator) { if (!arguments.length) comparator = d3_ascending; return function(a, b) { return a && b ? comparator(a.__data__, b.__data__) : !a - !b; }; } d3_selectionPrototype.each = function(callback) { return d3_selection_each(this, function(node, i, j) { callback.call(node, node.__data__, i, j); }); }; function d3_selection_each(groups, callback) { for (var j = 0, m = groups.length; j < m; j++) { for (var group = groups[j], i = 0, n = group.length, node; i < n; i++) { if (node = group[i]) callback(node, i, j); } } return groups; } d3_selectionPrototype.call = function(callback) { var args = d3_array(arguments); callback.apply(args[0] = this, args); return this; }; d3_selectionPrototype.empty = function() { return !this.node(); }; d3_selectionPrototype.node = function() { for (var j = 0, m = this.length; j < m; j++) { for (var group = this[j], i = 0, n = group.length; i < n; i++) { var node = group[i]; if (node) return node; } } return null; }; d3_selectionPrototype.size = function() { var n = 0; d3_selection_each(this, function() { ++n; }); return n; }; function d3_selection_enter(selection) { d3_subclass(selection, d3_selection_enterPrototype); return selection; } var d3_selection_enterPrototype = []; d3.selection.enter = d3_selection_enter; d3.selection.enter.prototype = d3_selection_enterPrototype; d3_selection_enterPrototype.append = d3_selectionPrototype.append; d3_selection_enterPrototype.empty = d3_selectionPrototype.empty; d3_selection_enterPrototype.node = d3_selectionPrototype.node; d3_selection_enterPrototype.call = d3_selectionPrototype.call; d3_selection_enterPrototype.size = d3_selectionPrototype.size; d3_selection_enterPrototype.select = function(selector) { var subgroups = [], subgroup, subnode, upgroup, group, node; for (var j = -1, m = this.length; ++j < m; ) { upgroup = (group = this[j]).update; subgroups.push(subgroup = []); subgroup.parentNode = group.parentNode; for (var i = -1, n = group.length; ++i < n; ) { if (node = group[i]) { subgroup.push(upgroup[i] = subnode = selector.call(group.parentNode, node.__data__, i, j)); subnode.__data__ = node.__data__; } else { subgroup.push(null); } } } return d3_selection(subgroups); }; d3_selection_enterPrototype.insert = function(name, before) { if (arguments.length < 2) before = d3_selection_enterInsertBefore(this); return d3_selectionPrototype.insert.call(this, name, before); }; function d3_selection_enterInsertBefore(enter) { var i0, j0; return function(d, i, j) { var group = enter[j].update, n = group.length, node; if (j != j0) j0 = j, i0 = 0; if (i >= i0) i0 = i + 1; while (!(node = group[i0]) && ++i0 < n) ; return node; }; } d3.select = function(node) { var group; if (typeof node === "string") { group = [ d3_select(node, d3_document) ]; group.parentNode = d3_document.documentElement; } else { group = [ node ]; group.parentNode = d3_documentElement(node); } return d3_selection([ group ]); }; d3.selectAll = function(nodes) { var group; if (typeof nodes === "string") { group = d3_array(d3_selectAll(nodes, d3_document)); group.parentNode = d3_document.documentElement; } else { group = d3_array(nodes); group.parentNode = null; } return d3_selection([ group ]); }; d3_selectionPrototype.on = function(type, listener, capture) { var n = arguments.length; if (n < 3) { if (typeof type !== "string") { if (n < 2) listener = false; for (capture in type) this.each(d3_selection_on(capture, type[capture], listener)); return this; } if (n < 2) return (n = this.node()["__on" + type]) && n._; capture = false; } return this.each(d3_selection_on(type, listener, capture)); }; function d3_selection_on(type, listener, capture) { var name = "__on" + type, i = type.indexOf("."), wrap = d3_selection_onListener; if (i > 0) type = type.slice(0, i); var filter = d3_selection_onFilters.get(type); if (filter) type = filter, wrap = d3_selection_onFilter; function onRemove() { var l = this[name]; if (l) { this.removeEventListener(type, l, l.$); delete this[name]; } } function onAdd() { var l = wrap(listener, d3_array(arguments)); onRemove.call(this); this.addEventListener(type, this[name] = l, l.$ = capture); l._ = listener; } function removeAll() { var re = new RegExp("^__on([^.]+)" + d3.requote(type) + "$"), match; for (var name in this) { if (match = name.match(re)) { var l = this[name]; this.removeEventListener(match[1], l, l.$); delete this[name]; } } } return i ? listener ? onAdd : onRemove : listener ? d3_noop : removeAll; } var d3_selection_onFilters = d3.map({ mouseenter: "mouseover", mouseleave: "mouseout" }); if (d3_document) { d3_selection_onFilters.forEach(function(k) { if ("on" + k in d3_document) d3_selection_onFilters.remove(k); }); } function d3_selection_onListener(listener, argumentz) { return function(e) { var o = d3.event; d3.event = e; argumentz[0] = this.__data__; try { listener.apply(this, argumentz); } finally { d3.event = o; } }; } function d3_selection_onFilter(listener, argumentz) { var l = d3_selection_onListener(listener, argumentz); return function(e) { var target = this, related = e.relatedTarget; if (!related || related !== target && !(related.compareDocumentPosition(target) & 8)) { l.call(target, e); } }; } var d3_event_dragSelect, d3_event_dragId = 0; function d3_event_dragSuppress(node) { var name = ".dragsuppress-" + ++d3_event_dragId, click = "click" + name, w = d3.select(d3_window(node)).on("touchmove" + name, d3_eventPreventDefault).on("dragstart" + name, d3_eventPreventDefault).on("selectstart" + name, d3_eventPreventDefault); if (d3_event_dragSelect == null) { d3_event_dragSelect = "onselectstart" in node ? false : d3_vendorSymbol(node.style, "userSelect"); } if (d3_event_dragSelect) { var style = d3_documentElement(node).style, select = style[d3_event_dragSelect]; style[d3_event_dragSelect] = "none"; } return function(suppressClick) { w.on(name, null); if (d3_event_dragSelect) style[d3_event_dragSelect] = select; if (suppressClick) { var off = function() { w.on(click, null); }; w.on(click, function() { d3_eventPreventDefault(); off(); }, true); setTimeout(off, 0); } }; } d3.mouse = function(container) { return d3_mousePoint(container, d3_eventSource()); }; var d3_mouse_bug44083 = this.navigator && /WebKit/.test(this.navigator.userAgent) ? -1 : 0; function d3_mousePoint(container, e) { if (e.changedTouches) e = e.changedTouches[0]; var svg = container.ownerSVGElement || container; if (svg.createSVGPoint) { var point = svg.createSVGPoint(); if (d3_mouse_bug44083 < 0) { var window = d3_window(container); if (window.scrollX || window.scrollY) { svg = d3.select("body").append("svg").style({ position: "absolute", top: 0, left: 0, margin: 0, padding: 0, border: "none" }, "important"); var ctm = svg[0][0].getScreenCTM(); d3_mouse_bug44083 = !(ctm.f || ctm.e); svg.remove(); } } if (d3_mouse_bug44083) point.x = e.pageX, point.y = e.pageY; else point.x = e.clientX, point.y = e.clientY; point = point.matrixTransform(container.getScreenCTM().inverse()); return [ point.x, point.y ]; } var rect = container.getBoundingClientRect(); return [ e.clientX - rect.left - container.clientLeft, e.clientY - rect.top - container.clientTop ]; } d3.touch = function(container, touches, identifier) { if (arguments.length < 3) identifier = touches, touches = d3_eventSource().changedTouches; if (touches) for (var i = 0, n = touches.length, touch; i < n; ++i) { if ((touch = touches[i]).identifier === identifier) { return d3_mousePoint(container, touch); } } }; d3.behavior.drag = function() { var event = d3_eventDispatch(drag, "drag", "dragstart", "dragend"), origin = null, mousedown = dragstart(d3_noop, d3.mouse, d3_window, "mousemove", "mouseup"), touchstart = dragstart(d3_behavior_dragTouchId, d3.touch, d3_identity, "touchmove", "touchend"); function drag() { this.on("mousedown.drag", mousedown).on("touchstart.drag", touchstart); } function dragstart(id, position, subject, move, end) { return function() { var that = this, target = d3.event.target.correspondingElement || d3.event.target, parent = that.parentNode, dispatch = event.of(that, arguments), dragged = 0, dragId = id(), dragName = ".drag" + (dragId == null ? "" : "-" + dragId), dragOffset, dragSubject = d3.select(subject(target)).on(move + dragName, moved).on(end + dragName, ended), dragRestore = d3_event_dragSuppress(target), position0 = position(parent, dragId); if (origin) { dragOffset = origin.apply(that, arguments); dragOffset = [ dragOffset.x - position0[0], dragOffset.y - position0[1] ]; } else { dragOffset = [ 0, 0 ]; } dispatch({ type: "dragstart" }); function moved() { var position1 = position(parent, dragId), dx, dy; if (!position1) return; dx = position1[0] - position0[0]; dy = position1[1] - position0[1]; dragged |= dx | dy; position0 = position1; dispatch({ type: "drag", x: position1[0] + dragOffset[0], y: position1[1] + dragOffset[1], dx: dx, dy: dy }); } function ended() { if (!position(parent, dragId)) return; dragSubject.on(move + dragName, null).on(end + dragName, null); dragRestore(dragged); dispatch({ type: "dragend" }); } }; } drag.origin = function(x) { if (!arguments.length) return origin; origin = x; return drag; }; return d3.rebind(drag, event, "on"); }; function d3_behavior_dragTouchId() { return d3.event.changedTouches[0].identifier; } d3.touches = function(container, touches) { if (arguments.length < 2) touches = d3_eventSource().touches; return touches ? d3_array(touches).map(function(touch) { var point = d3_mousePoint(container, touch); point.identifier = touch.identifier; return point; }) : []; }; var ε = 1e-6, ε2 = ε * ε, π = Math.PI, τ = 2 * π, τε = τ - ε, halfπ = π / 2, d3_radians = π / 180, d3_degrees = 180 / π; function d3_sgn(x) { return x > 0 ? 1 : x < 0 ? -1 : 0; } function d3_cross2d(a, b, c) { return (b[0] - a[0]) * (c[1] - a[1]) - (b[1] - a[1]) * (c[0] - a[0]); } function d3_acos(x) { return x > 1 ? 0 : x < -1 ? π : Math.acos(x); } function d3_asin(x) { return x > 1 ? halfπ : x < -1 ? -halfπ : Math.asin(x); } function d3_sinh(x) { return ((x = Math.exp(x)) - 1 / x) / 2; } function d3_cosh(x) { return ((x = Math.exp(x)) + 1 / x) / 2; } function d3_tanh(x) { return ((x = Math.exp(2 * x)) - 1) / (x + 1); } function d3_haversin(x) { return (x = Math.sin(x / 2)) * x; } var ρ = Math.SQRT2, ρ2 = 2, ρ4 = 4; d3.interpolateZoom = function(p0, p1) { var ux0 = p0[0], uy0 = p0[1], w0 = p0[2], ux1 = p1[0], uy1 = p1[1], w1 = p1[2], dx = ux1 - ux0, dy = uy1 - uy0, d2 = dx * dx + dy * dy, i, S; if (d2 < ε2) { S = Math.log(w1 / w0) / ρ; i = function(t) { return [ ux0 + t * dx, uy0 + t * dy, w0 * Math.exp(ρ * t * S) ]; }; } else { var d1 = Math.sqrt(d2), b0 = (w1 * w1 - w0 * w0 + ρ4 * d2) / (2 * w0 * ρ2 * d1), b1 = (w1 * w1 - w0 * w0 - ρ4 * d2) / (2 * w1 * ρ2 * d1), r0 = Math.log(Math.sqrt(b0 * b0 + 1) - b0), r1 = Math.log(Math.sqrt(b1 * b1 + 1) - b1); S = (r1 - r0) / ρ; i = function(t) { var s = t * S, coshr0 = d3_cosh(r0), u = w0 / (ρ2 * d1) * (coshr0 * d3_tanh(ρ * s + r0) - d3_sinh(r0)); return [ ux0 + u * dx, uy0 + u * dy, w0 * coshr0 / d3_cosh(ρ * s + r0) ]; }; } i.duration = S * 1e3; return i; }; d3.behavior.zoom = function() { var view = { x: 0, y: 0, k: 1 }, translate0, center0, center, size = [ 960, 500 ], scaleExtent = d3_behavior_zoomInfinity, duration = 250, zooming = 0, mousedown = "mousedown.zoom", mousemove = "mousemove.zoom", mouseup = "mouseup.zoom", mousewheelTimer, touchstart = "touchstart.zoom", touchtime, event = d3_eventDispatch(zoom, "zoomstart", "zoom", "zoomend"), x0, x1, y0, y1; if (!d3_behavior_zoomWheel) { d3_behavior_zoomWheel = "onwheel" in d3_document ? (d3_behavior_zoomDelta = function() { return -d3.event.deltaY * (d3.event.deltaMode ? 120 : 1); }, "wheel") : "onmousewheel" in d3_document ? (d3_behavior_zoomDelta = function() { return d3.event.wheelDelta; }, "mousewheel") : (d3_behavior_zoomDelta = function() { return -d3.event.detail; }, "MozMousePixelScroll"); } function zoom(g) { g.on(mousedown, mousedowned).on(d3_behavior_zoomWheel + ".zoom", mousewheeled).on("dblclick.zoom", dblclicked).on(touchstart, touchstarted); } zoom.event = function(g) { g.each(function() { var dispatch = event.of(this, arguments), view1 = view; if (d3_transitionInheritId) { d3.select(this).transition().each("start.zoom", function() { view = this.__chart__ || { x: 0, y: 0, k: 1 }; zoomstarted(dispatch); }).tween("zoom:zoom", function() { var dx = size[0], dy = size[1], cx = center0 ? center0[0] : dx / 2, cy = center0 ? center0[1] : dy / 2, i = d3.interpolateZoom([ (cx - view.x) / view.k, (cy - view.y) / view.k, dx / view.k ], [ (cx - view1.x) / view1.k, (cy - view1.y) / view1.k, dx / view1.k ]); return function(t) { var l = i(t), k = dx / l[2]; this.__chart__ = view = { x: cx - l[0] * k, y: cy - l[1] * k, k: k }; zoomed(dispatch); }; }).each("interrupt.zoom", function() { zoomended(dispatch); }).each("end.zoom", function() { zoomended(dispatch); }); } else { this.__chart__ = view; zoomstarted(dispatch); zoomed(dispatch); zoomended(dispatch); } }); }; zoom.translate = function(_) { if (!arguments.length) return [ view.x, view.y ]; view = { x: +_[0], y: +_[1], k: view.k }; rescale(); return zoom; }; zoom.scale = function(_) { if (!arguments.length) return view.k; view = { x: view.x, y: view.y, k: null }; scaleTo(+_); rescale(); return zoom; }; zoom.scaleExtent = function(_) { if (!arguments.length) return scaleExtent; scaleExtent = _ == null ? d3_behavior_zoomInfinity : [ +_[0], +_[1] ]; return zoom; }; zoom.center = function(_) { if (!arguments.length) return center; center = _ && [ +_[0], +_[1] ]; return zoom; }; zoom.size = function(_) { if (!arguments.length) return size; size = _ && [ +_[0], +_[1] ]; return zoom; }; zoom.duration = function(_) { if (!arguments.length) return duration; duration = +_; return zoom; }; zoom.x = function(z) { if (!arguments.length) return x1; x1 = z; x0 = z.copy(); view = { x: 0, y: 0, k: 1 }; return zoom; }; zoom.y = function(z) { if (!arguments.length) return y1; y1 = z; y0 = z.copy(); view = { x: 0, y: 0, k: 1 }; return zoom; }; function location(p) { return [ (p[0] - view.x) / view.k, (p[1] - view.y) / view.k ]; } function point(l) { return [ l[0] * view.k + view.x, l[1] * view.k + view.y ]; } function scaleTo(s) { view.k = Math.max(scaleExtent[0], Math.min(scaleExtent[1], s)); } function translateTo(p, l) { l = point(l); view.x += p[0] - l[0]; view.y += p[1] - l[1]; } function zoomTo(that, p, l, k) { that.__chart__ = { x: view.x, y: view.y, k: view.k }; scaleTo(Math.pow(2, k)); translateTo(center0 = p, l); that = d3.select(that); if (duration > 0) that = that.transition().duration(duration); that.call(zoom.event); } function rescale() { if (x1) x1.domain(x0.range().map(function(x) { return (x - view.x) / view.k; }).map(x0.invert)); if (y1) y1.domain(y0.range().map(function(y) { return (y - view.y) / view.k; }).map(y0.invert)); } function zoomstarted(dispatch) { if (!zooming++) dispatch({ type: "zoomstart" }); } function zoomed(dispatch) { rescale(); dispatch({ type: "zoom", scale: view.k, translate: [ view.x, view.y ] }); } function zoomended(dispatch) { if (!--zooming) dispatch({ type: "zoomend" }), center0 = null; } function mousedowned() { var that = this, dispatch = event.of(that, arguments), dragged = 0, subject = d3.select(d3_window(that)).on(mousemove, moved).on(mouseup, ended), location0 = location(d3.mouse(that)), dragRestore = d3_event_dragSuppress(that); d3_selection_interrupt.call(that); zoomstarted(dispatch); function moved() { dragged = 1; translateTo(d3.mouse(that), location0); zoomed(dispatch); } function ended() { subject.on(mousemove, null).on(mouseup, null); dragRestore(dragged); zoomended(dispatch); } } function touchstarted() { var that = this, dispatch = event.of(that, arguments), locations0 = {}, distance0 = 0, scale0, zoomName = ".zoom-" + d3.event.changedTouches[0].identifier, touchmove = "touchmove" + zoomName, touchend = "touchend" + zoomName, targets = [], subject = d3.select(that), dragRestore = d3_event_dragSuppress(that); started(); zoomstarted(dispatch); subject.on(mousedown, null).on(touchstart, started); function relocate() { var touches = d3.touches(that); scale0 = view.k; touches.forEach(function(t) { if (t.identifier in locations0) locations0[t.identifier] = location(t); }); return touches; } function started() { var target = d3.event.target; d3.select(target).on(touchmove, moved).on(touchend, ended); targets.push(target); var changed = d3.event.changedTouches; for (var i = 0, n = changed.length; i < n; ++i) { locations0[changed[i].identifier] = null; } var touches = relocate(), now = Date.now(); if (touches.length === 1) { if (now - touchtime < 500) { var p = touches[0]; zoomTo(that, p, locations0[p.identifier], Math.floor(Math.log(view.k) / Math.LN2) + 1); d3_eventPreventDefault(); } touchtime = now; } else if (touches.length > 1) { var p = touches[0], q = touches[1], dx = p[0] - q[0], dy = p[1] - q[1]; distance0 = dx * dx + dy * dy; } } function moved() { var touches = d3.touches(that), p0, l0, p1, l1; d3_selection_interrupt.call(that); for (var i = 0, n = touches.length; i < n; ++i, l1 = null) { p1 = touches[i]; if (l1 = locations0[p1.identifier]) { if (l0) break; p0 = p1, l0 = l1; } } if (l1) { var distance1 = (distance1 = p1[0] - p0[0]) * distance1 + (distance1 = p1[1] - p0[1]) * distance1, scale1 = distance0 && Math.sqrt(distance1 / distance0); p0 = [ (p0[0] + p1[0]) / 2, (p0[1] + p1[1]) / 2 ]; l0 = [ (l0[0] + l1[0]) / 2, (l0[1] + l1[1]) / 2 ]; scaleTo(scale1 * scale0); } touchtime = null; translateTo(p0, l0); zoomed(dispatch); } function ended() { if (d3.event.touches.length) { var changed = d3.event.changedTouches; for (var i = 0, n = changed.length; i < n; ++i) { delete locations0[changed[i].identifier]; } for (var identifier in locations0) { return void relocate(); } } d3.selectAll(targets).on(zoomName, null); subject.on(mousedown, mousedowned).on(touchstart, touchstarted); dragRestore(); zoomended(dispatch); } } function mousewheeled() { var dispatch = event.of(this, arguments); if (mousewheelTimer) clearTimeout(mousewheelTimer); else d3_selection_interrupt.call(this), translate0 = location(center0 = center || d3.mouse(this)), zoomstarted(dispatch); mousewheelTimer = setTimeout(function() { mousewheelTimer = null; zoomended(dispatch); }, 50); d3_eventPreventDefault(); scaleTo(Math.pow(2, d3_behavior_zoomDelta() * .002) * view.k); translateTo(center0, translate0); zoomed(dispatch); } function dblclicked() { var p = d3.mouse(this), k = Math.log(view.k) / Math.LN2; zoomTo(this, p, location(p), d3.event.shiftKey ? Math.ceil(k) - 1 : Math.floor(k) + 1); } return d3.rebind(zoom, event, "on"); }; var d3_behavior_zoomInfinity = [ 0, Infinity ], d3_behavior_zoomDelta, d3_behavior_zoomWheel; d3.color = d3_color; function d3_color() {} d3_color.prototype.toString = function() { return this.rgb() + ""; }; d3.hsl = d3_hsl; function d3_hsl(h, s, l) { return this instanceof d3_hsl ? void (this.h = +h, this.s = +s, this.l = +l) : arguments.length < 2 ? h instanceof d3_hsl ? new d3_hsl(h.h, h.s, h.l) : d3_rgb_parse("" + h, d3_rgb_hsl, d3_hsl) : new d3_hsl(h, s, l); } var d3_hslPrototype = d3_hsl.prototype = new d3_color(); d3_hslPrototype.brighter = function(k) { k = Math.pow(.7, arguments.length ? k : 1); return new d3_hsl(this.h, this.s, this.l / k); }; d3_hslPrototype.darker = function(k) { k = Math.pow(.7, arguments.length ? k : 1); return new d3_hsl(this.h, this.s, k * this.l); }; d3_hslPrototype.rgb = function() { return d3_hsl_rgb(this.h, this.s, this.l); }; function d3_hsl_rgb(h, s, l) { var m1, m2; h = isNaN(h) ? 0 : (h %= 360) < 0 ? h + 360 : h; s = isNaN(s) ? 0 : s < 0 ? 0 : s > 1 ? 1 : s; l = l < 0 ? 0 : l > 1 ? 1 : l; m2 = l <= .5 ? l * (1 + s) : l + s - l * s; m1 = 2 * l - m2; function v(h) { if (h > 360) h -= 360; else if (h < 0) h += 360; if (h < 60) return m1 + (m2 - m1) * h / 60; if (h < 180) return m2; if (h < 240) return m1 + (m2 - m1) * (240 - h) / 60; return m1; } function vv(h) { return Math.round(v(h) * 255); } return new d3_rgb(vv(h + 120), vv(h), vv(h - 120)); } d3.hcl = d3_hcl; function d3_hcl(h, c, l) { return this instanceof d3_hcl ? void (this.h = +h, this.c = +c, this.l = +l) : arguments.length < 2 ? h instanceof d3_hcl ? new d3_hcl(h.h, h.c, h.l) : h instanceof d3_lab ? d3_lab_hcl(h.l, h.a, h.b) : d3_lab_hcl((h = d3_rgb_lab((h = d3.rgb(h)).r, h.g, h.b)).l, h.a, h.b) : new d3_hcl(h, c, l); } var d3_hclPrototype = d3_hcl.prototype = new d3_color(); d3_hclPrototype.brighter = function(k) { return new d3_hcl(this.h, this.c, Math.min(100, this.l + d3_lab_K * (arguments.length ? k : 1))); }; d3_hclPrototype.darker = function(k) { return new d3_hcl(this.h, this.c, Math.max(0, this.l - d3_lab_K * (arguments.length ? k : 1))); }; d3_hclPrototype.rgb = function() { return d3_hcl_lab(this.h, this.c, this.l).rgb(); }; function d3_hcl_lab(h, c, l) { if (isNaN(h)) h = 0; if (isNaN(c)) c = 0; return new d3_lab(l, Math.cos(h *= d3_radians) * c, Math.sin(h) * c); } d3.lab = d3_lab; function d3_lab(l, a, b) { return this instanceof d3_lab ? void (this.l = +l, this.a = +a, this.b = +b) : arguments.length < 2 ? l instanceof d3_lab ? new d3_lab(l.l, l.a, l.b) : l instanceof d3_hcl ? d3_hcl_lab(l.h, l.c, l.l) : d3_rgb_lab((l = d3_rgb(l)).r, l.g, l.b) : new d3_lab(l, a, b); } var d3_lab_K = 18; var d3_lab_X = .95047, d3_lab_Y = 1, d3_lab_Z = 1.08883; var d3_labPrototype = d3_lab.prototype = new d3_color(); d3_labPrototype.brighter = function(k) { return new d3_lab(Math.min(100, this.l + d3_lab_K * (arguments.length ? k : 1)), this.a, this.b); }; d3_labPrototype.darker = function(k) { return new d3_lab(Math.max(0, this.l - d3_lab_K * (arguments.length ? k : 1)), this.a, this.b); }; d3_labPrototype.rgb = function() { return d3_lab_rgb(this.l, this.a, this.b); }; function d3_lab_rgb(l, a, b) { var y = (l + 16) / 116, x = y + a / 500, z = y - b / 200; x = d3_lab_xyz(x) * d3_lab_X; y = d3_lab_xyz(y) * d3_lab_Y; z = d3_lab_xyz(z) * d3_lab_Z; return new d3_rgb(d3_xyz_rgb(3.2404542 * x - 1.5371385 * y - .4985314 * z), d3_xyz_rgb(-.969266 * x + 1.8760108 * y + .041556 * z), d3_xyz_rgb(.0556434 * x - .2040259 * y + 1.0572252 * z)); } function d3_lab_hcl(l, a, b) { return l > 0 ? new d3_hcl(Math.atan2(b, a) * d3_degrees, Math.sqrt(a * a + b * b), l) : new d3_hcl(NaN, NaN, l); } function d3_lab_xyz(x) { return x > .206893034 ? x * x * x : (x - 4 / 29) / 7.787037; } function d3_xyz_lab(x) { return x > .008856 ? Math.pow(x, 1 / 3) : 7.787037 * x + 4 / 29; } function d3_xyz_rgb(r) { return Math.round(255 * (r <= .00304 ? 12.92 * r : 1.055 * Math.pow(r, 1 / 2.4) - .055)); } d3.rgb = d3_rgb; function d3_rgb(r, g, b) { return this instanceof d3_rgb ? void (this.r = ~~r, this.g = ~~g, this.b = ~~b) : arguments.length < 2 ? r instanceof d3_rgb ? new d3_rgb(r.r, r.g, r.b) : d3_rgb_parse("" + r, d3_rgb, d3_hsl_rgb) : new d3_rgb(r, g, b); } function d3_rgbNumber(value) { return new d3_rgb(value >> 16, value >> 8 & 255, value & 255); } function d3_rgbString(value) { return d3_rgbNumber(value) + ""; } var d3_rgbPrototype = d3_rgb.prototype = new d3_color(); d3_rgbPrototype.brighter = function(k) { k = Math.pow(.7, arguments.length ? k : 1); var r = this.r, g = this.g, b = this.b, i = 30; if (!r && !g && !b) return new d3_rgb(i, i, i); if (r && r < i) r = i; if (g && g < i) g = i; if (b && b < i) b = i; return new d3_rgb(Math.min(255, r / k), Math.min(255, g / k), Math.min(255, b / k)); }; d3_rgbPrototype.darker = function(k) { k = Math.pow(.7, arguments.length ? k : 1); return new d3_rgb(k * this.r, k * this.g, k * this.b); }; d3_rgbPrototype.hsl = function() { return d3_rgb_hsl(this.r, this.g, this.b); }; d3_rgbPrototype.toString = function() { return "#" + d3_rgb_hex(this.r) + d3_rgb_hex(this.g) + d3_rgb_hex(this.b); }; function d3_rgb_hex(v) { return v < 16 ? "0" + Math.max(0, v).toString(16) : Math.min(255, v).toString(16); } function d3_rgb_parse(format, rgb, hsl) { var r = 0, g = 0, b = 0, m1, m2, color; m1 = /([a-z]+)\((.*)\)/.exec(format = format.toLowerCase()); if (m1) { m2 = m1[2].split(","); switch (m1[1]) { case "hsl": { return hsl(parseFloat(m2[0]), parseFloat(m2[1]) / 100, parseFloat(m2[2]) / 100); } case "rgb": { return rgb(d3_rgb_parseNumber(m2[0]), d3_rgb_parseNumber(m2[1]), d3_rgb_parseNumber(m2[2])); } } } if (color = d3_rgb_names.get(format)) { return rgb(color.r, color.g, color.b); } if (format != null && format.charAt(0) === "#" && !isNaN(color = parseInt(format.slice(1), 16))) { if (format.length === 4) { r = (color & 3840) >> 4; r = r >> 4 | r; g = color & 240; g = g >> 4 | g; b = color & 15; b = b << 4 | b; } else if (format.length === 7) { r = (color & 16711680) >> 16; g = (color & 65280) >> 8; b = color & 255; } } return rgb(r, g, b); } function d3_rgb_hsl(r, g, b) { var min = Math.min(r /= 255, g /= 255, b /= 255), max = Math.max(r, g, b), d = max - min, h, s, l = (max + min) / 2; if (d) { s = l < .5 ? d / (max + min) : d / (2 - max - min); if (r == max) h = (g - b) / d + (g < b ? 6 : 0); else if (g == max) h = (b - r) / d + 2; else h = (r - g) / d + 4; h *= 60; } else { h = NaN; s = l > 0 && l < 1 ? 0 : h; } return new d3_hsl(h, s, l); } function d3_rgb_lab(r, g, b) { r = d3_rgb_xyz(r); g = d3_rgb_xyz(g); b = d3_rgb_xyz(b); var x = d3_xyz_lab((.4124564 * r + .3575761 * g + .1804375 * b) / d3_lab_X), y = d3_xyz_lab((.2126729 * r + .7151522 * g + .072175 * b) / d3_lab_Y), z = d3_xyz_lab((.0193339 * r + .119192 * g + .9503041 * b) / d3_lab_Z); return d3_lab(116 * y - 16, 500 * (x - y), 200 * (y - z)); } function d3_rgb_xyz(r) { return (r /= 255) <= .04045 ? r / 12.92 : Math.pow((r + .055) / 1.055, 2.4); } function d3_rgb_parseNumber(c) { var f = parseFloat(c); return c.charAt(c.length - 1) === "%" ? Math.round(f * 2.55) : f; } var d3_rgb_names = d3.map({ aliceblue: 15792383, antiquewhite: 16444375, aqua: 65535, aquamarine: 8388564, azure: 15794175, beige: 16119260, bisque: 16770244, black: 0, blanchedalmond: 16772045, blue: 255, blueviolet: 9055202, brown: 10824234, burlywood: 14596231, cadetblue: 6266528, chartreuse: 8388352, chocolate: 13789470, coral: 16744272, cornflowerblue: 6591981, cornsilk: 16775388, crimson: 14423100, cyan: 65535, darkblue: 139, darkcyan: 35723, darkgoldenrod: 12092939, darkgray: 11119017, darkgreen: 25600, darkgrey: 11119017, darkkhaki: 12433259, darkmagenta: 9109643, darkolivegreen: 5597999, darkorange: 16747520, darkorchid: 10040012, darkred: 9109504, darksalmon: 15308410, darkseagreen: 9419919, darkslateblue: 4734347, darkslategray: 3100495, darkslategrey: 3100495, darkturquoise: 52945, darkviolet: 9699539, deeppink: 16716947, deepskyblue: 49151, dimgray: 6908265, dimgrey: 6908265, dodgerblue: 2003199, firebrick: 11674146, floralwhite: 16775920, forestgreen: 2263842, fuchsia: 16711935, gainsboro: 14474460, ghostwhite: 16316671, gold: 16766720, goldenrod: 14329120, gray: 8421504, green: 32768, greenyellow: 11403055, grey: 8421504, honeydew: 15794160, hotpink: 16738740, indianred: 13458524, indigo: 4915330, ivory: 16777200, khaki: 15787660, lavender: 15132410, lavenderblush: 16773365, lawngreen: 8190976, lemonchiffon: 16775885, lightblue: 11393254, lightcoral: 15761536, lightcyan: 14745599, lightgoldenrodyellow: 16448210, lightgray: 13882323, lightgreen: 9498256, lightgrey: 13882323, lightpink: 16758465, lightsalmon: 16752762, lightseagreen: 2142890, lightskyblue: 8900346, lightslategray: 7833753, lightslategrey: 7833753, lightsteelblue: 11584734, lightyellow: 16777184, lime: 65280, limegreen: 3329330, linen: 16445670, magenta: 16711935, maroon: 8388608, mediumaquamarine: 6737322, mediumblue: 205, mediumorchid: 12211667, mediumpurple: 9662683, mediumseagreen: 3978097, mediumslateblue: 8087790, mediumspringgreen: 64154, mediumturquoise: 4772300, mediumvioletred: 13047173, midnightblue: 1644912, mintcream: 16121850, mistyrose: 16770273, moccasin: 16770229, navajowhite: 16768685, navy: 128, oldlace: 16643558, olive: 8421376, olivedrab: 7048739, orange: 16753920, orangered: 16729344, orchid: 14315734, palegoldenrod: 15657130, palegreen: 10025880, paleturquoise: 11529966, palevioletred: 14381203, papayawhip: 16773077, peachpuff: 16767673, peru: 13468991, pink: 16761035, plum: 14524637, powderblue: 11591910, purple: 8388736, rebeccapurple: 6697881, red: 16711680, rosybrown: 12357519, royalblue: 4286945, saddlebrown: 9127187, salmon: 16416882, sandybrown: 16032864, seagreen: 3050327, seashell: 16774638, sienna: 10506797, silver: 12632256, skyblue: 8900331, slateblue: 6970061, slategray: 7372944, slategrey: 7372944, snow: 16775930, springgreen: 65407, steelblue: 4620980, tan: 13808780, teal: 32896, thistle: 14204888, tomato: 16737095, turquoise: 4251856, violet: 15631086, wheat: 16113331, white: 16777215, whitesmoke: 16119285, yellow: 16776960, yellowgreen: 10145074 }); d3_rgb_names.forEach(function(key, value) { d3_rgb_names.set(key, d3_rgbNumber(value)); }); function d3_functor(v) { return typeof v === "function" ? v : function() { return v; }; } d3.functor = d3_functor; d3.xhr = d3_xhrType(d3_identity); function d3_xhrType(response) { return function(url, mimeType, callback) { if (arguments.length === 2 && typeof mimeType === "function") callback = mimeType, mimeType = null; return d3_xhr(url, mimeType, response, callback); }; } function d3_xhr(url, mimeType, response, callback) { var xhr = {}, dispatch = d3.dispatch("beforesend", "progress", "load", "error"), headers = {}, request = new XMLHttpRequest(), responseType = null; if (this.XDomainRequest && !("withCredentials" in request) && /^(http(s)?:)?\/\//.test(url)) request = new XDomainRequest(); "onload" in request ? request.onload = request.onerror = respond : request.onreadystatechange = function() { request.readyState > 3 && respond(); }; function respond() { var status = request.status, result; if (!status && d3_xhrHasResponse(request) || status >= 200 && status < 300 || status === 304) { try { result = response.call(xhr, request); } catch (e) { dispatch.error.call(xhr, e); return; } dispatch.load.call(xhr, result); } else { dispatch.error.call(xhr, request); } } request.onprogress = function(event) { var o = d3.event; d3.event = event; try { dispatch.progress.call(xhr, request); } finally { d3.event = o; } }; xhr.header = function(name, value) { name = (name + "").toLowerCase(); if (arguments.length < 2) return headers[name]; if (value == null) delete headers[name]; else headers[name] = value + ""; return xhr; }; xhr.mimeType = function(value) { if (!arguments.length) return mimeType; mimeType = value == null ? null : value + ""; return xhr; }; xhr.responseType = function(value) { if (!arguments.length) return responseType; responseType = value; return xhr; }; xhr.response = function(value) { response = value; return xhr; }; [ "get", "post" ].forEach(function(method) { xhr[method] = function() { return xhr.send.apply(xhr, [ method ].concat(d3_array(arguments))); }; }); xhr.send = function(method, data, callback) { if (arguments.length === 2 && typeof data === "function") callback = data, data = null; request.open(method, url, true); if (mimeType != null && !("accept" in headers)) headers["accept"] = mimeType + ",*/*"; if (request.setRequestHeader) for (var name in headers) request.setRequestHeader(name, headers[name]); if (mimeType != null && request.overrideMimeType) request.overrideMimeType(mimeType); if (responseType != null) request.responseType = responseType; if (callback != null) xhr.on("error", callback).on("load", function(request) { callback(null, request); }); dispatch.beforesend.call(xhr, request); request.send(data == null ? null : data); return xhr; }; xhr.abort = function() { request.abort(); return xhr; }; d3.rebind(xhr, dispatch, "on"); return callback == null ? xhr : xhr.get(d3_xhr_fixCallback(callback)); } function d3_xhr_fixCallback(callback) { return callback.length === 1 ? function(error, request) { callback(error == null ? request : null); } : callback; } function d3_xhrHasResponse(request) { var type = request.responseType; return type && type !== "text" ? request.response : request.responseText; } d3.dsv = function(delimiter, mimeType) { var reFormat = new RegExp('["' + delimiter + "\n]"), delimiterCode = delimiter.charCodeAt(0); function dsv(url, row, callback) { if (arguments.length < 3) callback = row, row = null; var xhr = d3_xhr(url, mimeType, row == null ? response : typedResponse(row), callback); xhr.row = function(_) { return arguments.length ? xhr.response((row = _) == null ? response : typedResponse(_)) : row; }; return xhr; } function response(request) { return dsv.parse(request.responseText); } function typedResponse(f) { return function(request) { return dsv.parse(request.responseText, f); }; } dsv.parse = function(text, f) { var o; return dsv.parseRows(text, function(row, i) { if (o) return o(row, i - 1); var a = new Function("d", "return {" + row.map(function(name, i) { return JSON.stringify(name) + ": d[" + i + "]"; }).join(",") + "}"); o = f ? function(row, i) { return f(a(row), i); } : a; }); }; dsv.parseRows = function(text, f) { var EOL = {}, EOF = {}, rows = [], N = text.length, I = 0, n = 0, t, eol; function token() { if (I >= N) return EOF; if (eol) return eol = false, EOL; var j = I; if (text.charCodeAt(j) === 34) { var i = j; while (i++ < N) { if (text.charCodeAt(i) === 34) { if (text.charCodeAt(i + 1) !== 34) break; ++i; } } I = i + 2; var c = text.charCodeAt(i + 1); if (c === 13) { eol = true; if (text.charCodeAt(i + 2) === 10) ++I; } else if (c === 10) { eol = true; } return text.slice(j + 1, i).replace(/""/g, '"'); } while (I < N) { var c = text.charCodeAt(I++), k = 1; if (c === 10) eol = true; else if (c === 13) { eol = true; if (text.charCodeAt(I) === 10) ++I, ++k; } else if (c !== delimiterCode) continue; return text.slice(j, I - k); } return text.slice(j); } while ((t = token()) !== EOF) { var a = []; while (t !== EOL && t !== EOF) { a.push(t); t = token(); } if (f && (a = f(a, n++)) == null) continue; rows.push(a); } return rows; }; dsv.format = function(rows) { if (Array.isArray(rows[0])) return dsv.formatRows(rows); var fieldSet = new d3_Set(), fields = []; rows.forEach(function(row) { for (var field in row) { if (!fieldSet.has(field)) { fields.push(fieldSet.add(field)); } } }); return [ fields.map(formatValue).join(delimiter) ].concat(rows.map(function(row) { return fields.map(function(field) { return formatValue(row[field]); }).join(delimiter); })).join("\n"); }; dsv.formatRows = function(rows) { return rows.map(formatRow).join("\n"); }; function formatRow(row) { return row.map(formatValue).join(delimiter); } function formatValue(text) { return reFormat.test(text) ? '"' + text.replace(/\"/g, '""') + '"' : text; } return dsv; }; d3.csv = d3.dsv(",", "text/csv"); d3.tsv = d3.dsv(" ", "text/tab-separated-values"); var d3_timer_queueHead, d3_timer_queueTail, d3_timer_interval, d3_timer_timeout, d3_timer_frame = this[d3_vendorSymbol(this, "requestAnimationFrame")] || function(callback) { setTimeout(callback, 17); }; d3.timer = function() { d3_timer.apply(this, arguments); }; function d3_timer(callback, delay, then) { var n = arguments.length; if (n < 2) delay = 0; if (n < 3) then = Date.now(); var time = then + delay, timer = { c: callback, t: time, n: null }; if (d3_timer_queueTail) d3_timer_queueTail.n = timer; else d3_timer_queueHead = timer; d3_timer_queueTail = timer; if (!d3_timer_interval) { d3_timer_timeout = clearTimeout(d3_timer_timeout); d3_timer_interval = 1; d3_timer_frame(d3_timer_step); } return timer; } function d3_timer_step() { var now = d3_timer_mark(), delay = d3_timer_sweep() - now; if (delay > 24) { if (isFinite(delay)) { clearTimeout(d3_timer_timeout); d3_timer_timeout = setTimeout(d3_timer_step, delay); } d3_timer_interval = 0; } else { d3_timer_interval = 1; d3_timer_frame(d3_timer_step); } } d3.timer.flush = function() { d3_timer_mark(); d3_timer_sweep(); }; function d3_timer_mark() { var now = Date.now(), timer = d3_timer_queueHead; while (timer) { if (now >= timer.t && timer.c(now - timer.t)) timer.c = null; timer = timer.n; } return now; } function d3_timer_sweep() { var t0, t1 = d3_timer_queueHead, time = Infinity; while (t1) { if (t1.c) { if (t1.t < time) time = t1.t; t1 = (t0 = t1).n; } else { t1 = t0 ? t0.n = t1.n : d3_timer_queueHead = t1.n; } } d3_timer_queueTail = t0; return time; } function d3_format_precision(x, p) { return p - (x ? Math.ceil(Math.log(x) / Math.LN10) : 1); } d3.round = function(x, n) { return n ? Math.round(x * (n = Math.pow(10, n))) / n : Math.round(x); }; var d3_formatPrefixes = [ "y", "z", "a", "f", "p", "n", "µ", "m", "", "k", "M", "G", "T", "P", "E", "Z", "Y" ].map(d3_formatPrefix); d3.formatPrefix = function(value, precision) { var i = 0; if (value = +value) { if (value < 0) value *= -1; if (precision) value = d3.round(value, d3_format_precision(value, precision)); i = 1 + Math.floor(1e-12 + Math.log(value) / Math.LN10); i = Math.max(-24, Math.min(24, Math.floor((i - 1) / 3) * 3)); } return d3_formatPrefixes[8 + i / 3]; }; function d3_formatPrefix(d, i) { var k = Math.pow(10, abs(8 - i) * 3); return { scale: i > 8 ? function(d) { return d / k; } : function(d) { return d * k; }, symbol: d }; } function d3_locale_numberFormat(locale) { var locale_decimal = locale.decimal, locale_thousands = locale.thousands, locale_grouping = locale.grouping, locale_currency = locale.currency, formatGroup = locale_grouping && locale_thousands ? function(value, width) { var i = value.length, t = [], j = 0, g = locale_grouping[0], length = 0; while (i > 0 && g > 0) { if (length + g + 1 > width) g = Math.max(1, width - length); t.push(value.substring(i -= g, i + g)); if ((length += g + 1) > width) break; g = locale_grouping[j = (j + 1) % locale_grouping.length]; } return t.reverse().join(locale_thousands); } : d3_identity; return function(specifier) { var match = d3_format_re.exec(specifier), fill = match[1] || " ", align = match[2] || ">", sign = match[3] || "-", symbol = match[4] || "", zfill = match[5], width = +match[6], comma = match[7], precision = match[8], type = match[9], scale = 1, prefix = "", suffix = "", integer = false, exponent = true; if (precision) precision = +precision.substring(1); if (zfill || fill === "0" && align === "=") { zfill = fill = "0"; align = "="; } switch (type) { case "n": comma = true; type = "g"; break; case "%": scale = 100; suffix = "%"; type = "f"; break; case "p": scale = 100; suffix = "%"; type = "r"; break; case "b": case "o": case "x": case "X": if (symbol === "#") prefix = "0" + type.toLowerCase(); case "c": exponent = false; case "d": integer = true; precision = 0; break; case "s": scale = -1; type = "r"; break; } if (symbol === "$") prefix = locale_currency[0], suffix = locale_currency[1]; if (type == "r" && !precision) type = "g"; if (precision != null) { if (type == "g") precision = Math.max(1, Math.min(21, precision)); else if (type == "e" || type == "f") precision = Math.max(0, Math.min(20, precision)); } type = d3_format_types.get(type) || d3_format_typeDefault; var zcomma = zfill && comma; return function(value) { var fullSuffix = suffix; if (integer && value % 1) return ""; var negative = value < 0 || value === 0 && 1 / value < 0 ? (value = -value, "-") : sign === "-" ? "" : sign; if (scale < 0) { var unit = d3.formatPrefix(value, precision); value = unit.scale(value); fullSuffix = unit.symbol + suffix; } else { value *= scale; } value = type(value, precision); var i = value.lastIndexOf("."), before, after; if (i < 0) { var j = exponent ? value.lastIndexOf("e") : -1; if (j < 0) before = value, after = ""; else before = value.substring(0, j), after = value.substring(j); } else { before = value.substring(0, i); after = locale_decimal + value.substring(i + 1); } if (!zfill && comma) before = formatGroup(before, Infinity); var length = prefix.length + before.length + after.length + (zcomma ? 0 : negative.length), padding = length < width ? new Array(length = width - length + 1).join(fill) : ""; if (zcomma) before = formatGroup(padding + before, padding.length ? width - after.length : Infinity); negative += prefix; value = before + after; return (align === "<" ? negative + value + padding : align === ">" ? padding + negative + value : align === "^" ? padding.substring(0, length >>= 1) + negative + value + padding.substring(length) : negative + (zcomma ? value : padding + value)) + fullSuffix; }; }; } var d3_format_re = /(?:([^{])?([<>=^]))?([+\- ])?([$#])?(0)?(\d+)?(,)?(\.-?\d+)?([a-z%])?/i; var d3_format_types = d3.map({ b: function(x) { return x.toString(2); }, c: function(x) { return String.fromCharCode(x); }, o: function(x) { return x.toString(8); }, x: function(x) { return x.toString(16); }, X: function(x) { return x.toString(16).toUpperCase(); }, g: function(x, p) { return x.toPrecision(p); }, e: function(x, p) { return x.toExponential(p); }, f: function(x, p) { return x.toFixed(p); }, r: function(x, p) { return (x = d3.round(x, d3_format_precision(x, p))).toFixed(Math.max(0, Math.min(20, d3_format_precision(x * (1 + 1e-15), p)))); } }); function d3_format_typeDefault(x) { return x + ""; } var d3_time = d3.time = {}, d3_date = Date; function d3_date_utc() { this._ = new Date(arguments.length > 1 ? Date.UTC.apply(this, arguments) : arguments[0]); } d3_date_utc.prototype = { getDate: function() { return this._.getUTCDate(); }, getDay: function() { return this._.getUTCDay(); }, getFullYear: function() { return this._.getUTCFullYear(); }, getHours: function() { return this._.getUTCHours(); }, getMilliseconds: function() { return this._.getUTCMilliseconds(); }, getMinutes: function() { return this._.getUTCMinutes(); }, getMonth: function() { return this._.getUTCMonth(); }, getSeconds: function() { return this._.getUTCSeconds(); }, getTime: function() { return this._.getTime(); }, getTimezoneOffset: function() { return 0; }, valueOf: function() { return this._.valueOf(); }, setDate: function() { d3_time_prototype.setUTCDate.apply(this._, arguments); }, setDay: function() { d3_time_prototype.setUTCDay.apply(this._, arguments); }, setFullYear: function() { d3_time_prototype.setUTCFullYear.apply(this._, arguments); }, setHours: function() { d3_time_prototype.setUTCHours.apply(this._, arguments); }, setMilliseconds: function() { d3_time_prototype.setUTCMilliseconds.apply(this._, arguments); }, setMinutes: function() { d3_time_prototype.setUTCMinutes.apply(this._, arguments); }, setMonth: function() { d3_time_prototype.setUTCMonth.apply(this._, arguments); }, setSeconds: function() { d3_time_prototype.setUTCSeconds.apply(this._, arguments); }, setTime: function() { d3_time_prototype.setTime.apply(this._, arguments); } }; var d3_time_prototype = Date.prototype; function d3_time_interval(local, step, number) { function round(date) { var d0 = local(date), d1 = offset(d0, 1); return date - d0 < d1 - date ? d0 : d1; } function ceil(date) { step(date = local(new d3_date(date - 1)), 1); return date; } function offset(date, k) { step(date = new d3_date(+date), k); return date; } function range(t0, t1, dt) { var time = ceil(t0), times = []; if (dt > 1) { while (time < t1) { if (!(number(time) % dt)) times.push(new Date(+time)); step(time, 1); } } else { while (time < t1) times.push(new Date(+time)), step(time, 1); } return times; } function range_utc(t0, t1, dt) { try { d3_date = d3_date_utc; var utc = new d3_date_utc(); utc._ = t0; return range(utc, t1, dt); } finally { d3_date = Date; } } local.floor = local; local.round = round; local.ceil = ceil; local.offset = offset; local.range = range; var utc = local.utc = d3_time_interval_utc(local); utc.floor = utc; utc.round = d3_time_interval_utc(round); utc.ceil = d3_time_interval_utc(ceil); utc.offset = d3_time_interval_utc(offset); utc.range = range_utc; return local; } function d3_time_interval_utc(method) { return function(date, k) { try { d3_date = d3_date_utc; var utc = new d3_date_utc(); utc._ = date; return method(utc, k)._; } finally { d3_date = Date; } }; } d3_time.year = d3_time_interval(function(date) { date = d3_time.day(date); date.setMonth(0, 1); return date; }, function(date, offset) { date.setFullYear(date.getFullYear() + offset); }, function(date) { return date.getFullYear(); }); d3_time.years = d3_time.year.range; d3_time.years.utc = d3_time.year.utc.range; d3_time.day = d3_time_interval(function(date) { var day = new d3_date(2e3, 0); day.setFullYear(date.getFullYear(), date.getMonth(), date.getDate()); return day; }, function(date, offset) { date.setDate(date.getDate() + offset); }, function(date) { return date.getDate() - 1; }); d3_time.days = d3_time.day.range; d3_time.days.utc = d3_time.day.utc.range; d3_time.dayOfYear = function(date) { var year = d3_time.year(date); return Math.floor((date - year - (date.getTimezoneOffset() - year.getTimezoneOffset()) * 6e4) / 864e5); }; [ "sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday" ].forEach(function(day, i) { i = 7 - i; var interval = d3_time[day] = d3_time_interval(function(date) { (date = d3_time.day(date)).setDate(date.getDate() - (date.getDay() + i) % 7); return date; }, function(date, offset) { date.setDate(date.getDate() + Math.floor(offset) * 7); }, function(date) { var day = d3_time.year(date).getDay(); return Math.floor((d3_time.dayOfYear(date) + (day + i) % 7) / 7) - (day !== i); }); d3_time[day + "s"] = interval.range; d3_time[day + "s"].utc = interval.utc.range; d3_time[day + "OfYear"] = function(date) { var day = d3_time.year(date).getDay(); return Math.floor((d3_time.dayOfYear(date) + (day + i) % 7) / 7); }; }); d3_time.week = d3_time.sunday; d3_time.weeks = d3_time.sunday.range; d3_time.weeks.utc = d3_time.sunday.utc.range; d3_time.weekOfYear = d3_time.sundayOfYear; function d3_locale_timeFormat(locale) { var locale_dateTime = locale.dateTime, locale_date = locale.date, locale_time = locale.time, locale_periods = locale.periods, locale_days = locale.days, locale_shortDays = locale.shortDays, locale_months = locale.months, locale_shortMonths = locale.shortMonths; function d3_time_format(template) { var n = template.length; function format(date) { var string = [], i = -1, j = 0, c, p, f; while (++i < n) { if (template.charCodeAt(i) === 37) { string.push(template.slice(j, i)); if ((p = d3_time_formatPads[c = template.charAt(++i)]) != null) c = template.charAt(++i); if (f = d3_time_formats[c]) c = f(date, p == null ? c === "e" ? " " : "0" : p); string.push(c); j = i + 1; } } string.push(template.slice(j, i)); return string.join(""); } format.parse = function(string) { var d = { y: 1900, m: 0, d: 1, H: 0, M: 0, S: 0, L: 0, Z: null }, i = d3_time_parse(d, template, string, 0); if (i != string.length) return null; if ("p" in d) d.H = d.H % 12 + d.p * 12; var localZ = d.Z != null && d3_date !== d3_date_utc, date = new (localZ ? d3_date_utc : d3_date)(); if ("j" in d) date.setFullYear(d.y, 0, d.j); else if ("W" in d || "U" in d) { if (!("w" in d)) d.w = "W" in d ? 1 : 0; date.setFullYear(d.y, 0, 1); date.setFullYear(d.y, 0, "W" in d ? (d.w + 6) % 7 + d.W * 7 - (date.getDay() + 5) % 7 : d.w + d.U * 7 - (date.getDay() + 6) % 7); } else date.setFullYear(d.y, d.m, d.d); date.setHours(d.H + (d.Z / 100 | 0), d.M + d.Z % 100, d.S, d.L); return localZ ? date._ : date; }; format.toString = function() { return template; }; return format; } function d3_time_parse(date, template, string, j) { var c, p, t, i = 0, n = template.length, m = string.length; while (i < n) { if (j >= m) return -1; c = template.charCodeAt(i++); if (c === 37) { t = template.charAt(i++); p = d3_time_parsers[t in d3_time_formatPads ? template.charAt(i++) : t]; if (!p || (j = p(date, string, j)) < 0) return -1; } else if (c != string.charCodeAt(j++)) { return -1; } } return j; } d3_time_format.utc = function(template) { var local = d3_time_format(template); function format(date) { try { d3_date = d3_date_utc; var utc = new d3_date(); utc._ = date; return local(utc); } finally { d3_date = Date; } } format.parse = function(string) { try { d3_date = d3_date_utc; var date = local.parse(string); return date && date._; } finally { d3_date = Date; } }; format.toString = local.toString; return format; }; d3_time_format.multi = d3_time_format.utc.multi = d3_time_formatMulti; var d3_time_periodLookup = d3.map(), d3_time_dayRe = d3_time_formatRe(locale_days), d3_time_dayLookup = d3_time_formatLookup(locale_days), d3_time_dayAbbrevRe = d3_time_formatRe(locale_shortDays), d3_time_dayAbbrevLookup = d3_time_formatLookup(locale_shortDays), d3_time_monthRe = d3_time_formatRe(locale_months), d3_time_monthLookup = d3_time_formatLookup(locale_months), d3_time_monthAbbrevRe = d3_time_formatRe(locale_shortMonths), d3_time_monthAbbrevLookup = d3_time_formatLookup(locale_shortMonths); locale_periods.forEach(function(p, i) { d3_time_periodLookup.set(p.toLowerCase(), i); }); var d3_time_formats = { a: function(d) { return locale_shortDays[d.getDay()]; }, A: function(d) { return locale_days[d.getDay()]; }, b: function(d) { return locale_shortMonths[d.getMonth()]; }, B: function(d) { return locale_months[d.getMonth()]; }, c: d3_time_format(locale_dateTime), d: function(d, p) { return d3_time_formatPad(d.getDate(), p, 2); }, e: function(d, p) { return d3_time_formatPad(d.getDate(), p, 2); }, H: function(d, p) { return d3_time_formatPad(d.getHours(), p, 2); }, I: function(d, p) { return d3_time_formatPad(d.getHours() % 12 || 12, p, 2); }, j: function(d, p) { return d3_time_formatPad(1 + d3_time.dayOfYear(d), p, 3); }, L: function(d, p) { return d3_time_formatPad(d.getMilliseconds(), p, 3); }, m: function(d, p) { return d3_time_formatPad(d.getMonth() + 1, p, 2); }, M: function(d, p) { return d3_time_formatPad(d.getMinutes(), p, 2); }, p: function(d) { return locale_periods[+(d.getHours() >= 12)]; }, S: function(d, p) { return d3_time_formatPad(d.getSeconds(), p, 2); }, U: function(d, p) { return d3_time_formatPad(d3_time.sundayOfYear(d), p, 2); }, w: function(d) { return d.getDay(); }, W: function(d, p) { return d3_time_formatPad(d3_time.mondayOfYear(d), p, 2); }, x: d3_time_format(locale_date), X: d3_time_format(locale_time), y: function(d, p) { return d3_time_formatPad(d.getFullYear() % 100, p, 2); }, Y: function(d, p) { return d3_time_formatPad(d.getFullYear() % 1e4, p, 4); }, Z: d3_time_zone, "%": function() { return "%"; } }; var d3_time_parsers = { a: d3_time_parseWeekdayAbbrev, A: d3_time_parseWeekday, b: d3_time_parseMonthAbbrev, B: d3_time_parseMonth, c: d3_time_parseLocaleFull, d: d3_time_parseDay, e: d3_time_parseDay, H: d3_time_parseHour24, I: d3_time_parseHour24, j: d3_time_parseDayOfYear, L: d3_time_parseMilliseconds, m: d3_time_parseMonthNumber, M: d3_time_parseMinutes, p: d3_time_parseAmPm, S: d3_time_parseSeconds, U: d3_time_parseWeekNumberSunday, w: d3_time_parseWeekdayNumber, W: d3_time_parseWeekNumberMonday, x: d3_time_parseLocaleDate, X: d3_time_parseLocaleTime, y: d3_time_parseYear, Y: d3_time_parseFullYear, Z: d3_time_parseZone, "%": d3_time_parseLiteralPercent }; function d3_time_parseWeekdayAbbrev(date, string, i) { d3_time_dayAbbrevRe.lastIndex = 0; var n = d3_time_dayAbbrevRe.exec(string.slice(i)); return n ? (date.w = d3_time_dayAbbrevLookup.get(n[0].toLowerCase()), i + n[0].length) : -1; } function d3_time_parseWeekday(date, string, i) { d3_time_dayRe.lastIndex = 0; var n = d3_time_dayRe.exec(string.slice(i)); return n ? (date.w = d3_time_dayLookup.get(n[0].toLowerCase()), i + n[0].length) : -1; } function d3_time_parseMonthAbbrev(date, string, i) { d3_time_monthAbbrevRe.lastIndex = 0; var n = d3_time_monthAbbrevRe.exec(string.slice(i)); return n ? (date.m = d3_time_monthAbbrevLookup.get(n[0].toLowerCase()), i + n[0].length) : -1; } function d3_time_parseMonth(date, string, i) { d3_time_monthRe.lastIndex = 0; var n = d3_time_monthRe.exec(string.slice(i)); return n ? (date.m = d3_time_monthLookup.get(n[0].toLowerCase()), i + n[0].length) : -1; } function d3_time_parseLocaleFull(date, string, i) { return d3_time_parse(date, d3_time_formats.c.toString(), string, i); } function d3_time_parseLocaleDate(date, string, i) { return d3_time_parse(date, d3_time_formats.x.toString(), string, i); } function d3_time_parseLocaleTime(date, string, i) { return d3_time_parse(date, d3_time_formats.X.toString(), string, i); } function d3_time_parseAmPm(date, string, i) { var n = d3_time_periodLookup.get(string.slice(i, i += 2).toLowerCase()); return n == null ? -1 : (date.p = n, i); } return d3_time_format; } var d3_time_formatPads = { "-": "", _: " ", "0": "0" }, d3_time_numberRe = /^\s*\d+/, d3_time_percentRe = /^%/; function d3_time_formatPad(value, fill, width) { var sign = value < 0 ? "-" : "", string = (sign ? -value : value) + "", length = string.length; return sign + (length < width ? new Array(width - length + 1).join(fill) + string : string); } function d3_time_formatRe(names) { return new RegExp("^(?:" + names.map(d3.requote).join("|") + ")", "i"); } function d3_time_formatLookup(names) { var map = new d3_Map(), i = -1, n = names.length; while (++i < n) map.set(names[i].toLowerCase(), i); return map; } function d3_time_parseWeekdayNumber(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 1)); return n ? (date.w = +n[0], i + n[0].length) : -1; } function d3_time_parseWeekNumberSunday(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i)); return n ? (date.U = +n[0], i + n[0].length) : -1; } function d3_time_parseWeekNumberMonday(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i)); return n ? (date.W = +n[0], i + n[0].length) : -1; } function d3_time_parseFullYear(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 4)); return n ? (date.y = +n[0], i + n[0].length) : -1; } function d3_time_parseYear(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 2)); return n ? (date.y = d3_time_expandYear(+n[0]), i + n[0].length) : -1; } function d3_time_parseZone(date, string, i) { return /^[+-]\d{4}$/.test(string = string.slice(i, i + 5)) ? (date.Z = -string, i + 5) : -1; } function d3_time_expandYear(d) { return d + (d > 68 ? 1900 : 2e3); } function d3_time_parseMonthNumber(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 2)); return n ? (date.m = n[0] - 1, i + n[0].length) : -1; } function d3_time_parseDay(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 2)); return n ? (date.d = +n[0], i + n[0].length) : -1; } function d3_time_parseDayOfYear(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 3)); return n ? (date.j = +n[0], i + n[0].length) : -1; } function d3_time_parseHour24(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 2)); return n ? (date.H = +n[0], i + n[0].length) : -1; } function d3_time_parseMinutes(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 2)); return n ? (date.M = +n[0], i + n[0].length) : -1; } function d3_time_parseSeconds(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 2)); return n ? (date.S = +n[0], i + n[0].length) : -1; } function d3_time_parseMilliseconds(date, string, i) { d3_time_numberRe.lastIndex = 0; var n = d3_time_numberRe.exec(string.slice(i, i + 3)); return n ? (date.L = +n[0], i + n[0].length) : -1; } function d3_time_zone(d) { var z = d.getTimezoneOffset(), zs = z > 0 ? "-" : "+", zh = abs(z) / 60 | 0, zm = abs(z) % 60; return zs + d3_time_formatPad(zh, "0", 2) + d3_time_formatPad(zm, "0", 2); } function d3_time_parseLiteralPercent(date, string, i) { d3_time_percentRe.lastIndex = 0; var n = d3_time_percentRe.exec(string.slice(i, i + 1)); return n ? i + n[0].length : -1; } function d3_time_formatMulti(formats) { var n = formats.length, i = -1; while (++i < n) formats[i][0] = this(formats[i][0]); return function(date) { var i = 0, f = formats[i]; while (!f[1](date)) f = formats[++i]; return f[0](date); }; } d3.locale = function(locale) { return { numberFormat: d3_locale_numberFormat(locale), timeFormat: d3_locale_timeFormat(locale) }; }; var d3_locale_enUS = d3.locale({ decimal: ".", thousands: ",", grouping: [ 3 ], currency: [ "$", "" ], dateTime: "%a %b %e %X %Y", date: "%m/%d/%Y", time: "%H:%M:%S", periods: [ "AM", "PM" ], days: [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ], shortDays: [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ], months: [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ], shortMonths: [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ] }); d3.format = d3_locale_enUS.numberFormat; d3.geo = {}; function d3_adder() {} d3_adder.prototype = { s: 0, t: 0, add: function(y) { d3_adderSum(y, this.t, d3_adderTemp); d3_adderSum(d3_adderTemp.s, this.s, this); if (this.s) this.t += d3_adderTemp.t; else this.s = d3_adderTemp.t; }, reset: function() { this.s = this.t = 0; }, valueOf: function() { return this.s; } }; var d3_adderTemp = new d3_adder(); function d3_adderSum(a, b, o) { var x = o.s = a + b, bv = x - a, av = x - bv; o.t = a - av + (b - bv); } d3.geo.stream = function(object, listener) { if (object && d3_geo_streamObjectType.hasOwnProperty(object.type)) { d3_geo_streamObjectType[object.type](object, listener); } else { d3_geo_streamGeometry(object, listener); } }; function d3_geo_streamGeometry(geometry, listener) { if (geometry && d3_geo_streamGeometryType.hasOwnProperty(geometry.type)) { d3_geo_streamGeometryType[geometry.type](geometry, listener); } } var d3_geo_streamObjectType = { Feature: function(feature, listener) { d3_geo_streamGeometry(feature.geometry, listener); }, FeatureCollection: function(object, listener) { var features = object.features, i = -1, n = features.length; while (++i < n) d3_geo_streamGeometry(features[i].geometry, listener); } }; var d3_geo_streamGeometryType = { Sphere: function(object, listener) { listener.sphere(); }, Point: function(object, listener) { object = object.coordinates; listener.point(object[0], object[1], object[2]); }, MultiPoint: function(object, listener) { var coordinates = object.coordinates, i = -1, n = coordinates.length; while (++i < n) object = coordinates[i], listener.point(object[0], object[1], object[2]); }, LineString: function(object, listener) { d3_geo_streamLine(object.coordinates, listener, 0); }, MultiLineString: function(object, listener) { var coordinates = object.coordinates, i = -1, n = coordinates.length; while (++i < n) d3_geo_streamLine(coordinates[i], listener, 0); }, Polygon: function(object, listener) { d3_geo_streamPolygon(object.coordinates, listener); }, MultiPolygon: function(object, listener) { var coordinates = object.coordinates, i = -1, n = coordinates.length; while (++i < n) d3_geo_streamPolygon(coordinates[i], listener); }, GeometryCollection: function(object, listener) { var geometries = object.geometries, i = -1, n = geometries.length; while (++i < n) d3_geo_streamGeometry(geometries[i], listener); } }; function d3_geo_streamLine(coordinates, listener, closed) { var i = -1, n = coordinates.length - closed, coordinate; listener.lineStart(); while (++i < n) coordinate = coordinates[i], listener.point(coordinate[0], coordinate[1], coordinate[2]); listener.lineEnd(); } function d3_geo_streamPolygon(coordinates, listener) { var i = -1, n = coordinates.length; listener.polygonStart(); while (++i < n) d3_geo_streamLine(coordinates[i], listener, 1); listener.polygonEnd(); } d3.geo.area = function(object) { d3_geo_areaSum = 0; d3.geo.stream(object, d3_geo_area); return d3_geo_areaSum; }; var d3_geo_areaSum, d3_geo_areaRingSum = new d3_adder(); var d3_geo_area = { sphere: function() { d3_geo_areaSum += 4 * π; }, point: d3_noop, lineStart: d3_noop, lineEnd: d3_noop, polygonStart: function() { d3_geo_areaRingSum.reset(); d3_geo_area.lineStart = d3_geo_areaRingStart; }, polygonEnd: function() { var area = 2 * d3_geo_areaRingSum; d3_geo_areaSum += area < 0 ? 4 * π + area : area; d3_geo_area.lineStart = d3_geo_area.lineEnd = d3_geo_area.point = d3_noop; } }; function d3_geo_areaRingStart() { var λ00, φ00, λ0, cosφ0, sinφ0; d3_geo_area.point = function(λ, φ) { d3_geo_area.point = nextPoint; λ0 = (λ00 = λ) * d3_radians, cosφ0 = Math.cos(φ = (φ00 = φ) * d3_radians / 2 + π / 4), sinφ0 = Math.sin(φ); }; function nextPoint(λ, φ) { λ *= d3_radians; φ = φ * d3_radians / 2 + π / 4; var dλ = λ - λ0, sdλ = dλ >= 0 ? 1 : -1, adλ = sdλ * dλ, cosφ = Math.cos(φ), sinφ = Math.sin(φ), k = sinφ0 * sinφ, u = cosφ0 * cosφ + k * Math.cos(adλ), v = k * sdλ * Math.sin(adλ); d3_geo_areaRingSum.add(Math.atan2(v, u)); λ0 = λ, cosφ0 = cosφ, sinφ0 = sinφ; } d3_geo_area.lineEnd = function() { nextPoint(λ00, φ00); }; } function d3_geo_cartesian(spherical) { var λ = spherical[0], φ = spherical[1], cosφ = Math.cos(φ); return [ cosφ * Math.cos(λ), cosφ * Math.sin(λ), Math.sin(φ) ]; } function d3_geo_cartesianDot(a, b) { return a[0] * b[0] + a[1] * b[1] + a[2] * b[2]; } function d3_geo_cartesianCross(a, b) { return [ a[1] * b[2] - a[2] * b[1], a[2] * b[0] - a[0] * b[2], a[0] * b[1] - a[1] * b[0] ]; } function d3_geo_cartesianAdd(a, b) { a[0] += b[0]; a[1] += b[1]; a[2] += b[2]; } function d3_geo_cartesianScale(vector, k) { return [ vector[0] * k, vector[1] * k, vector[2] * k ]; } function d3_geo_cartesianNormalize(d) { var l = Math.sqrt(d[0] * d[0] + d[1] * d[1] + d[2] * d[2]); d[0] /= l; d[1] /= l; d[2] /= l; } function d3_geo_spherical(cartesian) { return [ Math.atan2(cartesian[1], cartesian[0]), d3_asin(cartesian[2]) ]; } function d3_geo_sphericalEqual(a, b) { return abs(a[0] - b[0]) < ε && abs(a[1] - b[1]) < ε; } d3.geo.bounds = function() { var λ0, φ0, λ1, φ1, λ_, λ__, φ__, p0, dλSum, ranges, range; var bound = { point: point, lineStart: lineStart, lineEnd: lineEnd, polygonStart: function() { bound.point = ringPoint; bound.lineStart = ringStart; bound.lineEnd = ringEnd; dλSum = 0; d3_geo_area.polygonStart(); }, polygonEnd: function() { d3_geo_area.polygonEnd(); bound.point = point; bound.lineStart = lineStart; bound.lineEnd = lineEnd; if (d3_geo_areaRingSum < 0) λ0 = -(λ1 = 180), φ0 = -(φ1 = 90); else if (dλSum > ε) φ1 = 90; else if (dλSum < -ε) φ0 = -90; range[0] = λ0, range[1] = λ1; } }; function point(λ, φ) { ranges.push(range = [ λ0 = λ, λ1 = λ ]); if (φ < φ0) φ0 = φ; if (φ > φ1) φ1 = φ; } function linePoint(λ, φ) { var p = d3_geo_cartesian([ λ * d3_radians, φ * d3_radians ]); if (p0) { var normal = d3_geo_cartesianCross(p0, p), equatorial = [ normal[1], -normal[0], 0 ], inflection = d3_geo_cartesianCross(equatorial, normal); d3_geo_cartesianNormalize(inflection); inflection = d3_geo_spherical(inflection); var dλ = λ - λ_, s = dλ > 0 ? 1 : -1, λi = inflection[0] * d3_degrees * s, antimeridian = abs(dλ) > 180; if (antimeridian ^ (s * λ_ < λi && λi < s * λ)) { var φi = inflection[1] * d3_degrees; if (φi > φ1) φ1 = φi; } else if (λi = (λi + 360) % 360 - 180, antimeridian ^ (s * λ_ < λi && λi < s * λ)) { var φi = -inflection[1] * d3_degrees; if (φi < φ0) φ0 = φi; } else { if (φ < φ0) φ0 = φ; if (φ > φ1) φ1 = φ; } if (antimeridian) { if (λ < λ_) { if (angle(λ0, λ) > angle(λ0, λ1)) λ1 = λ; } else { if (angle(λ, λ1) > angle(λ0, λ1)) λ0 = λ; } } else { if (λ1 >= λ0) { if (λ < λ0) λ0 = λ; if (λ > λ1) λ1 = λ; } else { if (λ > λ_) { if (angle(λ0, λ) > angle(λ0, λ1)) λ1 = λ; } else { if (angle(λ, λ1) > angle(λ0, λ1)) λ0 = λ; } } } } else { point(λ, φ); } p0 = p, λ_ = λ; } function lineStart() { bound.point = linePoint; } function lineEnd() { range[0] = λ0, range[1] = λ1; bound.point = point; p0 = null; } function ringPoint(λ, φ) { if (p0) { var dλ = λ - λ_; dλSum += abs(dλ) > 180 ? dλ + (dλ > 0 ? 360 : -360) : dλ; } else λ__ = λ, φ__ = φ; d3_geo_area.point(λ, φ); linePoint(λ, φ); } function ringStart() { d3_geo_area.lineStart(); } function ringEnd() { ringPoint(λ__, φ__); d3_geo_area.lineEnd(); if (abs(dλSum) > ε) λ0 = -(λ1 = 180); range[0] = λ0, range[1] = λ1; p0 = null; } function angle(λ0, λ1) { return (λ1 -= λ0) < 0 ? λ1 + 360 : λ1; } function compareRanges(a, b) { return a[0] - b[0]; } function withinRange(x, range) { return range[0] <= range[1] ? range[0] <= x && x <= range[1] : x < range[0] || range[1] < x; } return function(feature) { φ1 = λ1 = -(λ0 = φ0 = Infinity); ranges = []; d3.geo.stream(feature, bound); var n = ranges.length; if (n) { ranges.sort(compareRanges); for (var i = 1, a = ranges[0], b, merged = [ a ]; i < n; ++i) { b = ranges[i]; if (withinRange(b[0], a) || withinRange(b[1], a)) { if (angle(a[0], b[1]) > angle(a[0], a[1])) a[1] = b[1]; if (angle(b[0], a[1]) > angle(a[0], a[1])) a[0] = b[0]; } else { merged.push(a = b); } } var best = -Infinity, dλ; for (var n = merged.length - 1, i = 0, a = merged[n], b; i <= n; a = b, ++i) { b = merged[i]; if ((dλ = angle(a[1], b[0])) > best) best = dλ, λ0 = b[0], λ1 = a[1]; } } ranges = range = null; return λ0 === Infinity || φ0 === Infinity ? [ [ NaN, NaN ], [ NaN, NaN ] ] : [ [ λ0, φ0 ], [ λ1, φ1 ] ]; }; }(); d3.geo.centroid = function(object) { d3_geo_centroidW0 = d3_geo_centroidW1 = d3_geo_centroidX0 = d3_geo_centroidY0 = d3_geo_centroidZ0 = d3_geo_centroidX1 = d3_geo_centroidY1 = d3_geo_centroidZ1 = d3_geo_centroidX2 = d3_geo_centroidY2 = d3_geo_centroidZ2 = 0; d3.geo.stream(object, d3_geo_centroid); var x = d3_geo_centroidX2, y = d3_geo_centroidY2, z = d3_geo_centroidZ2, m = x * x + y * y + z * z; if (m < ε2) { x = d3_geo_centroidX1, y = d3_geo_centroidY1, z = d3_geo_centroidZ1; if (d3_geo_centroidW1 < ε) x = d3_geo_centroidX0, y = d3_geo_centroidY0, z = d3_geo_centroidZ0; m = x * x + y * y + z * z; if (m < ε2) return [ NaN, NaN ]; } return [ Math.atan2(y, x) * d3_degrees, d3_asin(z / Math.sqrt(m)) * d3_degrees ]; }; var d3_geo_centroidW0, d3_geo_centroidW1, d3_geo_centroidX0, d3_geo_centroidY0, d3_geo_centroidZ0, d3_geo_centroidX1, d3_geo_centroidY1, d3_geo_centroidZ1, d3_geo_centroidX2, d3_geo_centroidY2, d3_geo_centroidZ2; var d3_geo_centroid = { sphere: d3_noop, point: d3_geo_centroidPoint, lineStart: d3_geo_centroidLineStart, lineEnd: d3_geo_centroidLineEnd, polygonStart: function() { d3_geo_centroid.lineStart = d3_geo_centroidRingStart; }, polygonEnd: function() { d3_geo_centroid.lineStart = d3_geo_centroidLineStart; } }; function d3_geo_centroidPoint(λ, φ) { λ *= d3_radians; var cosφ = Math.cos(φ *= d3_radians); d3_geo_centroidPointXYZ(cosφ * Math.cos(λ), cosφ * Math.sin(λ), Math.sin(φ)); } function d3_geo_centroidPointXYZ(x, y, z) { ++d3_geo_centroidW0; d3_geo_centroidX0 += (x - d3_geo_centroidX0) / d3_geo_centroidW0; d3_geo_centroidY0 += (y - d3_geo_centroidY0) / d3_geo_centroidW0; d3_geo_centroidZ0 += (z - d3_geo_centroidZ0) / d3_geo_centroidW0; } function d3_geo_centroidLineStart() { var x0, y0, z0; d3_geo_centroid.point = function(λ, φ) { λ *= d3_radians; var cosφ = Math.cos(φ *= d3_radians); x0 = cosφ * Math.cos(λ); y0 = cosφ * Math.sin(λ); z0 = Math.sin(φ); d3_geo_centroid.point = nextPoint; d3_geo_centroidPointXYZ(x0, y0, z0); }; function nextPoint(λ, φ) { λ *= d3_radians; var cosφ = Math.cos(φ *= d3_radians), x = cosφ * Math.cos(λ), y = cosφ * Math.sin(λ), z = Math.sin(φ), w = Math.atan2(Math.sqrt((w = y0 * z - z0 * y) * w + (w = z0 * x - x0 * z) * w + (w = x0 * y - y0 * x) * w), x0 * x + y0 * y + z0 * z); d3_geo_centroidW1 += w; d3_geo_centroidX1 += w * (x0 + (x0 = x)); d3_geo_centroidY1 += w * (y0 + (y0 = y)); d3_geo_centroidZ1 += w * (z0 + (z0 = z)); d3_geo_centroidPointXYZ(x0, y0, z0); } } function d3_geo_centroidLineEnd() { d3_geo_centroid.point = d3_geo_centroidPoint; } function d3_geo_centroidRingStart() { var λ00, φ00, x0, y0, z0; d3_geo_centroid.point = function(λ, φ) { λ00 = λ, φ00 = φ; d3_geo_centroid.point = nextPoint; λ *= d3_radians; var cosφ = Math.cos(φ *= d3_radians); x0 = cosφ * Math.cos(λ); y0 = cosφ * Math.sin(λ); z0 = Math.sin(φ); d3_geo_centroidPointXYZ(x0, y0, z0); }; d3_geo_centroid.lineEnd = function() { nextPoint(λ00, φ00); d3_geo_centroid.lineEnd = d3_geo_centroidLineEnd; d3_geo_centroid.point = d3_geo_centroidPoint; }; function nextPoint(λ, φ) { λ *= d3_radians; var cosφ = Math.cos(φ *= d3_radians), x = cosφ * Math.cos(λ), y = cosφ * Math.sin(λ), z = Math.sin(φ), cx = y0 * z - z0 * y, cy = z0 * x - x0 * z, cz = x0 * y - y0 * x, m = Math.sqrt(cx * cx + cy * cy + cz * cz), u = x0 * x + y0 * y + z0 * z, v = m && -d3_acos(u) / m, w = Math.atan2(m, u); d3_geo_centroidX2 += v * cx; d3_geo_centroidY2 += v * cy; d3_geo_centroidZ2 += v * cz; d3_geo_centroidW1 += w; d3_geo_centroidX1 += w * (x0 + (x0 = x)); d3_geo_centroidY1 += w * (y0 + (y0 = y)); d3_geo_centroidZ1 += w * (z0 + (z0 = z)); d3_geo_centroidPointXYZ(x0, y0, z0); } } function d3_geo_compose(a, b) { function compose(x, y) { return x = a(x, y), b(x[0], x[1]); } if (a.invert && b.invert) compose.invert = function(x, y) { return x = b.invert(x, y), x && a.invert(x[0], x[1]); }; return compose; } function d3_true() { return true; } function d3_geo_clipPolygon(segments, compare, clipStartInside, interpolate, listener) { var subject = [], clip = []; segments.forEach(function(segment) { if ((n = segment.length - 1) <= 0) return; var n, p0 = segment[0], p1 = segment[n]; if (d3_geo_sphericalEqual(p0, p1)) { listener.lineStart(); for (var i = 0; i < n; ++i) listener.point((p0 = segment[i])[0], p0[1]); listener.lineEnd(); return; } var a = new d3_geo_clipPolygonIntersection(p0, segment, null, true), b = new d3_geo_clipPolygonIntersection(p0, null, a, false); a.o = b; subject.push(a); clip.push(b); a = new d3_geo_clipPolygonIntersection(p1, segment, null, false); b = new d3_geo_clipPolygonIntersection(p1, null, a, true); a.o = b; subject.push(a); clip.push(b); }); clip.sort(compare); d3_geo_clipPolygonLinkCircular(subject); d3_geo_clipPolygonLinkCircular(clip); if (!subject.length) return; for (var i = 0, entry = clipStartInside, n = clip.length; i < n; ++i) { clip[i].e = entry = !entry; } var start = subject[0], points, point; while (1) { var current = start, isSubject = true; while (current.v) if ((current = current.n) === start) return; points = current.z; listener.lineStart(); do { current.v = current.o.v = true; if (current.e) { if (isSubject) { for (var i = 0, n = points.length; i < n; ++i) listener.point((point = points[i])[0], point[1]); } else { interpolate(current.x, current.n.x, 1, listener); } current = current.n; } else { if (isSubject) { points = current.p.z; for (var i = points.length - 1; i >= 0; --i) listener.point((point = points[i])[0], point[1]); } else { interpolate(current.x, current.p.x, -1, listener); } current = current.p; } current = current.o; points = current.z; isSubject = !isSubject; } while (!current.v); listener.lineEnd(); } } function d3_geo_clipPolygonLinkCircular(array) { if (!(n = array.length)) return; var n, i = 0, a = array[0], b; while (++i < n) { a.n = b = array[i]; b.p = a; a = b; } a.n = b = array[0]; b.p = a; } function d3_geo_clipPolygonIntersection(point, points, other, entry) { this.x = point; this.z = points; this.o = other; this.e = entry; this.v = false; this.n = this.p = null; } function d3_geo_clip(pointVisible, clipLine, interpolate, clipStart) { return function(rotate, listener) { var line = clipLine(listener), rotatedClipStart = rotate.invert(clipStart[0], clipStart[1]); var clip = { point: point, lineStart: lineStart, lineEnd: lineEnd, polygonStart: function() { clip.point = pointRing; clip.lineStart = ringStart; clip.lineEnd = ringEnd; segments = []; polygon = []; }, polygonEnd: function() { clip.point = point; clip.lineStart = lineStart; clip.lineEnd = lineEnd; segments = d3.merge(segments); var clipStartInside = d3_geo_pointInPolygon(rotatedClipStart, polygon); if (segments.length) { if (!polygonStarted) listener.polygonStart(), polygonStarted = true; d3_geo_clipPolygon(segments, d3_geo_clipSort, clipStartInside, interpolate, listener); } else if (clipStartInside) { if (!polygonStarted) listener.polygonStart(), polygonStarted = true; listener.lineStart(); interpolate(null, null, 1, listener); listener.lineEnd(); } if (polygonStarted) listener.polygonEnd(), polygonStarted = false; segments = polygon = null; }, sphere: function() { listener.polygonStart(); listener.lineStart(); interpolate(null, null, 1, listener); listener.lineEnd(); listener.polygonEnd(); } }; function point(λ, φ) { var point = rotate(λ, φ); if (pointVisible(λ = point[0], φ = point[1])) listener.point(λ, φ); } function pointLine(λ, φ) { var point = rotate(λ, φ); line.point(point[0], point[1]); } function lineStart() { clip.point = pointLine; line.lineStart(); } function lineEnd() { clip.point = point; line.lineEnd(); } var segments; var buffer = d3_geo_clipBufferListener(), ringListener = clipLine(buffer), polygonStarted = false, polygon, ring; function pointRing(λ, φ) { ring.push([ λ, φ ]); var point = rotate(λ, φ); ringListener.point(point[0], point[1]); } function ringStart() { ringListener.lineStart(); ring = []; } function ringEnd() { pointRing(ring[0][0], ring[0][1]); ringListener.lineEnd(); var clean = ringListener.clean(), ringSegments = buffer.buffer(), segment, n = ringSegments.length; ring.pop(); polygon.push(ring); ring = null; if (!n) return; if (clean & 1) { segment = ringSegments[0]; var n = segment.length - 1, i = -1, point; if (n > 0) { if (!polygonStarted) listener.polygonStart(), polygonStarted = true; listener.lineStart(); while (++i < n) listener.point((point = segment[i])[0], point[1]); listener.lineEnd(); } return; } if (n > 1 && clean & 2) ringSegments.push(ringSegments.pop().concat(ringSegments.shift())); segments.push(ringSegments.filter(d3_geo_clipSegmentLength1)); } return clip; }; } function d3_geo_clipSegmentLength1(segment) { return segment.length > 1; } function d3_geo_clipBufferListener() { var lines = [], line; return { lineStart: function() { lines.push(line = []); }, point: function(λ, φ) { line.push([ λ, φ ]); }, lineEnd: d3_noop, buffer: function() { var buffer = lines; lines = []; line = null; return buffer; }, rejoin: function() { if (lines.length > 1) lines.push(lines.pop().concat(lines.shift())); } }; } function d3_geo_clipSort(a, b) { return ((a = a.x)[0] < 0 ? a[1] - halfπ - ε : halfπ - a[1]) - ((b = b.x)[0] < 0 ? b[1] - halfπ - ε : halfπ - b[1]); } var d3_geo_clipAntimeridian = d3_geo_clip(d3_true, d3_geo_clipAntimeridianLine, d3_geo_clipAntimeridianInterpolate, [ -π, -π / 2 ]); function d3_geo_clipAntimeridianLine(listener) { var λ0 = NaN, φ0 = NaN, sλ0 = NaN, clean; return { lineStart: function() { listener.lineStart(); clean = 1; }, point: function(λ1, φ1) { var sλ1 = λ1 > 0 ? π : -π, dλ = abs(λ1 - λ0); if (abs(dλ - π) < ε) { listener.point(λ0, φ0 = (φ0 + φ1) / 2 > 0 ? halfπ : -halfπ); listener.point(sλ0, φ0); listener.lineEnd(); listener.lineStart(); listener.point(sλ1, φ0); listener.point(λ1, φ0); clean = 0; } else if (sλ0 !== sλ1 && dλ >= π) { if (abs(λ0 - sλ0) < ε) λ0 -= sλ0 * ε; if (abs(λ1 - sλ1) < ε) λ1 -= sλ1 * ε; φ0 = d3_geo_clipAntimeridianIntersect(λ0, φ0, λ1, φ1); listener.point(sλ0, φ0); listener.lineEnd(); listener.lineStart(); listener.point(sλ1, φ0); clean = 0; } listener.point(λ0 = λ1, φ0 = φ1); sλ0 = sλ1; }, lineEnd: function() { listener.lineEnd(); λ0 = φ0 = NaN; }, clean: function() { return 2 - clean; } }; } function d3_geo_clipAntimeridianIntersect(λ0, φ0, λ1, φ1) { var cosφ0, cosφ1, sinλ0_λ1 = Math.sin(λ0 - λ1); return abs(sinλ0_λ1) > ε ? Math.atan((Math.sin(φ0) * (cosφ1 = Math.cos(φ1)) * Math.sin(λ1) - Math.sin(φ1) * (cosφ0 = Math.cos(φ0)) * Math.sin(λ0)) / (cosφ0 * cosφ1 * sinλ0_λ1)) : (φ0 + φ1) / 2; } function d3_geo_clipAntimeridianInterpolate(from, to, direction, listener) { var φ; if (from == null) { φ = direction * halfπ; listener.point(-π, φ); listener.point(0, φ); listener.point(π, φ); listener.point(π, 0); listener.point(π, -φ); listener.point(0, -φ); listener.point(-π, -φ); listener.point(-π, 0); listener.point(-π, φ); } else if (abs(from[0] - to[0]) > ε) { var s = from[0] < to[0] ? π : -π; φ = direction * s / 2; listener.point(-s, φ); listener.point(0, φ); listener.point(s, φ); } else { listener.point(to[0], to[1]); } } function d3_geo_pointInPolygon(point, polygon) { var meridian = point[0], parallel = point[1], meridianNormal = [ Math.sin(meridian), -Math.cos(meridian), 0 ], polarAngle = 0, winding = 0; d3_geo_areaRingSum.reset(); for (var i = 0, n = polygon.length; i < n; ++i) { var ring = polygon[i], m = ring.length; if (!m) continue; var point0 = ring[0], λ0 = point0[0], φ0 = point0[1] / 2 + π / 4, sinφ0 = Math.sin(φ0), cosφ0 = Math.cos(φ0), j = 1; while (true) { if (j === m) j = 0; point = ring[j]; var λ = point[0], φ = point[1] / 2 + π / 4, sinφ = Math.sin(φ), cosφ = Math.cos(φ), dλ = λ - λ0, sdλ = dλ >= 0 ? 1 : -1, adλ = sdλ * dλ, antimeridian = adλ > π, k = sinφ0 * sinφ; d3_geo_areaRingSum.add(Math.atan2(k * sdλ * Math.sin(adλ), cosφ0 * cosφ + k * Math.cos(adλ))); polarAngle += antimeridian ? dλ + sdλ * τ : dλ; if (antimeridian ^ λ0 >= meridian ^ λ >= meridian) { var arc = d3_geo_cartesianCross(d3_geo_cartesian(point0), d3_geo_cartesian(point)); d3_geo_cartesianNormalize(arc); var intersection = d3_geo_cartesianCross(meridianNormal, arc); d3_geo_cartesianNormalize(intersection); var φarc = (antimeridian ^ dλ >= 0 ? -1 : 1) * d3_asin(intersection[2]); if (parallel > φarc || parallel === φarc && (arc[0] || arc[1])) { winding += antimeridian ^ dλ >= 0 ? 1 : -1; } } if (!j++) break; λ0 = λ, sinφ0 = sinφ, cosφ0 = cosφ, point0 = point; } } return (polarAngle < -ε || polarAngle < ε && d3_geo_areaRingSum < -ε) ^ winding & 1; } function d3_geo_clipCircle(radius) { var cr = Math.cos(radius), smallRadius = cr > 0, notHemisphere = abs(cr) > ε, interpolate = d3_geo_circleInterpolate(radius, 6 * d3_radians); return d3_geo_clip(visible, clipLine, interpolate, smallRadius ? [ 0, -radius ] : [ -π, radius - π ]); function visible(λ, φ) { return Math.cos(λ) * Math.cos(φ) > cr; } function clipLine(listener) { var point0, c0, v0, v00, clean; return { lineStart: function() { v00 = v0 = false; clean = 1; }, point: function(λ, φ) { var point1 = [ λ, φ ], point2, v = visible(λ, φ), c = smallRadius ? v ? 0 : code(λ, φ) : v ? code(λ + (λ < 0 ? π : -π), φ) : 0; if (!point0 && (v00 = v0 = v)) listener.lineStart(); if (v !== v0) { point2 = intersect(point0, point1); if (d3_geo_sphericalEqual(point0, point2) || d3_geo_sphericalEqual(point1, point2)) { point1[0] += ε; point1[1] += ε; v = visible(point1[0], point1[1]); } } if (v !== v0) { clean = 0; if (v) { listener.lineStart(); point2 = intersect(point1, point0); listener.point(point2[0], point2[1]); } else { point2 = intersect(point0, point1); listener.point(point2[0], point2[1]); listener.lineEnd(); } point0 = point2; } else if (notHemisphere && point0 && smallRadius ^ v) { var t; if (!(c & c0) && (t = intersect(point1, point0, true))) { clean = 0; if (smallRadius) { listener.lineStart(); listener.point(t[0][0], t[0][1]); listener.point(t[1][0], t[1][1]); listener.lineEnd(); } else { listener.point(t[1][0], t[1][1]); listener.lineEnd(); listener.lineStart(); listener.point(t[0][0], t[0][1]); } } } if (v && (!point0 || !d3_geo_sphericalEqual(point0, point1))) { listener.point(point1[0], point1[1]); } point0 = point1, v0 = v, c0 = c; }, lineEnd: function() { if (v0) listener.lineEnd(); point0 = null; }, clean: function() { return clean | (v00 && v0) << 1; } }; } function intersect(a, b, two) { var pa = d3_geo_cartesian(a), pb = d3_geo_cartesian(b); var n1 = [ 1, 0, 0 ], n2 = d3_geo_cartesianCross(pa, pb), n2n2 = d3_geo_cartesianDot(n2, n2), n1n2 = n2[0], determinant = n2n2 - n1n2 * n1n2; if (!determinant) return !two && a; var c1 = cr * n2n2 / determinant, c2 = -cr * n1n2 / determinant, n1xn2 = d3_geo_cartesianCross(n1, n2), A = d3_geo_cartesianScale(n1, c1), B = d3_geo_cartesianScale(n2, c2); d3_geo_cartesianAdd(A, B); var u = n1xn2, w = d3_geo_cartesianDot(A, u), uu = d3_geo_cartesianDot(u, u), t2 = w * w - uu * (d3_geo_cartesianDot(A, A) - 1); if (t2 < 0) return; var t = Math.sqrt(t2), q = d3_geo_cartesianScale(u, (-w - t) / uu); d3_geo_cartesianAdd(q, A); q = d3_geo_spherical(q); if (!two) return q; var λ0 = a[0], λ1 = b[0], φ0 = a[1], φ1 = b[1], z; if (λ1 < λ0) z = λ0, λ0 = λ1, λ1 = z; var δλ = λ1 - λ0, polar = abs(δλ - π) < ε, meridian = polar || δλ < ε; if (!polar && φ1 < φ0) z = φ0, φ0 = φ1, φ1 = z; if (meridian ? polar ? φ0 + φ1 > 0 ^ q[1] < (abs(q[0] - λ0) < ε ? φ0 : φ1) : φ0 <= q[1] && q[1] <= φ1 : δλ > π ^ (λ0 <= q[0] && q[0] <= λ1)) { var q1 = d3_geo_cartesianScale(u, (-w + t) / uu); d3_geo_cartesianAdd(q1, A); return [ q, d3_geo_spherical(q1) ]; } } function code(λ, φ) { var r = smallRadius ? radius : π - radius, code = 0; if (λ < -r) code |= 1; else if (λ > r) code |= 2; if (φ < -r) code |= 4; else if (φ > r) code |= 8; return code; } } function d3_geom_clipLine(x0, y0, x1, y1) { return function(line) { var a = line.a, b = line.b, ax = a.x, ay = a.y, bx = b.x, by = b.y, t0 = 0, t1 = 1, dx = bx - ax, dy = by - ay, r; r = x0 - ax; if (!dx && r > 0) return; r /= dx; if (dx < 0) { if (r < t0) return; if (r < t1) t1 = r; } else if (dx > 0) { if (r > t1) return; if (r > t0) t0 = r; } r = x1 - ax; if (!dx && r < 0) return; r /= dx; if (dx < 0) { if (r > t1) return; if (r > t0) t0 = r; } else if (dx > 0) { if (r < t0) return; if (r < t1) t1 = r; } r = y0 - ay; if (!dy && r > 0) return; r /= dy; if (dy < 0) { if (r < t0) return; if (r < t1) t1 = r; } else if (dy > 0) { if (r > t1) return; if (r > t0) t0 = r; } r = y1 - ay; if (!dy && r < 0) return; r /= dy; if (dy < 0) { if (r > t1) return; if (r > t0) t0 = r; } else if (dy > 0) { if (r < t0) return; if (r < t1) t1 = r; } if (t0 > 0) line.a = { x: ax + t0 * dx, y: ay + t0 * dy }; if (t1 < 1) line.b = { x: ax + t1 * dx, y: ay + t1 * dy }; return line; }; } var d3_geo_clipExtentMAX = 1e9; d3.geo.clipExtent = function() { var x0, y0, x1, y1, stream, clip, clipExtent = { stream: function(output) { if (stream) stream.valid = false; stream = clip(output); stream.valid = true; return stream; }, extent: function(_) { if (!arguments.length) return [ [ x0, y0 ], [ x1, y1 ] ]; clip = d3_geo_clipExtent(x0 = +_[0][0], y0 = +_[0][1], x1 = +_[1][0], y1 = +_[1][1]); if (stream) stream.valid = false, stream = null; return clipExtent; } }; return clipExtent.extent([ [ 0, 0 ], [ 960, 500 ] ]); }; function d3_geo_clipExtent(x0, y0, x1, y1) { return function(listener) { var listener_ = listener, bufferListener = d3_geo_clipBufferListener(), clipLine = d3_geom_clipLine(x0, y0, x1, y1), segments, polygon, ring; var clip = { point: point, lineStart: lineStart, lineEnd: lineEnd, polygonStart: function() { listener = bufferListener; segments = []; polygon = []; clean = true; }, polygonEnd: function() { listener = listener_; segments = d3.merge(segments); var clipStartInside = insidePolygon([ x0, y1 ]), inside = clean && clipStartInside, visible = segments.length; if (inside || visible) { listener.polygonStart(); if (inside) { listener.lineStart(); interpolate(null, null, 1, listener); listener.lineEnd(); } if (visible) { d3_geo_clipPolygon(segments, compare, clipStartInside, interpolate, listener); } listener.polygonEnd(); } segments = polygon = ring = null; } }; function insidePolygon(p) { var wn = 0, n = polygon.length, y = p[1]; for (var i = 0; i < n; ++i) { for (var j = 1, v = polygon[i], m = v.length, a = v[0], b; j < m; ++j) { b = v[j]; if (a[1] <= y) { if (b[1] > y && d3_cross2d(a, b, p) > 0) ++wn; } else { if (b[1] <= y && d3_cross2d(a, b, p) < 0) --wn; } a = b; } } return wn !== 0; } function interpolate(from, to, direction, listener) { var a = 0, a1 = 0; if (from == null || (a = corner(from, direction)) !== (a1 = corner(to, direction)) || comparePoints(from, to) < 0 ^ direction > 0) { do { listener.point(a === 0 || a === 3 ? x0 : x1, a > 1 ? y1 : y0); } while ((a = (a + direction + 4) % 4) !== a1); } else { listener.point(to[0], to[1]); } } function pointVisible(x, y) { return x0 <= x && x <= x1 && y0 <= y && y <= y1; } function point(x, y) { if (pointVisible(x, y)) listener.point(x, y); } var x__, y__, v__, x_, y_, v_, first, clean; function lineStart() { clip.point = linePoint; if (polygon) polygon.push(ring = []); first = true; v_ = false; x_ = y_ = NaN; } function lineEnd() { if (segments) { linePoint(x__, y__); if (v__ && v_) bufferListener.rejoin(); segments.push(bufferListener.buffer()); } clip.point = point; if (v_) listener.lineEnd(); } function linePoint(x, y) { x = Math.max(-d3_geo_clipExtentMAX, Math.min(d3_geo_clipExtentMAX, x)); y = Math.max(-d3_geo_clipExtentMAX, Math.min(d3_geo_clipExtentMAX, y)); var v = pointVisible(x, y); if (polygon) ring.push([ x, y ]); if (first) { x__ = x, y__ = y, v__ = v; first = false; if (v) { listener.lineStart(); listener.point(x, y); } } else { if (v && v_) listener.point(x, y); else { var l = { a: { x: x_, y: y_ }, b: { x: x, y: y } }; if (clipLine(l)) { if (!v_) { listener.lineStart(); listener.point(l.a.x, l.a.y); } listener.point(l.b.x, l.b.y); if (!v) listener.lineEnd(); clean = false; } else if (v) { listener.lineStart(); listener.point(x, y); clean = false; } } } x_ = x, y_ = y, v_ = v; } return clip; }; function corner(p, direction) { return abs(p[0] - x0) < ε ? direction > 0 ? 0 : 3 : abs(p[0] - x1) < ε ? direction > 0 ? 2 : 1 : abs(p[1] - y0) < ε ? direction > 0 ? 1 : 0 : direction > 0 ? 3 : 2; } function compare(a, b) { return comparePoints(a.x, b.x); } function comparePoints(a, b) { var ca = corner(a, 1), cb = corner(b, 1); return ca !== cb ? ca - cb : ca === 0 ? b[1] - a[1] : ca === 1 ? a[0] - b[0] : ca === 2 ? a[1] - b[1] : b[0] - a[0]; } } function d3_geo_conic(projectAt) { var φ0 = 0, φ1 = π / 3, m = d3_geo_projectionMutator(projectAt), p = m(φ0, φ1); p.parallels = function(_) { if (!arguments.length) return [ φ0 / π * 180, φ1 / π * 180 ]; return m(φ0 = _[0] * π / 180, φ1 = _[1] * π / 180); }; return p; } function d3_geo_conicEqualArea(φ0, φ1) { var sinφ0 = Math.sin(φ0), n = (sinφ0 + Math.sin(φ1)) / 2, C = 1 + sinφ0 * (2 * n - sinφ0), ρ0 = Math.sqrt(C) / n; function forward(λ, φ) { var ρ = Math.sqrt(C - 2 * n * Math.sin(φ)) / n; return [ ρ * Math.sin(λ *= n), ρ0 - ρ * Math.cos(λ) ]; } forward.invert = function(x, y) { var ρ0_y = ρ0 - y; return [ Math.atan2(x, ρ0_y) / n, d3_asin((C - (x * x + ρ0_y * ρ0_y) * n * n) / (2 * n)) ]; }; return forward; } (d3.geo.conicEqualArea = function() { return d3_geo_conic(d3_geo_conicEqualArea); }).raw = d3_geo_conicEqualArea; d3.geo.albers = function() { return d3.geo.conicEqualArea().rotate([ 96, 0 ]).center([ -.6, 38.7 ]).parallels([ 29.5, 45.5 ]).scale(1070); }; d3.geo.albersUsa = function() { var lower48 = d3.geo.albers(); var alaska = d3.geo.conicEqualArea().rotate([ 154, 0 ]).center([ -2, 58.5 ]).parallels([ 55, 65 ]); var hawaii = d3.geo.conicEqualArea().rotate([ 157, 0 ]).center([ -3, 19.9 ]).parallels([ 8, 18 ]); var point, pointStream = { point: function(x, y) { point = [ x, y ]; } }, lower48Point, alaskaPoint, hawaiiPoint; function albersUsa(coordinates) { var x = coordinates[0], y = coordinates[1]; point = null; (lower48Point(x, y), point) || (alaskaPoint(x, y), point) || hawaiiPoint(x, y); return point; } albersUsa.invert = function(coordinates) { var k = lower48.scale(), t = lower48.translate(), x = (coordinates[0] - t[0]) / k, y = (coordinates[1] - t[1]) / k; return (y >= .12 && y < .234 && x >= -.425 && x < -.214 ? alaska : y >= .166 && y < .234 && x >= -.214 && x < -.115 ? hawaii : lower48).invert(coordinates); }; albersUsa.stream = function(stream) { var lower48Stream = lower48.stream(stream), alaskaStream = alaska.stream(stream), hawaiiStream = hawaii.stream(stream); return { point: function(x, y) { lower48Stream.point(x, y); alaskaStream.point(x, y); hawaiiStream.point(x, y); }, sphere: function() { lower48Stream.sphere(); alaskaStream.sphere(); hawaiiStream.sphere(); }, lineStart: function() { lower48Stream.lineStart(); alaskaStream.lineStart(); hawaiiStream.lineStart(); }, lineEnd: function() { lower48Stream.lineEnd(); alaskaStream.lineEnd(); hawaiiStream.lineEnd(); }, polygonStart: function() { lower48Stream.polygonStart(); alaskaStream.polygonStart(); hawaiiStream.polygonStart(); }, polygonEnd: function() { lower48Stream.polygonEnd(); alaskaStream.polygonEnd(); hawaiiStream.polygonEnd(); } }; }; albersUsa.precision = function(_) { if (!arguments.length) return lower48.precision(); lower48.precision(_); alaska.precision(_); hawaii.precision(_); return albersUsa; }; albersUsa.scale = function(_) { if (!arguments.length) return lower48.scale(); lower48.scale(_); alaska.scale(_ * .35); hawaii.scale(_); return albersUsa.translate(lower48.translate()); }; albersUsa.translate = function(_) { if (!arguments.length) return lower48.translate(); var k = lower48.scale(), x = +_[0], y = +_[1]; lower48Point = lower48.translate(_).clipExtent([ [ x - .455 * k, y - .238 * k ], [ x + .455 * k, y + .238 * k ] ]).stream(pointStream).point; alaskaPoint = alaska.translate([ x - .307 * k, y + .201 * k ]).clipExtent([ [ x - .425 * k + ε, y + .12 * k + ε ], [ x - .214 * k - ε, y + .234 * k - ε ] ]).stream(pointStream).point; hawaiiPoint = hawaii.translate([ x - .205 * k, y + .212 * k ]).clipExtent([ [ x - .214 * k + ε, y + .166 * k + ε ], [ x - .115 * k - ε, y + .234 * k - ε ] ]).stream(pointStream).point; return albersUsa; }; return albersUsa.scale(1070); }; var d3_geo_pathAreaSum, d3_geo_pathAreaPolygon, d3_geo_pathArea = { point: d3_noop, lineStart: d3_noop, lineEnd: d3_noop, polygonStart: function() { d3_geo_pathAreaPolygon = 0; d3_geo_pathArea.lineStart = d3_geo_pathAreaRingStart; }, polygonEnd: function() { d3_geo_pathArea.lineStart = d3_geo_pathArea.lineEnd = d3_geo_pathArea.point = d3_noop; d3_geo_pathAreaSum += abs(d3_geo_pathAreaPolygon / 2); } }; function d3_geo_pathAreaRingStart() { var x00, y00, x0, y0; d3_geo_pathArea.point = function(x, y) { d3_geo_pathArea.point = nextPoint; x00 = x0 = x, y00 = y0 = y; }; function nextPoint(x, y) { d3_geo_pathAreaPolygon += y0 * x - x0 * y; x0 = x, y0 = y; } d3_geo_pathArea.lineEnd = function() { nextPoint(x00, y00); }; } var d3_geo_pathBoundsX0, d3_geo_pathBoundsY0, d3_geo_pathBoundsX1, d3_geo_pathBoundsY1; var d3_geo_pathBounds = { point: d3_geo_pathBoundsPoint, lineStart: d3_noop, lineEnd: d3_noop, polygonStart: d3_noop, polygonEnd: d3_noop }; function d3_geo_pathBoundsPoint(x, y) { if (x < d3_geo_pathBoundsX0) d3_geo_pathBoundsX0 = x; if (x > d3_geo_pathBoundsX1) d3_geo_pathBoundsX1 = x; if (y < d3_geo_pathBoundsY0) d3_geo_pathBoundsY0 = y; if (y > d3_geo_pathBoundsY1) d3_geo_pathBoundsY1 = y; } function d3_geo_pathBuffer() { var pointCircle = d3_geo_pathBufferCircle(4.5), buffer = []; var stream = { point: point, lineStart: function() { stream.point = pointLineStart; }, lineEnd: lineEnd, polygonStart: function() { stream.lineEnd = lineEndPolygon; }, polygonEnd: function() { stream.lineEnd = lineEnd; stream.point = point; }, pointRadius: function(_) { pointCircle = d3_geo_pathBufferCircle(_); return stream; }, result: function() { if (buffer.length) { var result = buffer.join(""); buffer = []; return result; } } }; function point(x, y) { buffer.push("M", x, ",", y, pointCircle); } function pointLineStart(x, y) { buffer.push("M", x, ",", y); stream.point = pointLine; } function pointLine(x, y) { buffer.push("L", x, ",", y); } function lineEnd() { stream.point = point; } function lineEndPolygon() { buffer.push("Z"); } return stream; } function d3_geo_pathBufferCircle(radius) { return "m0," + radius + "a" + radius + "," + radius + " 0 1,1 0," + -2 * radius + "a" + radius + "," + radius + " 0 1,1 0," + 2 * radius + "z"; } var d3_geo_pathCentroid = { point: d3_geo_pathCentroidPoint, lineStart: d3_geo_pathCentroidLineStart, lineEnd: d3_geo_pathCentroidLineEnd, polygonStart: function() { d3_geo_pathCentroid.lineStart = d3_geo_pathCentroidRingStart; }, polygonEnd: function() { d3_geo_pathCentroid.point = d3_geo_pathCentroidPoint; d3_geo_pathCentroid.lineStart = d3_geo_pathCentroidLineStart; d3_geo_pathCentroid.lineEnd = d3_geo_pathCentroidLineEnd; } }; function d3_geo_pathCentroidPoint(x, y) { d3_geo_centroidX0 += x; d3_geo_centroidY0 += y; ++d3_geo_centroidZ0; } function d3_geo_pathCentroidLineStart() { var x0, y0; d3_geo_pathCentroid.point = function(x, y) { d3_geo_pathCentroid.point = nextPoint; d3_geo_pathCentroidPoint(x0 = x, y0 = y); }; function nextPoint(x, y) { var dx = x - x0, dy = y - y0, z = Math.sqrt(dx * dx + dy * dy); d3_geo_centroidX1 += z * (x0 + x) / 2; d3_geo_centroidY1 += z * (y0 + y) / 2; d3_geo_centroidZ1 += z; d3_geo_pathCentroidPoint(x0 = x, y0 = y); } } function d3_geo_pathCentroidLineEnd() { d3_geo_pathCentroid.point = d3_geo_pathCentroidPoint; } function d3_geo_pathCentroidRingStart() { var x00, y00, x0, y0; d3_geo_pathCentroid.point = function(x, y) { d3_geo_pathCentroid.point = nextPoint; d3_geo_pathCentroidPoint(x00 = x0 = x, y00 = y0 = y); }; function nextPoint(x, y) { var dx = x - x0, dy = y - y0, z = Math.sqrt(dx * dx + dy * dy); d3_geo_centroidX1 += z * (x0 + x) / 2; d3_geo_centroidY1 += z * (y0 + y) / 2; d3_geo_centroidZ1 += z; z = y0 * x - x0 * y; d3_geo_centroidX2 += z * (x0 + x); d3_geo_centroidY2 += z * (y0 + y); d3_geo_centroidZ2 += z * 3; d3_geo_pathCentroidPoint(x0 = x, y0 = y); } d3_geo_pathCentroid.lineEnd = function() { nextPoint(x00, y00); }; } function d3_geo_pathContext(context) { var pointRadius = 4.5; var stream = { point: point, lineStart: function() { stream.point = pointLineStart; }, lineEnd: lineEnd, polygonStart: function() { stream.lineEnd = lineEndPolygon; }, polygonEnd: function() { stream.lineEnd = lineEnd; stream.point = point; }, pointRadius: function(_) { pointRadius = _; return stream; }, result: d3_noop }; function point(x, y) { context.moveTo(x + pointRadius, y); context.arc(x, y, pointRadius, 0, τ); } function pointLineStart(x, y) { context.moveTo(x, y); stream.point = pointLine; } function pointLine(x, y) { context.lineTo(x, y); } function lineEnd() { stream.point = point; } function lineEndPolygon() { context.closePath(); } return stream; } function d3_geo_resample(project) { var δ2 = .5, cosMinDistance = Math.cos(30 * d3_radians), maxDepth = 16; function resample(stream) { return (maxDepth ? resampleRecursive : resampleNone)(stream); } function resampleNone(stream) { return d3_geo_transformPoint(stream, function(x, y) { x = project(x, y); stream.point(x[0], x[1]); }); } function resampleRecursive(stream) { var λ00, φ00, x00, y00, a00, b00, c00, λ0, x0, y0, a0, b0, c0; var resample = { point: point, lineStart: lineStart, lineEnd: lineEnd, polygonStart: function() { stream.polygonStart(); resample.lineStart = ringStart; }, polygonEnd: function() { stream.polygonEnd(); resample.lineStart = lineStart; } }; function point(x, y) { x = project(x, y); stream.point(x[0], x[1]); } function lineStart() { x0 = NaN; resample.point = linePoint; stream.lineStart(); } function linePoint(λ, φ) { var c = d3_geo_cartesian([ λ, φ ]), p = project(λ, φ); resampleLineTo(x0, y0, λ0, a0, b0, c0, x0 = p[0], y0 = p[1], λ0 = λ, a0 = c[0], b0 = c[1], c0 = c[2], maxDepth, stream); stream.point(x0, y0); } function lineEnd() { resample.point = point; stream.lineEnd(); } function ringStart() { lineStart(); resample.point = ringPoint; resample.lineEnd = ringEnd; } function ringPoint(λ, φ) { linePoint(λ00 = λ, φ00 = φ), x00 = x0, y00 = y0, a00 = a0, b00 = b0, c00 = c0; resample.point = linePoint; } function ringEnd() { resampleLineTo(x0, y0, λ0, a0, b0, c0, x00, y00, λ00, a00, b00, c00, maxDepth, stream); resample.lineEnd = lineEnd; lineEnd(); } return resample; } function resampleLineTo(x0, y0, λ0, a0, b0, c0, x1, y1, λ1, a1, b1, c1, depth, stream) { var dx = x1 - x0, dy = y1 - y0, d2 = dx * dx + dy * dy; if (d2 > 4 * δ2 && depth--) { var a = a0 + a1, b = b0 + b1, c = c0 + c1, m = Math.sqrt(a * a + b * b + c * c), φ2 = Math.asin(c /= m), λ2 = abs(abs(c) - 1) < ε || abs(λ0 - λ1) < ε ? (λ0 + λ1) / 2 : Math.atan2(b, a), p = project(λ2, φ2), x2 = p[0], y2 = p[1], dx2 = x2 - x0, dy2 = y2 - y0, dz = dy * dx2 - dx * dy2; if (dz * dz / d2 > δ2 || abs((dx * dx2 + dy * dy2) / d2 - .5) > .3 || a0 * a1 + b0 * b1 + c0 * c1 < cosMinDistance) { resampleLineTo(x0, y0, λ0, a0, b0, c0, x2, y2, λ2, a /= m, b /= m, c, depth, stream); stream.point(x2, y2); resampleLineTo(x2, y2, λ2, a, b, c, x1, y1, λ1, a1, b1, c1, depth, stream); } } } resample.precision = function(_) { if (!arguments.length) return Math.sqrt(δ2); maxDepth = (δ2 = _ * _) > 0 && 16; return resample; }; return resample; } d3.geo.path = function() { var pointRadius = 4.5, projection, context, projectStream, contextStream, cacheStream; function path(object) { if (object) { if (typeof pointRadius === "function") contextStream.pointRadius(+pointRadius.apply(this, arguments)); if (!cacheStream || !cacheStream.valid) cacheStream = projectStream(contextStream); d3.geo.stream(object, cacheStream); } return contextStream.result(); } path.area = function(object) { d3_geo_pathAreaSum = 0; d3.geo.stream(object, projectStream(d3_geo_pathArea)); return d3_geo_pathAreaSum; }; path.centroid = function(object) { d3_geo_centroidX0 = d3_geo_centroidY0 = d3_geo_centroidZ0 = d3_geo_centroidX1 = d3_geo_centroidY1 = d3_geo_centroidZ1 = d3_geo_centroidX2 = d3_geo_centroidY2 = d3_geo_centroidZ2 = 0; d3.geo.stream(object, projectStream(d3_geo_pathCentroid)); return d3_geo_centroidZ2 ? [ d3_geo_centroidX2 / d3_geo_centroidZ2, d3_geo_centroidY2 / d3_geo_centroidZ2 ] : d3_geo_centroidZ1 ? [ d3_geo_centroidX1 / d3_geo_centroidZ1, d3_geo_centroidY1 / d3_geo_centroidZ1 ] : d3_geo_centroidZ0 ? [ d3_geo_centroidX0 / d3_geo_centroidZ0, d3_geo_centroidY0 / d3_geo_centroidZ0 ] : [ NaN, NaN ]; }; path.bounds = function(object) { d3_geo_pathBoundsX1 = d3_geo_pathBoundsY1 = -(d3_geo_pathBoundsX0 = d3_geo_pathBoundsY0 = Infinity); d3.geo.stream(object, projectStream(d3_geo_pathBounds)); return [ [ d3_geo_pathBoundsX0, d3_geo_pathBoundsY0 ], [ d3_geo_pathBoundsX1, d3_geo_pathBoundsY1 ] ]; }; path.projection = function(_) { if (!arguments.length) return projection; projectStream = (projection = _) ? _.stream || d3_geo_pathProjectStream(_) : d3_identity; return reset(); }; path.context = function(_) { if (!arguments.length) return context; contextStream = (context = _) == null ? new d3_geo_pathBuffer() : new d3_geo_pathContext(_); if (typeof pointRadius !== "function") contextStream.pointRadius(pointRadius); return reset(); }; path.pointRadius = function(_) { if (!arguments.length) return pointRadius; pointRadius = typeof _ === "function" ? _ : (contextStream.pointRadius(+_), +_); return path; }; function reset() { cacheStream = null; return path; } return path.projection(d3.geo.albersUsa()).context(null); }; function d3_geo_pathProjectStream(project) { var resample = d3_geo_resample(function(x, y) { return project([ x * d3_degrees, y * d3_degrees ]); }); return function(stream) { return d3_geo_projectionRadians(resample(stream)); }; } d3.geo.transform = function(methods) { return { stream: function(stream) { var transform = new d3_geo_transform(stream); for (var k in methods) transform[k] = methods[k]; return transform; } }; }; function d3_geo_transform(stream) { this.stream = stream; } d3_geo_transform.prototype = { point: function(x, y) { this.stream.point(x, y); }, sphere: function() { this.stream.sphere(); }, lineStart: function() { this.stream.lineStart(); }, lineEnd: function() { this.stream.lineEnd(); }, polygonStart: function() { this.stream.polygonStart(); }, polygonEnd: function() { this.stream.polygonEnd(); } }; function d3_geo_transformPoint(stream, point) { return { point: point, sphere: function() { stream.sphere(); }, lineStart: function() { stream.lineStart(); }, lineEnd: function() { stream.lineEnd(); }, polygonStart: function() { stream.polygonStart(); }, polygonEnd: function() { stream.polygonEnd(); } }; } d3.geo.projection = d3_geo_projection; d3.geo.projectionMutator = d3_geo_projectionMutator; function d3_geo_projection(project) { return d3_geo_projectionMutator(function() { return project; })(); } function d3_geo_projectionMutator(projectAt) { var project, rotate, projectRotate, projectResample = d3_geo_resample(function(x, y) { x = project(x, y); return [ x[0] * k + δx, δy - x[1] * k ]; }), k = 150, x = 480, y = 250, λ = 0, φ = 0, δλ = 0, δφ = 0, δγ = 0, δx, δy, preclip = d3_geo_clipAntimeridian, postclip = d3_identity, clipAngle = null, clipExtent = null, stream; function projection(point) { point = projectRotate(point[0] * d3_radians, point[1] * d3_radians); return [ point[0] * k + δx, δy - point[1] * k ]; } function invert(point) { point = projectRotate.invert((point[0] - δx) / k, (δy - point[1]) / k); return point && [ point[0] * d3_degrees, point[1] * d3_degrees ]; } projection.stream = function(output) { if (stream) stream.valid = false; stream = d3_geo_projectionRadians(preclip(rotate, projectResample(postclip(output)))); stream.valid = true; return stream; }; projection.clipAngle = function(_) { if (!arguments.length) return clipAngle; preclip = _ == null ? (clipAngle = _, d3_geo_clipAntimeridian) : d3_geo_clipCircle((clipAngle = +_) * d3_radians); return invalidate(); }; projection.clipExtent = function(_) { if (!arguments.length) return clipExtent; clipExtent = _; postclip = _ ? d3_geo_clipExtent(_[0][0], _[0][1], _[1][0], _[1][1]) : d3_identity; return invalidate(); }; projection.scale = function(_) { if (!arguments.length) return k; k = +_; return reset(); }; projection.translate = function(_) { if (!arguments.length) return [ x, y ]; x = +_[0]; y = +_[1]; return reset(); }; projection.center = function(_) { if (!arguments.length) return [ λ * d3_degrees, φ * d3_degrees ]; λ = _[0] % 360 * d3_radians; φ = _[1] % 360 * d3_radians; return reset(); }; projection.rotate = function(_) { if (!arguments.length) return [ δλ * d3_degrees, δφ * d3_degrees, δγ * d3_degrees ]; δλ = _[0] % 360 * d3_radians; δφ = _[1] % 360 * d3_radians; δγ = _.length > 2 ? _[2] % 360 * d3_radians : 0; return reset(); }; d3.rebind(projection, projectResample, "precision"); function reset() { projectRotate = d3_geo_compose(rotate = d3_geo_rotation(δλ, δφ, δγ), project); var center = project(λ, φ); δx = x - center[0] * k; δy = y + center[1] * k; return invalidate(); } function invalidate() { if (stream) stream.valid = false, stream = null; return projection; } return function() { project = projectAt.apply(this, arguments); projection.invert = project.invert && invert; return reset(); }; } function d3_geo_projectionRadians(stream) { return d3_geo_transformPoint(stream, function(x, y) { stream.point(x * d3_radians, y * d3_radians); }); } function d3_geo_equirectangular(λ, φ) { return [ λ, φ ]; } (d3.geo.equirectangular = function() { return d3_geo_projection(d3_geo_equirectangular); }).raw = d3_geo_equirectangular.invert = d3_geo_equirectangular; d3.geo.rotation = function(rotate) { rotate = d3_geo_rotation(rotate[0] % 360 * d3_radians, rotate[1] * d3_radians, rotate.length > 2 ? rotate[2] * d3_radians : 0); function forward(coordinates) { coordinates = rotate(coordinates[0] * d3_radians, coordinates[1] * d3_radians); return coordinates[0] *= d3_degrees, coordinates[1] *= d3_degrees, coordinates; } forward.invert = function(coordinates) { coordinates = rotate.invert(coordinates[0] * d3_radians, coordinates[1] * d3_radians); return coordinates[0] *= d3_degrees, coordinates[1] *= d3_degrees, coordinates; }; return forward; }; function d3_geo_identityRotation(λ, φ) { return [ λ > π ? λ - τ : λ < -π ? λ + τ : λ, φ ]; } d3_geo_identityRotation.invert = d3_geo_equirectangular; function d3_geo_rotation(δλ, δφ, δγ) { return δλ ? δφ || δγ ? d3_geo_compose(d3_geo_rotationλ(δλ), d3_geo_rotationφγ(δφ, δγ)) : d3_geo_rotationλ(δλ) : δφ || δγ ? d3_geo_rotationφγ(δφ, δγ) : d3_geo_identityRotation; } function d3_geo_forwardRotationλ(δλ) { return function(λ, φ) { return λ += δλ, [ λ > π ? λ - τ : λ < -π ? λ + τ : λ, φ ]; }; } function d3_geo_rotationλ(δλ) { var rotation = d3_geo_forwardRotationλ(δλ); rotation.invert = d3_geo_forwardRotationλ(-δλ); return rotation; } function d3_geo_rotationφγ(δφ, δγ) { var cosδφ = Math.cos(δφ), sinδφ = Math.sin(δφ), cosδγ = Math.cos(δγ), sinδγ = Math.sin(δγ); function rotation(λ, φ) { var cosφ = Math.cos(φ), x = Math.cos(λ) * cosφ, y = Math.sin(λ) * cosφ, z = Math.sin(φ), k = z * cosδφ + x * sinδφ; return [ Math.atan2(y * cosδγ - k * sinδγ, x * cosδφ - z * sinδφ), d3_asin(k * cosδγ + y * sinδγ) ]; } rotation.invert = function(λ, φ) { var cosφ = Math.cos(φ), x = Math.cos(λ) * cosφ, y = Math.sin(λ) * cosφ, z = Math.sin(φ), k = z * cosδγ - y * sinδγ; return [ Math.atan2(y * cosδγ + z * sinδγ, x * cosδφ + k * sinδφ), d3_asin(k * cosδφ - x * sinδφ) ]; }; return rotation; } d3.geo.circle = function() { var origin = [ 0, 0 ], angle, precision = 6, interpolate; function circle() { var center = typeof origin === "function" ? origin.apply(this, arguments) : origin, rotate = d3_geo_rotation(-center[0] * d3_radians, -center[1] * d3_radians, 0).invert, ring = []; interpolate(null, null, 1, { point: function(x, y) { ring.push(x = rotate(x, y)); x[0] *= d3_degrees, x[1] *= d3_degrees; } }); return { type: "Polygon", coordinates: [ ring ] }; } circle.origin = function(x) { if (!arguments.length) return origin; origin = x; return circle; }; circle.angle = function(x) { if (!arguments.length) return angle; interpolate = d3_geo_circleInterpolate((angle = +x) * d3_radians, precision * d3_radians); return circle; }; circle.precision = function(_) { if (!arguments.length) return precision; interpolate = d3_geo_circleInterpolate(angle * d3_radians, (precision = +_) * d3_radians); return circle; }; return circle.angle(90); }; function d3_geo_circleInterpolate(radius, precision) { var cr = Math.cos(radius), sr = Math.sin(radius); return function(from, to, direction, listener) { var step = direction * precision; if (from != null) { from = d3_geo_circleAngle(cr, from); to = d3_geo_circleAngle(cr, to); if (direction > 0 ? from < to : from > to) from += direction * τ; } else { from = radius + direction * τ; to = radius - .5 * step; } for (var point, t = from; direction > 0 ? t > to : t < to; t -= step) { listener.point((point = d3_geo_spherical([ cr, -sr * Math.cos(t), -sr * Math.sin(t) ]))[0], point[1]); } }; } function d3_geo_circleAngle(cr, point) { var a = d3_geo_cartesian(point); a[0] -= cr; d3_geo_cartesianNormalize(a); var angle = d3_acos(-a[1]); return ((-a[2] < 0 ? -angle : angle) + 2 * Math.PI - ε) % (2 * Math.PI); } d3.geo.distance = function(a, b) { var Δλ = (b[0] - a[0]) * d3_radians, φ0 = a[1] * d3_radians, φ1 = b[1] * d3_radians, sinΔλ = Math.sin(Δλ), cosΔλ = Math.cos(Δλ), sinφ0 = Math.sin(φ0), cosφ0 = Math.cos(φ0), sinφ1 = Math.sin(φ1), cosφ1 = Math.cos(φ1), t; return Math.atan2(Math.sqrt((t = cosφ1 * sinΔλ) * t + (t = cosφ0 * sinφ1 - sinφ0 * cosφ1 * cosΔλ) * t), sinφ0 * sinφ1 + cosφ0 * cosφ1 * cosΔλ); }; d3.geo.graticule = function() { var x1, x0, X1, X0, y1, y0, Y1, Y0, dx = 10, dy = dx, DX = 90, DY = 360, x, y, X, Y, precision = 2.5; function graticule() { return { type: "MultiLineString", coordinates: lines() }; } function lines() { return d3.range(Math.ceil(X0 / DX) * DX, X1, DX).map(X).concat(d3.range(Math.ceil(Y0 / DY) * DY, Y1, DY).map(Y)).concat(d3.range(Math.ceil(x0 / dx) * dx, x1, dx).filter(function(x) { return abs(x % DX) > ε; }).map(x)).concat(d3.range(Math.ceil(y0 / dy) * dy, y1, dy).filter(function(y) { return abs(y % DY) > ε; }).map(y)); } graticule.lines = function() { return lines().map(function(coordinates) { return { type: "LineString", coordinates: coordinates }; }); }; graticule.outline = function() { return { type: "Polygon", coordinates: [ X(X0).concat(Y(Y1).slice(1), X(X1).reverse().slice(1), Y(Y0).reverse().slice(1)) ] }; }; graticule.extent = function(_) { if (!arguments.length) return graticule.minorExtent(); return graticule.majorExtent(_).minorExtent(_); }; graticule.majorExtent = function(_) { if (!arguments.length) return [ [ X0, Y0 ], [ X1, Y1 ] ]; X0 = +_[0][0], X1 = +_[1][0]; Y0 = +_[0][1], Y1 = +_[1][1]; if (X0 > X1) _ = X0, X0 = X1, X1 = _; if (Y0 > Y1) _ = Y0, Y0 = Y1, Y1 = _; return graticule.precision(precision); }; graticule.minorExtent = function(_) { if (!arguments.length) return [ [ x0, y0 ], [ x1, y1 ] ]; x0 = +_[0][0], x1 = +_[1][0]; y0 = +_[0][1], y1 = +_[1][1]; if (x0 > x1) _ = x0, x0 = x1, x1 = _; if (y0 > y1) _ = y0, y0 = y1, y1 = _; return graticule.precision(precision); }; graticule.step = function(_) { if (!arguments.length) return graticule.minorStep(); return graticule.majorStep(_).minorStep(_); }; graticule.majorStep = function(_) { if (!arguments.length) return [ DX, DY ]; DX = +_[0], DY = +_[1]; return graticule; }; graticule.minorStep = function(_) { if (!arguments.length) return [ dx, dy ]; dx = +_[0], dy = +_[1]; return graticule; }; graticule.precision = function(_) { if (!arguments.length) return precision; precision = +_; x = d3_geo_graticuleX(y0, y1, 90); y = d3_geo_graticuleY(x0, x1, precision); X = d3_geo_graticuleX(Y0, Y1, 90); Y = d3_geo_graticuleY(X0, X1, precision); return graticule; }; return graticule.majorExtent([ [ -180, -90 + ε ], [ 180, 90 - ε ] ]).minorExtent([ [ -180, -80 - ε ], [ 180, 80 + ε ] ]); }; function d3_geo_graticuleX(y0, y1, dy) { var y = d3.range(y0, y1 - ε, dy).concat(y1); return function(x) { return y.map(function(y) { return [ x, y ]; }); }; } function d3_geo_graticuleY(x0, x1, dx) { var x = d3.range(x0, x1 - ε, dx).concat(x1); return function(y) { return x.map(function(x) { return [ x, y ]; }); }; } function d3_source(d) { return d.source; } function d3_target(d) { return d.target; } d3.geo.greatArc = function() { var source = d3_source, source_, target = d3_target, target_; function greatArc() { return { type: "LineString", coordinates: [ source_ || source.apply(this, arguments), target_ || target.apply(this, arguments) ] }; } greatArc.distance = function() { return d3.geo.distance(source_ || source.apply(this, arguments), target_ || target.apply(this, arguments)); }; greatArc.source = function(_) { if (!arguments.length) return source; source = _, source_ = typeof _ === "function" ? null : _; return greatArc; }; greatArc.target = function(_) { if (!arguments.length) return target; target = _, target_ = typeof _ === "function" ? null : _; return greatArc; }; greatArc.precision = function() { return arguments.length ? greatArc : 0; }; return greatArc; }; d3.geo.interpolate = function(source, target) { return d3_geo_interpolate(source[0] * d3_radians, source[1] * d3_radians, target[0] * d3_radians, target[1] * d3_radians); }; function d3_geo_interpolate(x0, y0, x1, y1) { var cy0 = Math.cos(y0), sy0 = Math.sin(y0), cy1 = Math.cos(y1), sy1 = Math.sin(y1), kx0 = cy0 * Math.cos(x0), ky0 = cy0 * Math.sin(x0), kx1 = cy1 * Math.cos(x1), ky1 = cy1 * Math.sin(x1), d = 2 * Math.asin(Math.sqrt(d3_haversin(y1 - y0) + cy0 * cy1 * d3_haversin(x1 - x0))), k = 1 / Math.sin(d); var interpolate = d ? function(t) { var B = Math.sin(t *= d) * k, A = Math.sin(d - t) * k, x = A * kx0 + B * kx1, y = A * ky0 + B * ky1, z = A * sy0 + B * sy1; return [ Math.atan2(y, x) * d3_degrees, Math.atan2(z, Math.sqrt(x * x + y * y)) * d3_degrees ]; } : function() { return [ x0 * d3_degrees, y0 * d3_degrees ]; }; interpolate.distance = d; return interpolate; } d3.geo.length = function(object) { d3_geo_lengthSum = 0; d3.geo.stream(object, d3_geo_length); return d3_geo_lengthSum; }; var d3_geo_lengthSum; var d3_geo_length = { sphere: d3_noop, point: d3_noop, lineStart: d3_geo_lengthLineStart, lineEnd: d3_noop, polygonStart: d3_noop, polygonEnd: d3_noop }; function d3_geo_lengthLineStart() { var λ0, sinφ0, cosφ0; d3_geo_length.point = function(λ, φ) { λ0 = λ * d3_radians, sinφ0 = Math.sin(φ *= d3_radians), cosφ0 = Math.cos(φ); d3_geo_length.point = nextPoint; }; d3_geo_length.lineEnd = function() { d3_geo_length.point = d3_geo_length.lineEnd = d3_noop; }; function nextPoint(λ, φ) { var sinφ = Math.sin(φ *= d3_radians), cosφ = Math.cos(φ), t = abs((λ *= d3_radians) - λ0), cosΔλ = Math.cos(t); d3_geo_lengthSum += Math.atan2(Math.sqrt((t = cosφ * Math.sin(t)) * t + (t = cosφ0 * sinφ - sinφ0 * cosφ * cosΔλ) * t), sinφ0 * sinφ + cosφ0 * cosφ * cosΔλ); λ0 = λ, sinφ0 = sinφ, cosφ0 = cosφ; } } function d3_geo_azimuthal(scale, angle) { function azimuthal(λ, φ) { var cosλ = Math.cos(λ), cosφ = Math.cos(φ), k = scale(cosλ * cosφ); return [ k * cosφ * Math.sin(λ), k * Math.sin(φ) ]; } azimuthal.invert = function(x, y) { var ρ = Math.sqrt(x * x + y * y), c = angle(ρ), sinc = Math.sin(c), cosc = Math.cos(c); return [ Math.atan2(x * sinc, ρ * cosc), Math.asin(ρ && y * sinc / ρ) ]; }; return azimuthal; } var d3_geo_azimuthalEqualArea = d3_geo_azimuthal(function(cosλcosφ) { return Math.sqrt(2 / (1 + cosλcosφ)); }, function(ρ) { return 2 * Math.asin(ρ / 2); }); (d3.geo.azimuthalEqualArea = function() { return d3_geo_projection(d3_geo_azimuthalEqualArea); }).raw = d3_geo_azimuthalEqualArea; var d3_geo_azimuthalEquidistant = d3_geo_azimuthal(function(cosλcosφ) { var c = Math.acos(cosλcosφ); return c && c / Math.sin(c); }, d3_identity); (d3.geo.azimuthalEquidistant = function() { return d3_geo_projection(d3_geo_azimuthalEquidistant); }).raw = d3_geo_azimuthalEquidistant; function d3_geo_conicConformal(φ0, φ1) { var cosφ0 = Math.cos(φ0), t = function(φ) { return Math.tan(π / 4 + φ / 2); }, n = φ0 === φ1 ? Math.sin(φ0) : Math.log(cosφ0 / Math.cos(φ1)) / Math.log(t(φ1) / t(φ0)), F = cosφ0 * Math.pow(t(φ0), n) / n; if (!n) return d3_geo_mercator; function forward(λ, φ) { if (F > 0) { if (φ < -halfπ + ε) φ = -halfπ + ε; } else { if (φ > halfπ - ε) φ = halfπ - ε; } var ρ = F / Math.pow(t(φ), n); return [ ρ * Math.sin(n * λ), F - ρ * Math.cos(n * λ) ]; } forward.invert = function(x, y) { var ρ0_y = F - y, ρ = d3_sgn(n) * Math.sqrt(x * x + ρ0_y * ρ0_y); return [ Math.atan2(x, ρ0_y) / n, 2 * Math.atan(Math.pow(F / ρ, 1 / n)) - halfπ ]; }; return forward; } (d3.geo.conicConformal = function() { return d3_geo_conic(d3_geo_conicConformal); }).raw = d3_geo_conicConformal; function d3_geo_conicEquidistant(φ0, φ1) { var cosφ0 = Math.cos(φ0), n = φ0 === φ1 ? Math.sin(φ0) : (cosφ0 - Math.cos(φ1)) / (φ1 - φ0), G = cosφ0 / n + φ0; if (abs(n) < ε) return d3_geo_equirectangular; function forward(λ, φ) { var ρ = G - φ; return [ ρ * Math.sin(n * λ), G - ρ * Math.cos(n * λ) ]; } forward.invert = function(x, y) { var ρ0_y = G - y; return [ Math.atan2(x, ρ0_y) / n, G - d3_sgn(n) * Math.sqrt(x * x + ρ0_y * ρ0_y) ]; }; return forward; } (d3.geo.conicEquidistant = function() { return d3_geo_conic(d3_geo_conicEquidistant); }).raw = d3_geo_conicEquidistant; var d3_geo_gnomonic = d3_geo_azimuthal(function(cosλcosφ) { return 1 / cosλcosφ; }, Math.atan); (d3.geo.gnomonic = function() { return d3_geo_projection(d3_geo_gnomonic); }).raw = d3_geo_gnomonic; function d3_geo_mercator(λ, φ) { return [ λ, Math.log(Math.tan(π / 4 + φ / 2)) ]; } d3_geo_mercator.invert = function(x, y) { return [ x, 2 * Math.atan(Math.exp(y)) - halfπ ]; }; function d3_geo_mercatorProjection(project) { var m = d3_geo_projection(project), scale = m.scale, translate = m.translate, clipExtent = m.clipExtent, clipAuto; m.scale = function() { var v = scale.apply(m, arguments); return v === m ? clipAuto ? m.clipExtent(null) : m : v; }; m.translate = function() { var v = translate.apply(m, arguments); return v === m ? clipAuto ? m.clipExtent(null) : m : v; }; m.clipExtent = function(_) { var v = clipExtent.apply(m, arguments); if (v === m) { if (clipAuto = _ == null) { var k = π * scale(), t = translate(); clipExtent([ [ t[0] - k, t[1] - k ], [ t[0] + k, t[1] + k ] ]); } } else if (clipAuto) { v = null; } return v; }; return m.clipExtent(null); } (d3.geo.mercator = function() { return d3_geo_mercatorProjection(d3_geo_mercator); }).raw = d3_geo_mercator; var d3_geo_orthographic = d3_geo_azimuthal(function() { return 1; }, Math.asin); (d3.geo.orthographic = function() { return d3_geo_projection(d3_geo_orthographic); }).raw = d3_geo_orthographic; var d3_geo_stereographic = d3_geo_azimuthal(function(cosλcosφ) { return 1 / (1 + cosλcosφ); }, function(ρ) { return 2 * Math.atan(ρ); }); (d3.geo.stereographic = function() { return d3_geo_projection(d3_geo_stereographic); }).raw = d3_geo_stereographic; function d3_geo_transverseMercator(λ, φ) { return [ Math.log(Math.tan(π / 4 + φ / 2)), -λ ]; } d3_geo_transverseMercator.invert = function(x, y) { return [ -y, 2 * Math.atan(Math.exp(x)) - halfπ ]; }; (d3.geo.transverseMercator = function() { var projection = d3_geo_mercatorProjection(d3_geo_transverseMercator), center = projection.center, rotate = projection.rotate; projection.center = function(_) { return _ ? center([ -_[1], _[0] ]) : (_ = center(), [ _[1], -_[0] ]); }; projection.rotate = function(_) { return _ ? rotate([ _[0], _[1], _.length > 2 ? _[2] + 90 : 90 ]) : (_ = rotate(), [ _[0], _[1], _[2] - 90 ]); }; return rotate([ 0, 0, 90 ]); }).raw = d3_geo_transverseMercator; d3.geom = {}; function d3_geom_pointX(d) { return d[0]; } function d3_geom_pointY(d) { return d[1]; } d3.geom.hull = function(vertices) { var x = d3_geom_pointX, y = d3_geom_pointY; if (arguments.length) return hull(vertices); function hull(data) { if (data.length < 3) return []; var fx = d3_functor(x), fy = d3_functor(y), i, n = data.length, points = [], flippedPoints = []; for (i = 0; i < n; i++) { points.push([ +fx.call(this, data[i], i), +fy.call(this, data[i], i), i ]); } points.sort(d3_geom_hullOrder); for (i = 0; i < n; i++) flippedPoints.push([ points[i][0], -points[i][1] ]); var upper = d3_geom_hullUpper(points), lower = d3_geom_hullUpper(flippedPoints); var skipLeft = lower[0] === upper[0], skipRight = lower[lower.length - 1] === upper[upper.length - 1], polygon = []; for (i = upper.length - 1; i >= 0; --i) polygon.push(data[points[upper[i]][2]]); for (i = +skipLeft; i < lower.length - skipRight; ++i) polygon.push(data[points[lower[i]][2]]); return polygon; } hull.x = function(_) { return arguments.length ? (x = _, hull) : x; }; hull.y = function(_) { return arguments.length ? (y = _, hull) : y; }; return hull; }; function d3_geom_hullUpper(points) { var n = points.length, hull = [ 0, 1 ], hs = 2; for (var i = 2; i < n; i++) { while (hs > 1 && d3_cross2d(points[hull[hs - 2]], points[hull[hs - 1]], points[i]) <= 0) --hs; hull[hs++] = i; } return hull.slice(0, hs); } function d3_geom_hullOrder(a, b) { return a[0] - b[0] || a[1] - b[1]; } d3.geom.polygon = function(coordinates) { d3_subclass(coordinates, d3_geom_polygonPrototype); return coordinates; }; var d3_geom_polygonPrototype = d3.geom.polygon.prototype = []; d3_geom_polygonPrototype.area = function() { var i = -1, n = this.length, a, b = this[n - 1], area = 0; while (++i < n) { a = b; b = this[i]; area += a[1] * b[0] - a[0] * b[1]; } return area * .5; }; d3_geom_polygonPrototype.centroid = function(k) { var i = -1, n = this.length, x = 0, y = 0, a, b = this[n - 1], c; if (!arguments.length) k = -1 / (6 * this.area()); while (++i < n) { a = b; b = this[i]; c = a[0] * b[1] - b[0] * a[1]; x += (a[0] + b[0]) * c; y += (a[1] + b[1]) * c; } return [ x * k, y * k ]; }; d3_geom_polygonPrototype.clip = function(subject) { var input, closed = d3_geom_polygonClosed(subject), i = -1, n = this.length - d3_geom_polygonClosed(this), j, m, a = this[n - 1], b, c, d; while (++i < n) { input = subject.slice(); subject.length = 0; b = this[i]; c = input[(m = input.length - closed) - 1]; j = -1; while (++j < m) { d = input[j]; if (d3_geom_polygonInside(d, a, b)) { if (!d3_geom_polygonInside(c, a, b)) { subject.push(d3_geom_polygonIntersect(c, d, a, b)); } subject.push(d); } else if (d3_geom_polygonInside(c, a, b)) { subject.push(d3_geom_polygonIntersect(c, d, a, b)); } c = d; } if (closed) subject.push(subject[0]); a = b; } return subject; }; function d3_geom_polygonInside(p, a, b) { return (b[0] - a[0]) * (p[1] - a[1]) < (b[1] - a[1]) * (p[0] - a[0]); } function d3_geom_polygonIntersect(c, d, a, b) { var x1 = c[0], x3 = a[0], x21 = d[0] - x1, x43 = b[0] - x3, y1 = c[1], y3 = a[1], y21 = d[1] - y1, y43 = b[1] - y3, ua = (x43 * (y1 - y3) - y43 * (x1 - x3)) / (y43 * x21 - x43 * y21); return [ x1 + ua * x21, y1 + ua * y21 ]; } function d3_geom_polygonClosed(coordinates) { var a = coordinates[0], b = coordinates[coordinates.length - 1]; return !(a[0] - b[0] || a[1] - b[1]); } var d3_geom_voronoiEdges, d3_geom_voronoiCells, d3_geom_voronoiBeaches, d3_geom_voronoiBeachPool = [], d3_geom_voronoiFirstCircle, d3_geom_voronoiCircles, d3_geom_voronoiCirclePool = []; function d3_geom_voronoiBeach() { d3_geom_voronoiRedBlackNode(this); this.edge = this.site = this.circle = null; } function d3_geom_voronoiCreateBeach(site) { var beach = d3_geom_voronoiBeachPool.pop() || new d3_geom_voronoiBeach(); beach.site = site; return beach; } function d3_geom_voronoiDetachBeach(beach) { d3_geom_voronoiDetachCircle(beach); d3_geom_voronoiBeaches.remove(beach); d3_geom_voronoiBeachPool.push(beach); d3_geom_voronoiRedBlackNode(beach); } function d3_geom_voronoiRemoveBeach(beach) { var circle = beach.circle, x = circle.x, y = circle.cy, vertex = { x: x, y: y }, previous = beach.P, next = beach.N, disappearing = [ beach ]; d3_geom_voronoiDetachBeach(beach); var lArc = previous; while (lArc.circle && abs(x - lArc.circle.x) < ε && abs(y - lArc.circle.cy) < ε) { previous = lArc.P; disappearing.unshift(lArc); d3_geom_voronoiDetachBeach(lArc); lArc = previous; } disappearing.unshift(lArc); d3_geom_voronoiDetachCircle(lArc); var rArc = next; while (rArc.circle && abs(x - rArc.circle.x) < ε && abs(y - rArc.circle.cy) < ε) { next = rArc.N; disappearing.push(rArc); d3_geom_voronoiDetachBeach(rArc); rArc = next; } disappearing.push(rArc); d3_geom_voronoiDetachCircle(rArc); var nArcs = disappearing.length, iArc; for (iArc = 1; iArc < nArcs; ++iArc) { rArc = disappearing[iArc]; lArc = disappearing[iArc - 1]; d3_geom_voronoiSetEdgeEnd(rArc.edge, lArc.site, rArc.site, vertex); } lArc = disappearing[0]; rArc = disappearing[nArcs - 1]; rArc.edge = d3_geom_voronoiCreateEdge(lArc.site, rArc.site, null, vertex); d3_geom_voronoiAttachCircle(lArc); d3_geom_voronoiAttachCircle(rArc); } function d3_geom_voronoiAddBeach(site) { var x = site.x, directrix = site.y, lArc, rArc, dxl, dxr, node = d3_geom_voronoiBeaches._; while (node) { dxl = d3_geom_voronoiLeftBreakPoint(node, directrix) - x; if (dxl > ε) node = node.L; else { dxr = x - d3_geom_voronoiRightBreakPoint(node, directrix); if (dxr > ε) { if (!node.R) { lArc = node; break; } node = node.R; } else { if (dxl > -ε) { lArc = node.P; rArc = node; } else if (dxr > -ε) { lArc = node; rArc = node.N; } else { lArc = rArc = node; } break; } } } var newArc = d3_geom_voronoiCreateBeach(site); d3_geom_voronoiBeaches.insert(lArc, newArc); if (!lArc && !rArc) return; if (lArc === rArc) { d3_geom_voronoiDetachCircle(lArc); rArc = d3_geom_voronoiCreateBeach(lArc.site); d3_geom_voronoiBeaches.insert(newArc, rArc); newArc.edge = rArc.edge = d3_geom_voronoiCreateEdge(lArc.site, newArc.site); d3_geom_voronoiAttachCircle(lArc); d3_geom_voronoiAttachCircle(rArc); return; } if (!rArc) { newArc.edge = d3_geom_voronoiCreateEdge(lArc.site, newArc.site); return; } d3_geom_voronoiDetachCircle(lArc); d3_geom_voronoiDetachCircle(rArc); var lSite = lArc.site, ax = lSite.x, ay = lSite.y, bx = site.x - ax, by = site.y - ay, rSite = rArc.site, cx = rSite.x - ax, cy = rSite.y - ay, d = 2 * (bx * cy - by * cx), hb = bx * bx + by * by, hc = cx * cx + cy * cy, vertex = { x: (cy * hb - by * hc) / d + ax, y: (bx * hc - cx * hb) / d + ay }; d3_geom_voronoiSetEdgeEnd(rArc.edge, lSite, rSite, vertex); newArc.edge = d3_geom_voronoiCreateEdge(lSite, site, null, vertex); rArc.edge = d3_geom_voronoiCreateEdge(site, rSite, null, vertex); d3_geom_voronoiAttachCircle(lArc); d3_geom_voronoiAttachCircle(rArc); } function d3_geom_voronoiLeftBreakPoint(arc, directrix) { var site = arc.site, rfocx = site.x, rfocy = site.y, pby2 = rfocy - directrix; if (!pby2) return rfocx; var lArc = arc.P; if (!lArc) return -Infinity; site = lArc.site; var lfocx = site.x, lfocy = site.y, plby2 = lfocy - directrix; if (!plby2) return lfocx; var hl = lfocx - rfocx, aby2 = 1 / pby2 - 1 / plby2, b = hl / plby2; if (aby2) return (-b + Math.sqrt(b * b - 2 * aby2 * (hl * hl / (-2 * plby2) - lfocy + plby2 / 2 + rfocy - pby2 / 2))) / aby2 + rfocx; return (rfocx + lfocx) / 2; } function d3_geom_voronoiRightBreakPoint(arc, directrix) { var rArc = arc.N; if (rArc) return d3_geom_voronoiLeftBreakPoint(rArc, directrix); var site = arc.site; return site.y === directrix ? site.x : Infinity; } function d3_geom_voronoiCell(site) { this.site = site; this.edges = []; } d3_geom_voronoiCell.prototype.prepare = function() { var halfEdges = this.edges, iHalfEdge = halfEdges.length, edge; while (iHalfEdge--) { edge = halfEdges[iHalfEdge].edge; if (!edge.b || !edge.a) halfEdges.splice(iHalfEdge, 1); } halfEdges.sort(d3_geom_voronoiHalfEdgeOrder); return halfEdges.length; }; function d3_geom_voronoiCloseCells(extent) { var x0 = extent[0][0], x1 = extent[1][0], y0 = extent[0][1], y1 = extent[1][1], x2, y2, x3, y3, cells = d3_geom_voronoiCells, iCell = cells.length, cell, iHalfEdge, halfEdges, nHalfEdges, start, end; while (iCell--) { cell = cells[iCell]; if (!cell || !cell.prepare()) continue; halfEdges = cell.edges; nHalfEdges = halfEdges.length; iHalfEdge = 0; while (iHalfEdge < nHalfEdges) { end = halfEdges[iHalfEdge].end(), x3 = end.x, y3 = end.y; start = halfEdges[++iHalfEdge % nHalfEdges].start(), x2 = start.x, y2 = start.y; if (abs(x3 - x2) > ε || abs(y3 - y2) > ε) { halfEdges.splice(iHalfEdge, 0, new d3_geom_voronoiHalfEdge(d3_geom_voronoiCreateBorderEdge(cell.site, end, abs(x3 - x0) < ε && y1 - y3 > ε ? { x: x0, y: abs(x2 - x0) < ε ? y2 : y1 } : abs(y3 - y1) < ε && x1 - x3 > ε ? { x: abs(y2 - y1) < ε ? x2 : x1, y: y1 } : abs(x3 - x1) < ε && y3 - y0 > ε ? { x: x1, y: abs(x2 - x1) < ε ? y2 : y0 } : abs(y3 - y0) < ε && x3 - x0 > ε ? { x: abs(y2 - y0) < ε ? x2 : x0, y: y0 } : null), cell.site, null)); ++nHalfEdges; } } } } function d3_geom_voronoiHalfEdgeOrder(a, b) { return b.angle - a.angle; } function d3_geom_voronoiCircle() { d3_geom_voronoiRedBlackNode(this); this.x = this.y = this.arc = this.site = this.cy = null; } function d3_geom_voronoiAttachCircle(arc) { var lArc = arc.P, rArc = arc.N; if (!lArc || !rArc) return; var lSite = lArc.site, cSite = arc.site, rSite = rArc.site; if (lSite === rSite) return; var bx = cSite.x, by = cSite.y, ax = lSite.x - bx, ay = lSite.y - by, cx = rSite.x - bx, cy = rSite.y - by; var d = 2 * (ax * cy - ay * cx); if (d >= -ε2) return; var ha = ax * ax + ay * ay, hc = cx * cx + cy * cy, x = (cy * ha - ay * hc) / d, y = (ax * hc - cx * ha) / d, cy = y + by; var circle = d3_geom_voronoiCirclePool.pop() || new d3_geom_voronoiCircle(); circle.arc = arc; circle.site = cSite; circle.x = x + bx; circle.y = cy + Math.sqrt(x * x + y * y); circle.cy = cy; arc.circle = circle; var before = null, node = d3_geom_voronoiCircles._; while (node) { if (circle.y < node.y || circle.y === node.y && circle.x <= node.x) { if (node.L) node = node.L; else { before = node.P; break; } } else { if (node.R) node = node.R; else { before = node; break; } } } d3_geom_voronoiCircles.insert(before, circle); if (!before) d3_geom_voronoiFirstCircle = circle; } function d3_geom_voronoiDetachCircle(arc) { var circle = arc.circle; if (circle) { if (!circle.P) d3_geom_voronoiFirstCircle = circle.N; d3_geom_voronoiCircles.remove(circle); d3_geom_voronoiCirclePool.push(circle); d3_geom_voronoiRedBlackNode(circle); arc.circle = null; } } function d3_geom_voronoiClipEdges(extent) { var edges = d3_geom_voronoiEdges, clip = d3_geom_clipLine(extent[0][0], extent[0][1], extent[1][0], extent[1][1]), i = edges.length, e; while (i--) { e = edges[i]; if (!d3_geom_voronoiConnectEdge(e, extent) || !clip(e) || abs(e.a.x - e.b.x) < ε && abs(e.a.y - e.b.y) < ε) { e.a = e.b = null; edges.splice(i, 1); } } } function d3_geom_voronoiConnectEdge(edge, extent) { var vb = edge.b; if (vb) return true; var va = edge.a, x0 = extent[0][0], x1 = extent[1][0], y0 = extent[0][1], y1 = extent[1][1], lSite = edge.l, rSite = edge.r, lx = lSite.x, ly = lSite.y, rx = rSite.x, ry = rSite.y, fx = (lx + rx) / 2, fy = (ly + ry) / 2, fm, fb; if (ry === ly) { if (fx < x0 || fx >= x1) return; if (lx > rx) { if (!va) va = { x: fx, y: y0 }; else if (va.y >= y1) return; vb = { x: fx, y: y1 }; } else { if (!va) va = { x: fx, y: y1 }; else if (va.y < y0) return; vb = { x: fx, y: y0 }; } } else { fm = (lx - rx) / (ry - ly); fb = fy - fm * fx; if (fm < -1 || fm > 1) { if (lx > rx) { if (!va) va = { x: (y0 - fb) / fm, y: y0 }; else if (va.y >= y1) return; vb = { x: (y1 - fb) / fm, y: y1 }; } else { if (!va) va = { x: (y1 - fb) / fm, y: y1 }; else if (va.y < y0) return; vb = { x: (y0 - fb) / fm, y: y0 }; } } else { if (ly < ry) { if (!va) va = { x: x0, y: fm * x0 + fb }; else if (va.x >= x1) return; vb = { x: x1, y: fm * x1 + fb }; } else { if (!va) va = { x: x1, y: fm * x1 + fb }; else if (va.x < x0) return; vb = { x: x0, y: fm * x0 + fb }; } } } edge.a = va; edge.b = vb; return true; } function d3_geom_voronoiEdge(lSite, rSite) { this.l = lSite; this.r = rSite; this.a = this.b = null; } function d3_geom_voronoiCreateEdge(lSite, rSite, va, vb) { var edge = new d3_geom_voronoiEdge(lSite, rSite); d3_geom_voronoiEdges.push(edge); if (va) d3_geom_voronoiSetEdgeEnd(edge, lSite, rSite, va); if (vb) d3_geom_voronoiSetEdgeEnd(edge, rSite, lSite, vb); d3_geom_voronoiCells[lSite.i].edges.push(new d3_geom_voronoiHalfEdge(edge, lSite, rSite)); d3_geom_voronoiCells[rSite.i].edges.push(new d3_geom_voronoiHalfEdge(edge, rSite, lSite)); return edge; } function d3_geom_voronoiCreateBorderEdge(lSite, va, vb) { var edge = new d3_geom_voronoiEdge(lSite, null); edge.a = va; edge.b = vb; d3_geom_voronoiEdges.push(edge); return edge; } function d3_geom_voronoiSetEdgeEnd(edge, lSite, rSite, vertex) { if (!edge.a && !edge.b) { edge.a = vertex; edge.l = lSite; edge.r = rSite; } else if (edge.l === rSite) { edge.b = vertex; } else { edge.a = vertex; } } function d3_geom_voronoiHalfEdge(edge, lSite, rSite) { var va = edge.a, vb = edge.b; this.edge = edge; this.site = lSite; this.angle = rSite ? Math.atan2(rSite.y - lSite.y, rSite.x - lSite.x) : edge.l === lSite ? Math.atan2(vb.x - va.x, va.y - vb.y) : Math.atan2(va.x - vb.x, vb.y - va.y); } d3_geom_voronoiHalfEdge.prototype = { start: function() { return this.edge.l === this.site ? this.edge.a : this.edge.b; }, end: function() { return this.edge.l === this.site ? this.edge.b : this.edge.a; } }; function d3_geom_voronoiRedBlackTree() { this._ = null; } function d3_geom_voronoiRedBlackNode(node) { node.U = node.C = node.L = node.R = node.P = node.N = null; } d3_geom_voronoiRedBlackTree.prototype = { insert: function(after, node) { var parent, grandpa, uncle; if (after) { node.P = after; node.N = after.N; if (after.N) after.N.P = node; after.N = node; if (after.R) { after = after.R; while (after.L) after = after.L; after.L = node; } else { after.R = node; } parent = after; } else if (this._) { after = d3_geom_voronoiRedBlackFirst(this._); node.P = null; node.N = after; after.P = after.L = node; parent = after; } else { node.P = node.N = null; this._ = node; parent = null; } node.L = node.R = null; node.U = parent; node.C = true; after = node; while (parent && parent.C) { grandpa = parent.U; if (parent === grandpa.L) { uncle = grandpa.R; if (uncle && uncle.C) { parent.C = uncle.C = false; grandpa.C = true; after = grandpa; } else { if (after === parent.R) { d3_geom_voronoiRedBlackRotateLeft(this, parent); after = parent; parent = after.U; } parent.C = false; grandpa.C = true; d3_geom_voronoiRedBlackRotateRight(this, grandpa); } } else { uncle = grandpa.L; if (uncle && uncle.C) { parent.C = uncle.C = false; grandpa.C = true; after = grandpa; } else { if (after === parent.L) { d3_geom_voronoiRedBlackRotateRight(this, parent); after = parent; parent = after.U; } parent.C = false; grandpa.C = true; d3_geom_voronoiRedBlackRotateLeft(this, grandpa); } } parent = after.U; } this._.C = false; }, remove: function(node) { if (node.N) node.N.P = node.P; if (node.P) node.P.N = node.N; node.N = node.P = null; var parent = node.U, sibling, left = node.L, right = node.R, next, red; if (!left) next = right; else if (!right) next = left; else next = d3_geom_voronoiRedBlackFirst(right); if (parent) { if (parent.L === node) parent.L = next; else parent.R = next; } else { this._ = next; } if (left && right) { red = next.C; next.C = node.C; next.L = left; left.U = next; if (next !== right) { parent = next.U; next.U = node.U; node = next.R; parent.L = node; next.R = right; right.U = next; } else { next.U = parent; parent = next; node = next.R; } } else { red = node.C; node = next; } if (node) node.U = parent; if (red) return; if (node && node.C) { node.C = false; return; } do { if (node === this._) break; if (node === parent.L) { sibling = parent.R; if (sibling.C) { sibling.C = false; parent.C = true; d3_geom_voronoiRedBlackRotateLeft(this, parent); sibling = parent.R; } if (sibling.L && sibling.L.C || sibling.R && sibling.R.C) { if (!sibling.R || !sibling.R.C) { sibling.L.C = false; sibling.C = true; d3_geom_voronoiRedBlackRotateRight(this, sibling); sibling = parent.R; } sibling.C = parent.C; parent.C = sibling.R.C = false; d3_geom_voronoiRedBlackRotateLeft(this, parent); node = this._; break; } } else { sibling = parent.L; if (sibling.C) { sibling.C = false; parent.C = true; d3_geom_voronoiRedBlackRotateRight(this, parent); sibling = parent.L; } if (sibling.L && sibling.L.C || sibling.R && sibling.R.C) { if (!sibling.L || !sibling.L.C) { sibling.R.C = false; sibling.C = true; d3_geom_voronoiRedBlackRotateLeft(this, sibling); sibling = parent.L; } sibling.C = parent.C; parent.C = sibling.L.C = false; d3_geom_voronoiRedBlackRotateRight(this, parent); node = this._; break; } } sibling.C = true; node = parent; parent = parent.U; } while (!node.C); if (node) node.C = false; } }; function d3_geom_voronoiRedBlackRotateLeft(tree, node) { var p = node, q = node.R, parent = p.U; if (parent) { if (parent.L === p) parent.L = q; else parent.R = q; } else { tree._ = q; } q.U = parent; p.U = q; p.R = q.L; if (p.R) p.R.U = p; q.L = p; } function d3_geom_voronoiRedBlackRotateRight(tree, node) { var p = node, q = node.L, parent = p.U; if (parent) { if (parent.L === p) parent.L = q; else parent.R = q; } else { tree._ = q; } q.U = parent; p.U = q; p.L = q.R; if (p.L) p.L.U = p; q.R = p; } function d3_geom_voronoiRedBlackFirst(node) { while (node.L) node = node.L; return node; } function d3_geom_voronoi(sites, bbox) { var site = sites.sort(d3_geom_voronoiVertexOrder).pop(), x0, y0, circle; d3_geom_voronoiEdges = []; d3_geom_voronoiCells = new Array(sites.length); d3_geom_voronoiBeaches = new d3_geom_voronoiRedBlackTree(); d3_geom_voronoiCircles = new d3_geom_voronoiRedBlackTree(); while (true) { circle = d3_geom_voronoiFirstCircle; if (site && (!circle || site.y < circle.y || site.y === circle.y && site.x < circle.x)) { if (site.x !== x0 || site.y !== y0) { d3_geom_voronoiCells[site.i] = new d3_geom_voronoiCell(site); d3_geom_voronoiAddBeach(site); x0 = site.x, y0 = site.y; } site = sites.pop(); } else if (circle) { d3_geom_voronoiRemoveBeach(circle.arc); } else { break; } } if (bbox) d3_geom_voronoiClipEdges(bbox), d3_geom_voronoiCloseCells(bbox); var diagram = { cells: d3_geom_voronoiCells, edges: d3_geom_voronoiEdges }; d3_geom_voronoiBeaches = d3_geom_voronoiCircles = d3_geom_voronoiEdges = d3_geom_voronoiCells = null; return diagram; } function d3_geom_voronoiVertexOrder(a, b) { return b.y - a.y || b.x - a.x; } d3.geom.voronoi = function(points) { var x = d3_geom_pointX, y = d3_geom_pointY, fx = x, fy = y, clipExtent = d3_geom_voronoiClipExtent; if (points) return voronoi(points); function voronoi(data) { var polygons = new Array(data.length), x0 = clipExtent[0][0], y0 = clipExtent[0][1], x1 = clipExtent[1][0], y1 = clipExtent[1][1]; d3_geom_voronoi(sites(data), clipExtent).cells.forEach(function(cell, i) { var edges = cell.edges, site = cell.site, polygon = polygons[i] = edges.length ? edges.map(function(e) { var s = e.start(); return [ s.x, s.y ]; }) : site.x >= x0 && site.x <= x1 && site.y >= y0 && site.y <= y1 ? [ [ x0, y1 ], [ x1, y1 ], [ x1, y0 ], [ x0, y0 ] ] : []; polygon.point = data[i]; }); return polygons; } function sites(data) { return data.map(function(d, i) { return { x: Math.round(fx(d, i) / ε) * ε, y: Math.round(fy(d, i) / ε) * ε, i: i }; }); } voronoi.links = function(data) { return d3_geom_voronoi(sites(data)).edges.filter(function(edge) { return edge.l && edge.r; }).map(function(edge) { return { source: data[edge.l.i], target: data[edge.r.i] }; }); }; voronoi.triangles = function(data) { var triangles = []; d3_geom_voronoi(sites(data)).cells.forEach(function(cell, i) { var site = cell.site, edges = cell.edges.sort(d3_geom_voronoiHalfEdgeOrder), j = -1, m = edges.length, e0, s0, e1 = edges[m - 1].edge, s1 = e1.l === site ? e1.r : e1.l; while (++j < m) { e0 = e1; s0 = s1; e1 = edges[j].edge; s1 = e1.l === site ? e1.r : e1.l; if (i < s0.i && i < s1.i && d3_geom_voronoiTriangleArea(site, s0, s1) < 0) { triangles.push([ data[i], data[s0.i], data[s1.i] ]); } } }); return triangles; }; voronoi.x = function(_) { return arguments.length ? (fx = d3_functor(x = _), voronoi) : x; }; voronoi.y = function(_) { return arguments.length ? (fy = d3_functor(y = _), voronoi) : y; }; voronoi.clipExtent = function(_) { if (!arguments.length) return clipExtent === d3_geom_voronoiClipExtent ? null : clipExtent; clipExtent = _ == null ? d3_geom_voronoiClipExtent : _; return voronoi; }; voronoi.size = function(_) { if (!arguments.length) return clipExtent === d3_geom_voronoiClipExtent ? null : clipExtent && clipExtent[1]; return voronoi.clipExtent(_ && [ [ 0, 0 ], _ ]); }; return voronoi; }; var d3_geom_voronoiClipExtent = [ [ -1e6, -1e6 ], [ 1e6, 1e6 ] ]; function d3_geom_voronoiTriangleArea(a, b, c) { return (a.x - c.x) * (b.y - a.y) - (a.x - b.x) * (c.y - a.y); } d3.geom.delaunay = function(vertices) { return d3.geom.voronoi().triangles(vertices); }; d3.geom.quadtree = function(points, x1, y1, x2, y2) { var x = d3_geom_pointX, y = d3_geom_pointY, compat; if (compat = arguments.length) { x = d3_geom_quadtreeCompatX; y = d3_geom_quadtreeCompatY; if (compat === 3) { y2 = y1; x2 = x1; y1 = x1 = 0; } return quadtree(points); } function quadtree(data) { var d, fx = d3_functor(x), fy = d3_functor(y), xs, ys, i, n, x1_, y1_, x2_, y2_; if (x1 != null) { x1_ = x1, y1_ = y1, x2_ = x2, y2_ = y2; } else { x2_ = y2_ = -(x1_ = y1_ = Infinity); xs = [], ys = []; n = data.length; if (compat) for (i = 0; i < n; ++i) { d = data[i]; if (d.x < x1_) x1_ = d.x; if (d.y < y1_) y1_ = d.y; if (d.x > x2_) x2_ = d.x; if (d.y > y2_) y2_ = d.y; xs.push(d.x); ys.push(d.y); } else for (i = 0; i < n; ++i) { var x_ = +fx(d = data[i], i), y_ = +fy(d, i); if (x_ < x1_) x1_ = x_; if (y_ < y1_) y1_ = y_; if (x_ > x2_) x2_ = x_; if (y_ > y2_) y2_ = y_; xs.push(x_); ys.push(y_); } } var dx = x2_ - x1_, dy = y2_ - y1_; if (dx > dy) y2_ = y1_ + dx; else x2_ = x1_ + dy; function insert(n, d, x, y, x1, y1, x2, y2) { if (isNaN(x) || isNaN(y)) return; if (n.leaf) { var nx = n.x, ny = n.y; if (nx != null) { if (abs(nx - x) + abs(ny - y) < .01) { insertChild(n, d, x, y, x1, y1, x2, y2); } else { var nPoint = n.point; n.x = n.y = n.point = null; insertChild(n, nPoint, nx, ny, x1, y1, x2, y2); insertChild(n, d, x, y, x1, y1, x2, y2); } } else { n.x = x, n.y = y, n.point = d; } } else { insertChild(n, d, x, y, x1, y1, x2, y2); } } function insertChild(n, d, x, y, x1, y1, x2, y2) { var xm = (x1 + x2) * .5, ym = (y1 + y2) * .5, right = x >= xm, below = y >= ym, i = below << 1 | right; n.leaf = false; n = n.nodes[i] || (n.nodes[i] = d3_geom_quadtreeNode()); if (right) x1 = xm; else x2 = xm; if (below) y1 = ym; else y2 = ym; insert(n, d, x, y, x1, y1, x2, y2); } var root = d3_geom_quadtreeNode(); root.add = function(d) { insert(root, d, +fx(d, ++i), +fy(d, i), x1_, y1_, x2_, y2_); }; root.visit = function(f) { d3_geom_quadtreeVisit(f, root, x1_, y1_, x2_, y2_); }; root.find = function(point) { return d3_geom_quadtreeFind(root, point[0], point[1], x1_, y1_, x2_, y2_); }; i = -1; if (x1 == null) { while (++i < n) { insert(root, data[i], xs[i], ys[i], x1_, y1_, x2_, y2_); } --i; } else data.forEach(root.add); xs = ys = data = d = null; return root; } quadtree.x = function(_) { return arguments.length ? (x = _, quadtree) : x; }; quadtree.y = function(_) { return arguments.length ? (y = _, quadtree) : y; }; quadtree.extent = function(_) { if (!arguments.length) return x1 == null ? null : [ [ x1, y1 ], [ x2, y2 ] ]; if (_ == null) x1 = y1 = x2 = y2 = null; else x1 = +_[0][0], y1 = +_[0][1], x2 = +_[1][0], y2 = +_[1][1]; return quadtree; }; quadtree.size = function(_) { if (!arguments.length) return x1 == null ? null : [ x2 - x1, y2 - y1 ]; if (_ == null) x1 = y1 = x2 = y2 = null; else x1 = y1 = 0, x2 = +_[0], y2 = +_[1]; return quadtree; }; return quadtree; }; function d3_geom_quadtreeCompatX(d) { return d.x; } function d3_geom_quadtreeCompatY(d) { return d.y; } function d3_geom_quadtreeNode() { return { leaf: true, nodes: [], point: null, x: null, y: null }; } function d3_geom_quadtreeVisit(f, node, x1, y1, x2, y2) { if (!f(node, x1, y1, x2, y2)) { var sx = (x1 + x2) * .5, sy = (y1 + y2) * .5, children = node.nodes; if (children[0]) d3_geom_quadtreeVisit(f, children[0], x1, y1, sx, sy); if (children[1]) d3_geom_quadtreeVisit(f, children[1], sx, y1, x2, sy); if (children[2]) d3_geom_quadtreeVisit(f, children[2], x1, sy, sx, y2); if (children[3]) d3_geom_quadtreeVisit(f, children[3], sx, sy, x2, y2); } } function d3_geom_quadtreeFind(root, x, y, x0, y0, x3, y3) { var minDistance2 = Infinity, closestPoint; (function find(node, x1, y1, x2, y2) { if (x1 > x3 || y1 > y3 || x2 < x0 || y2 < y0) return; if (point = node.point) { var point, dx = x - node.x, dy = y - node.y, distance2 = dx * dx + dy * dy; if (distance2 < minDistance2) { var distance = Math.sqrt(minDistance2 = distance2); x0 = x - distance, y0 = y - distance; x3 = x + distance, y3 = y + distance; closestPoint = point; } } var children = node.nodes, xm = (x1 + x2) * .5, ym = (y1 + y2) * .5, right = x >= xm, below = y >= ym; for (var i = below << 1 | right, j = i + 4; i < j; ++i) { if (node = children[i & 3]) switch (i & 3) { case 0: find(node, x1, y1, xm, ym); break; case 1: find(node, xm, y1, x2, ym); break; case 2: find(node, x1, ym, xm, y2); break; case 3: find(node, xm, ym, x2, y2); break; } } })(root, x0, y0, x3, y3); return closestPoint; } d3.interpolateRgb = d3_interpolateRgb; function d3_interpolateRgb(a, b) { a = d3.rgb(a); b = d3.rgb(b); var ar = a.r, ag = a.g, ab = a.b, br = b.r - ar, bg = b.g - ag, bb = b.b - ab; return function(t) { return "#" + d3_rgb_hex(Math.round(ar + br * t)) + d3_rgb_hex(Math.round(ag + bg * t)) + d3_rgb_hex(Math.round(ab + bb * t)); }; } d3.interpolateObject = d3_interpolateObject; function d3_interpolateObject(a, b) { var i = {}, c = {}, k; for (k in a) { if (k in b) { i[k] = d3_interpolate(a[k], b[k]); } else { c[k] = a[k]; } } for (k in b) { if (!(k in a)) { c[k] = b[k]; } } return function(t) { for (k in i) c[k] = i[k](t); return c; }; } d3.interpolateNumber = d3_interpolateNumber; function d3_interpolateNumber(a, b) { a = +a, b = +b; return function(t) { return a * (1 - t) + b * t; }; } d3.interpolateString = d3_interpolateString; function d3_interpolateString(a, b) { var bi = d3_interpolate_numberA.lastIndex = d3_interpolate_numberB.lastIndex = 0, am, bm, bs, i = -1, s = [], q = []; a = a + "", b = b + ""; while ((am = d3_interpolate_numberA.exec(a)) && (bm = d3_interpolate_numberB.exec(b))) { if ((bs = bm.index) > bi) { bs = b.slice(bi, bs); if (s[i]) s[i] += bs; else s[++i] = bs; } if ((am = am[0]) === (bm = bm[0])) { if (s[i]) s[i] += bm; else s[++i] = bm; } else { s[++i] = null; q.push({ i: i, x: d3_interpolateNumber(am, bm) }); } bi = d3_interpolate_numberB.lastIndex; } if (bi < b.length) { bs = b.slice(bi); if (s[i]) s[i] += bs; else s[++i] = bs; } return s.length < 2 ? q[0] ? (b = q[0].x, function(t) { return b(t) + ""; }) : function() { return b; } : (b = q.length, function(t) { for (var i = 0, o; i < b; ++i) s[(o = q[i]).i] = o.x(t); return s.join(""); }); } var d3_interpolate_numberA = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g, d3_interpolate_numberB = new RegExp(d3_interpolate_numberA.source, "g"); d3.interpolate = d3_interpolate; function d3_interpolate(a, b) { var i = d3.interpolators.length, f; while (--i >= 0 && !(f = d3.interpolators[i](a, b))) ; return f; } d3.interpolators = [ function(a, b) { var t = typeof b; return (t === "string" ? d3_rgb_names.has(b.toLowerCase()) || /^(#|rgb\(|hsl\()/i.test(b) ? d3_interpolateRgb : d3_interpolateString : b instanceof d3_color ? d3_interpolateRgb : Array.isArray(b) ? d3_interpolateArray : t === "object" && isNaN(b) ? d3_interpolateObject : d3_interpolateNumber)(a, b); } ]; d3.interpolateArray = d3_interpolateArray; function d3_interpolateArray(a, b) { var x = [], c = [], na = a.length, nb = b.length, n0 = Math.min(a.length, b.length), i; for (i = 0; i < n0; ++i) x.push(d3_interpolate(a[i], b[i])); for (;i < na; ++i) c[i] = a[i]; for (;i < nb; ++i) c[i] = b[i]; return function(t) { for (i = 0; i < n0; ++i) c[i] = x[i](t); return c; }; } var d3_ease_default = function() { return d3_identity; }; var d3_ease = d3.map({ linear: d3_ease_default, poly: d3_ease_poly, quad: function() { return d3_ease_quad; }, cubic: function() { return d3_ease_cubic; }, sin: function() { return d3_ease_sin; }, exp: function() { return d3_ease_exp; }, circle: function() { return d3_ease_circle; }, elastic: d3_ease_elastic, back: d3_ease_back, bounce: function() { return d3_ease_bounce; } }); var d3_ease_mode = d3.map({ "in": d3_identity, out: d3_ease_reverse, "in-out": d3_ease_reflect, "out-in": function(f) { return d3_ease_reflect(d3_ease_reverse(f)); } }); d3.ease = function(name) { var i = name.indexOf("-"), t = i >= 0 ? name.slice(0, i) : name, m = i >= 0 ? name.slice(i + 1) : "in"; t = d3_ease.get(t) || d3_ease_default; m = d3_ease_mode.get(m) || d3_identity; return d3_ease_clamp(m(t.apply(null, d3_arraySlice.call(arguments, 1)))); }; function d3_ease_clamp(f) { return function(t) { return t <= 0 ? 0 : t >= 1 ? 1 : f(t); }; } function d3_ease_reverse(f) { return function(t) { return 1 - f(1 - t); }; } function d3_ease_reflect(f) { return function(t) { return .5 * (t < .5 ? f(2 * t) : 2 - f(2 - 2 * t)); }; } function d3_ease_quad(t) { return t * t; } function d3_ease_cubic(t) { return t * t * t; } function d3_ease_cubicInOut(t) { if (t <= 0) return 0; if (t >= 1) return 1; var t2 = t * t, t3 = t2 * t; return 4 * (t < .5 ? t3 : 3 * (t - t2) + t3 - .75); } function d3_ease_poly(e) { return function(t) { return Math.pow(t, e); }; } function d3_ease_sin(t) { return 1 - Math.cos(t * halfπ); } function d3_ease_exp(t) { return Math.pow(2, 10 * (t - 1)); } function d3_ease_circle(t) { return 1 - Math.sqrt(1 - t * t); } function d3_ease_elastic(a, p) { var s; if (arguments.length < 2) p = .45; if (arguments.length) s = p / τ * Math.asin(1 / a); else a = 1, s = p / 4; return function(t) { return 1 + a * Math.pow(2, -10 * t) * Math.sin((t - s) * τ / p); }; } function d3_ease_back(s) { if (!s) s = 1.70158; return function(t) { return t * t * ((s + 1) * t - s); }; } function d3_ease_bounce(t) { return t < 1 / 2.75 ? 7.5625 * t * t : t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + .75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + .9375 : 7.5625 * (t -= 2.625 / 2.75) * t + .984375; } d3.interpolateHcl = d3_interpolateHcl; function d3_interpolateHcl(a, b) { a = d3.hcl(a); b = d3.hcl(b); var ah = a.h, ac = a.c, al = a.l, bh = b.h - ah, bc = b.c - ac, bl = b.l - al; if (isNaN(bc)) bc = 0, ac = isNaN(ac) ? b.c : ac; if (isNaN(bh)) bh = 0, ah = isNaN(ah) ? b.h : ah; else if (bh > 180) bh -= 360; else if (bh < -180) bh += 360; return function(t) { return d3_hcl_lab(ah + bh * t, ac + bc * t, al + bl * t) + ""; }; } d3.interpolateHsl = d3_interpolateHsl; function d3_interpolateHsl(a, b) { a = d3.hsl(a); b = d3.hsl(b); var ah = a.h, as = a.s, al = a.l, bh = b.h - ah, bs = b.s - as, bl = b.l - al; if (isNaN(bs)) bs = 0, as = isNaN(as) ? b.s : as; if (isNaN(bh)) bh = 0, ah = isNaN(ah) ? b.h : ah; else if (bh > 180) bh -= 360; else if (bh < -180) bh += 360; return function(t) { return d3_hsl_rgb(ah + bh * t, as + bs * t, al + bl * t) + ""; }; } d3.interpolateLab = d3_interpolateLab; function d3_interpolateLab(a, b) { a = d3.lab(a); b = d3.lab(b); var al = a.l, aa = a.a, ab = a.b, bl = b.l - al, ba = b.a - aa, bb = b.b - ab; return function(t) { return d3_lab_rgb(al + bl * t, aa + ba * t, ab + bb * t) + ""; }; } d3.interpolateRound = d3_interpolateRound; function d3_interpolateRound(a, b) { b -= a; return function(t) { return Math.round(a + b * t); }; } d3.transform = function(string) { var g = d3_document.createElementNS(d3.ns.prefix.svg, "g"); return (d3.transform = function(string) { if (string != null) { g.setAttribute("transform", string); var t = g.transform.baseVal.consolidate(); } return new d3_transform(t ? t.matrix : d3_transformIdentity); })(string); }; function d3_transform(m) { var r0 = [ m.a, m.b ], r1 = [ m.c, m.d ], kx = d3_transformNormalize(r0), kz = d3_transformDot(r0, r1), ky = d3_transformNormalize(d3_transformCombine(r1, r0, -kz)) || 0; if (r0[0] * r1[1] < r1[0] * r0[1]) { r0[0] *= -1; r0[1] *= -1; kx *= -1; kz *= -1; } this.rotate = (kx ? Math.atan2(r0[1], r0[0]) : Math.atan2(-r1[0], r1[1])) * d3_degrees; this.translate = [ m.e, m.f ]; this.scale = [ kx, ky ]; this.skew = ky ? Math.atan2(kz, ky) * d3_degrees : 0; } d3_transform.prototype.toString = function() { return "translate(" + this.translate + ")rotate(" + this.rotate + ")skewX(" + this.skew + ")scale(" + this.scale + ")"; }; function d3_transformDot(a, b) { return a[0] * b[0] + a[1] * b[1]; } function d3_transformNormalize(a) { var k = Math.sqrt(d3_transformDot(a, a)); if (k) { a[0] /= k; a[1] /= k; } return k; } function d3_transformCombine(a, b, k) { a[0] += k * b[0]; a[1] += k * b[1]; return a; } var d3_transformIdentity = { a: 1, b: 0, c: 0, d: 1, e: 0, f: 0 }; d3.interpolateTransform = d3_interpolateTransform; function d3_interpolateTransformPop(s) { return s.length ? s.pop() + "," : ""; } function d3_interpolateTranslate(ta, tb, s, q) { if (ta[0] !== tb[0] || ta[1] !== tb[1]) { var i = s.push("translate(", null, ",", null, ")"); q.push({ i: i - 4, x: d3_interpolateNumber(ta[0], tb[0]) }, { i: i - 2, x: d3_interpolateNumber(ta[1], tb[1]) }); } else if (tb[0] || tb[1]) { s.push("translate(" + tb + ")"); } } function d3_interpolateRotate(ra, rb, s, q) { if (ra !== rb) { if (ra - rb > 180) rb += 360; else if (rb - ra > 180) ra += 360; q.push({ i: s.push(d3_interpolateTransformPop(s) + "rotate(", null, ")") - 2, x: d3_interpolateNumber(ra, rb) }); } else if (rb) { s.push(d3_interpolateTransformPop(s) + "rotate(" + rb + ")"); } } function d3_interpolateSkew(wa, wb, s, q) { if (wa !== wb) { q.push({ i: s.push(d3_interpolateTransformPop(s) + "skewX(", null, ")") - 2, x: d3_interpolateNumber(wa, wb) }); } else if (wb) { s.push(d3_interpolateTransformPop(s) + "skewX(" + wb + ")"); } } function d3_interpolateScale(ka, kb, s, q) { if (ka[0] !== kb[0] || ka[1] !== kb[1]) { var i = s.push(d3_interpolateTransformPop(s) + "scale(", null, ",", null, ")"); q.push({ i: i - 4, x: d3_interpolateNumber(ka[0], kb[0]) }, { i: i - 2, x: d3_interpolateNumber(ka[1], kb[1]) }); } else if (kb[0] !== 1 || kb[1] !== 1) { s.push(d3_interpolateTransformPop(s) + "scale(" + kb + ")"); } } function d3_interpolateTransform(a, b) { var s = [], q = []; a = d3.transform(a), b = d3.transform(b); d3_interpolateTranslate(a.translate, b.translate, s, q); d3_interpolateRotate(a.rotate, b.rotate, s, q); d3_interpolateSkew(a.skew, b.skew, s, q); d3_interpolateScale(a.scale, b.scale, s, q); a = b = null; return function(t) { var i = -1, n = q.length, o; while (++i < n) s[(o = q[i]).i] = o.x(t); return s.join(""); }; } function d3_uninterpolateNumber(a, b) { b = (b -= a = +a) || 1 / b; return function(x) { return (x - a) / b; }; } function d3_uninterpolateClamp(a, b) { b = (b -= a = +a) || 1 / b; return function(x) { return Math.max(0, Math.min(1, (x - a) / b)); }; } d3.layout = {}; d3.layout.bundle = function() { return function(links) { var paths = [], i = -1, n = links.length; while (++i < n) paths.push(d3_layout_bundlePath(links[i])); return paths; }; }; function d3_layout_bundlePath(link) { var start = link.source, end = link.target, lca = d3_layout_bundleLeastCommonAncestor(start, end), points = [ start ]; while (start !== lca) { start = start.parent; points.push(start); } var k = points.length; while (end !== lca) { points.splice(k, 0, end); end = end.parent; } return points; } function d3_layout_bundleAncestors(node) { var ancestors = [], parent = node.parent; while (parent != null) { ancestors.push(node); node = parent; parent = parent.parent; } ancestors.push(node); return ancestors; } function d3_layout_bundleLeastCommonAncestor(a, b) { if (a === b) return a; var aNodes = d3_layout_bundleAncestors(a), bNodes = d3_layout_bundleAncestors(b), aNode = aNodes.pop(), bNode = bNodes.pop(), sharedNode = null; while (aNode === bNode) { sharedNode = aNode; aNode = aNodes.pop(); bNode = bNodes.pop(); } return sharedNode; } d3.layout.chord = function() { var chord = {}, chords, groups, matrix, n, padding = 0, sortGroups, sortSubgroups, sortChords; function relayout() { var subgroups = {}, groupSums = [], groupIndex = d3.range(n), subgroupIndex = [], k, x, x0, i, j; chords = []; groups = []; k = 0, i = -1; while (++i < n) { x = 0, j = -1; while (++j < n) { x += matrix[i][j]; } groupSums.push(x); subgroupIndex.push(d3.range(n)); k += x; } if (sortGroups) { groupIndex.sort(function(a, b) { return sortGroups(groupSums[a], groupSums[b]); }); } if (sortSubgroups) { subgroupIndex.forEach(function(d, i) { d.sort(function(a, b) { return sortSubgroups(matrix[i][a], matrix[i][b]); }); }); } k = (τ - padding * n) / k; x = 0, i = -1; while (++i < n) { x0 = x, j = -1; while (++j < n) { var di = groupIndex[i], dj = subgroupIndex[di][j], v = matrix[di][dj], a0 = x, a1 = x += v * k; subgroups[di + "-" + dj] = { index: di, subindex: dj, startAngle: a0, endAngle: a1, value: v }; } groups[di] = { index: di, startAngle: x0, endAngle: x, value: groupSums[di] }; x += padding; } i = -1; while (++i < n) { j = i - 1; while (++j < n) { var source = subgroups[i + "-" + j], target = subgroups[j + "-" + i]; if (source.value || target.value) { chords.push(source.value < target.value ? { source: target, target: source } : { source: source, target: target }); } } } if (sortChords) resort(); } function resort() { chords.sort(function(a, b) { return sortChords((a.source.value + a.target.value) / 2, (b.source.value + b.target.value) / 2); }); } chord.matrix = function(x) { if (!arguments.length) return matrix; n = (matrix = x) && matrix.length; chords = groups = null; return chord; }; chord.padding = function(x) { if (!arguments.length) return padding; padding = x; chords = groups = null; return chord; }; chord.sortGroups = function(x) { if (!arguments.length) return sortGroups; sortGroups = x; chords = groups = null; return chord; }; chord.sortSubgroups = function(x) { if (!arguments.length) return sortSubgroups; sortSubgroups = x; chords = null; return chord; }; chord.sortChords = function(x) { if (!arguments.length) return sortChords; sortChords = x; if (chords) resort(); return chord; }; chord.chords = function() { if (!chords) relayout(); return chords; }; chord.groups = function() { if (!groups) relayout(); return groups; }; return chord; }; d3.layout.force = function() { var force = {}, event = d3.dispatch("start", "tick", "end"), timer, size = [ 1, 1 ], drag, alpha, friction = .9, linkDistance = d3_layout_forceLinkDistance, linkStrength = d3_layout_forceLinkStrength, charge = -30, chargeDistance2 = d3_layout_forceChargeDistance2, gravity = .1, theta2 = .64, nodes = [], links = [], distances, strengths, charges; function repulse(node) { return function(quad, x1, _, x2) { if (quad.point !== node) { var dx = quad.cx - node.x, dy = quad.cy - node.y, dw = x2 - x1, dn = dx * dx + dy * dy; if (dw * dw / theta2 < dn) { if (dn < chargeDistance2) { var k = quad.charge / dn; node.px -= dx * k; node.py -= dy * k; } return true; } if (quad.point && dn && dn < chargeDistance2) { var k = quad.pointCharge / dn; node.px -= dx * k; node.py -= dy * k; } } return !quad.charge; }; } force.tick = function() { if ((alpha *= .99) < .005) { timer = null; event.end({ type: "end", alpha: alpha = 0 }); return true; } var n = nodes.length, m = links.length, q, i, o, s, t, l, k, x, y; for (i = 0; i < m; ++i) { o = links[i]; s = o.source; t = o.target; x = t.x - s.x; y = t.y - s.y; if (l = x * x + y * y) { l = alpha * strengths[i] * ((l = Math.sqrt(l)) - distances[i]) / l; x *= l; y *= l; t.x -= x * (k = s.weight + t.weight ? s.weight / (s.weight + t.weight) : .5); t.y -= y * k; s.x += x * (k = 1 - k); s.y += y * k; } } if (k = alpha * gravity) { x = size[0] / 2; y = size[1] / 2; i = -1; if (k) while (++i < n) { o = nodes[i]; o.x += (x - o.x) * k; o.y += (y - o.y) * k; } } if (charge) { d3_layout_forceAccumulate(q = d3.geom.quadtree(nodes), alpha, charges); i = -1; while (++i < n) { if (!(o = nodes[i]).fixed) { q.visit(repulse(o)); } } } i = -1; while (++i < n) { o = nodes[i]; if (o.fixed) { o.x = o.px; o.y = o.py; } else { o.x -= (o.px - (o.px = o.x)) * friction; o.y -= (o.py - (o.py = o.y)) * friction; } } event.tick({ type: "tick", alpha: alpha }); }; force.nodes = function(x) { if (!arguments.length) return nodes; nodes = x; return force; }; force.links = function(x) { if (!arguments.length) return links; links = x; return force; }; force.size = function(x) { if (!arguments.length) return size; size = x; return force; }; force.linkDistance = function(x) { if (!arguments.length) return linkDistance; linkDistance = typeof x === "function" ? x : +x; return force; }; force.distance = force.linkDistance; force.linkStrength = function(x) { if (!arguments.length) return linkStrength; linkStrength = typeof x === "function" ? x : +x; return force; }; force.friction = function(x) { if (!arguments.length) return friction; friction = +x; return force; }; force.charge = function(x) { if (!arguments.length) return charge; charge = typeof x === "function" ? x : +x; return force; }; force.chargeDistance = function(x) { if (!arguments.length) return Math.sqrt(chargeDistance2); chargeDistance2 = x * x; return force; }; force.gravity = function(x) { if (!arguments.length) return gravity; gravity = +x; return force; }; force.theta = function(x) { if (!arguments.length) return Math.sqrt(theta2); theta2 = x * x; return force; }; force.alpha = function(x) { if (!arguments.length) return alpha; x = +x; if (alpha) { if (x > 0) { alpha = x; } else { timer.c = null, timer.t = NaN, timer = null; event.end({ type: "end", alpha: alpha = 0 }); } } else if (x > 0) { event.start({ type: "start", alpha: alpha = x }); timer = d3_timer(force.tick); } return force; }; force.start = function() { var i, n = nodes.length, m = links.length, w = size[0], h = size[1], neighbors, o; for (i = 0; i < n; ++i) { (o = nodes[i]).index = i; o.weight = 0; } for (i = 0; i < m; ++i) { o = links[i]; if (typeof o.source == "number") o.source = nodes[o.source]; if (typeof o.target == "number") o.target = nodes[o.target]; ++o.source.weight; ++o.target.weight; } for (i = 0; i < n; ++i) { o = nodes[i]; if (isNaN(o.x)) o.x = position("x", w); if (isNaN(o.y)) o.y = position("y", h); if (isNaN(o.px)) o.px = o.x; if (isNaN(o.py)) o.py = o.y; } distances = []; if (typeof linkDistance === "function") for (i = 0; i < m; ++i) distances[i] = +linkDistance.call(this, links[i], i); else for (i = 0; i < m; ++i) distances[i] = linkDistance; strengths = []; if (typeof linkStrength === "function") for (i = 0; i < m; ++i) strengths[i] = +linkStrength.call(this, links[i], i); else for (i = 0; i < m; ++i) strengths[i] = linkStrength; charges = []; if (typeof charge === "function") for (i = 0; i < n; ++i) charges[i] = +charge.call(this, nodes[i], i); else for (i = 0; i < n; ++i) charges[i] = charge; function position(dimension, size) { if (!neighbors) { neighbors = new Array(n); for (j = 0; j < n; ++j) { neighbors[j] = []; } for (j = 0; j < m; ++j) { var o = links[j]; neighbors[o.source.index].push(o.target); neighbors[o.target.index].push(o.source); } } var candidates = neighbors[i], j = -1, l = candidates.length, x; while (++j < l) if (!isNaN(x = candidates[j][dimension])) return x; return Math.random() * size; } return force.resume(); }; force.resume = function() { return force.alpha(.1); }; force.stop = function() { return force.alpha(0); }; force.drag = function() { if (!drag) drag = d3.behavior.drag().origin(d3_identity).on("dragstart.force", d3_layout_forceDragstart).on("drag.force", dragmove).on("dragend.force", d3_layout_forceDragend); if (!arguments.length) return drag; this.on("mouseover.force", d3_layout_forceMouseover).on("mouseout.force", d3_layout_forceMouseout).call(drag); }; function dragmove(d) { d.px = d3.event.x, d.py = d3.event.y; force.resume(); } return d3.rebind(force, event, "on"); }; function d3_layout_forceDragstart(d) { d.fixed |= 2; } function d3_layout_forceDragend(d) { d.fixed &= ~6; } function d3_layout_forceMouseover(d) { d.fixed |= 4; d.px = d.x, d.py = d.y; } function d3_layout_forceMouseout(d) { d.fixed &= ~4; } function d3_layout_forceAccumulate(quad, alpha, charges) { var cx = 0, cy = 0; quad.charge = 0; if (!quad.leaf) { var nodes = quad.nodes, n = nodes.length, i = -1, c; while (++i < n) { c = nodes[i]; if (c == null) continue; d3_layout_forceAccumulate(c, alpha, charges); quad.charge += c.charge; cx += c.charge * c.cx; cy += c.charge * c.cy; } } if (quad.point) { if (!quad.leaf) { quad.point.x += Math.random() - .5; quad.point.y += Math.random() - .5; } var k = alpha * charges[quad.point.index]; quad.charge += quad.pointCharge = k; cx += k * quad.point.x; cy += k * quad.point.y; } quad.cx = cx / quad.charge; quad.cy = cy / quad.charge; } var d3_layout_forceLinkDistance = 20, d3_layout_forceLinkStrength = 1, d3_layout_forceChargeDistance2 = Infinity; d3.layout.hierarchy = function() { var sort = d3_layout_hierarchySort, children = d3_layout_hierarchyChildren, value = d3_layout_hierarchyValue; function hierarchy(root) { var stack = [ root ], nodes = [], node; root.depth = 0; while ((node = stack.pop()) != null) { nodes.push(node); if ((childs = children.call(hierarchy, node, node.depth)) && (n = childs.length)) { var n, childs, child; while (--n >= 0) { stack.push(child = childs[n]); child.parent = node; child.depth = node.depth + 1; } if (value) node.value = 0; node.children = childs; } else { if (value) node.value = +value.call(hierarchy, node, node.depth) || 0; delete node.children; } } d3_layout_hierarchyVisitAfter(root, function(node) { var childs, parent; if (sort && (childs = node.children)) childs.sort(sort); if (value && (parent = node.parent)) parent.value += node.value; }); return nodes; } hierarchy.sort = function(x) { if (!arguments.length) return sort; sort = x; return hierarchy; }; hierarchy.children = function(x) { if (!arguments.length) return children; children = x; return hierarchy; }; hierarchy.value = function(x) { if (!arguments.length) return value; value = x; return hierarchy; }; hierarchy.revalue = function(root) { if (value) { d3_layout_hierarchyVisitBefore(root, function(node) { if (node.children) node.value = 0; }); d3_layout_hierarchyVisitAfter(root, function(node) { var parent; if (!node.children) node.value = +value.call(hierarchy, node, node.depth) || 0; if (parent = node.parent) parent.value += node.value; }); } return root; }; return hierarchy; }; function d3_layout_hierarchyRebind(object, hierarchy) { d3.rebind(object, hierarchy, "sort", "children", "value"); object.nodes = object; object.links = d3_layout_hierarchyLinks; return object; } function d3_layout_hierarchyVisitBefore(node, callback) { var nodes = [ node ]; while ((node = nodes.pop()) != null) { callback(node); if ((children = node.children) && (n = children.length)) { var n, children; while (--n >= 0) nodes.push(children[n]); } } } function d3_layout_hierarchyVisitAfter(node, callback) { var nodes = [ node ], nodes2 = []; while ((node = nodes.pop()) != null) { nodes2.push(node); if ((children = node.children) && (n = children.length)) { var i = -1, n, children; while (++i < n) nodes.push(children[i]); } } while ((node = nodes2.pop()) != null) { callback(node); } } function d3_layout_hierarchyChildren(d) { return d.children; } function d3_layout_hierarchyValue(d) { return d.value; } function d3_layout_hierarchySort(a, b) { return b.value - a.value; } function d3_layout_hierarchyLinks(nodes) { return d3.merge(nodes.map(function(parent) { return (parent.children || []).map(function(child) { return { source: parent, target: child }; }); })); } d3.layout.partition = function() { var hierarchy = d3.layout.hierarchy(), size = [ 1, 1 ]; function position(node, x, dx, dy) { var children = node.children; node.x = x; node.y = node.depth * dy; node.dx = dx; node.dy = dy; if (children && (n = children.length)) { var i = -1, n, c, d; dx = node.value ? dx / node.value : 0; while (++i < n) { position(c = children[i], x, d = c.value * dx, dy); x += d; } } } function depth(node) { var children = node.children, d = 0; if (children && (n = children.length)) { var i = -1, n; while (++i < n) d = Math.max(d, depth(children[i])); } return 1 + d; } function partition(d, i) { var nodes = hierarchy.call(this, d, i); position(nodes[0], 0, size[0], size[1] / depth(nodes[0])); return nodes; } partition.size = function(x) { if (!arguments.length) return size; size = x; return partition; }; return d3_layout_hierarchyRebind(partition, hierarchy); }; d3.layout.pie = function() { var value = Number, sort = d3_layout_pieSortByValue, startAngle = 0, endAngle = τ, padAngle = 0; function pie(data) { var n = data.length, values = data.map(function(d, i) { return +value.call(pie, d, i); }), a = +(typeof startAngle === "function" ? startAngle.apply(this, arguments) : startAngle), da = (typeof endAngle === "function" ? endAngle.apply(this, arguments) : endAngle) - a, p = Math.min(Math.abs(da) / n, +(typeof padAngle === "function" ? padAngle.apply(this, arguments) : padAngle)), pa = p * (da < 0 ? -1 : 1), sum = d3.sum(values), k = sum ? (da - n * pa) / sum : 0, index = d3.range(n), arcs = [], v; if (sort != null) index.sort(sort === d3_layout_pieSortByValue ? function(i, j) { return values[j] - values[i]; } : function(i, j) { return sort(data[i], data[j]); }); index.forEach(function(i) { arcs[i] = { data: data[i], value: v = values[i], startAngle: a, endAngle: a += v * k + pa, padAngle: p }; }); return arcs; } pie.value = function(_) { if (!arguments.length) return value; value = _; return pie; }; pie.sort = function(_) { if (!arguments.length) return sort; sort = _; return pie; }; pie.startAngle = function(_) { if (!arguments.length) return startAngle; startAngle = _; return pie; }; pie.endAngle = function(_) { if (!arguments.length) return endAngle; endAngle = _; return pie; }; pie.padAngle = function(_) { if (!arguments.length) return padAngle; padAngle = _; return pie; }; return pie; }; var d3_layout_pieSortByValue = {}; d3.layout.stack = function() { var values = d3_identity, order = d3_layout_stackOrderDefault, offset = d3_layout_stackOffsetZero, out = d3_layout_stackOut, x = d3_layout_stackX, y = d3_layout_stackY; function stack(data, index) { if (!(n = data.length)) return data; var series = data.map(function(d, i) { return values.call(stack, d, i); }); var points = series.map(function(d) { return d.map(function(v, i) { return [ x.call(stack, v, i), y.call(stack, v, i) ]; }); }); var orders = order.call(stack, points, index); series = d3.permute(series, orders); points = d3.permute(points, orders); var offsets = offset.call(stack, points, index); var m = series[0].length, n, i, j, o; for (j = 0; j < m; ++j) { out.call(stack, series[0][j], o = offsets[j], points[0][j][1]); for (i = 1; i < n; ++i) { out.call(stack, series[i][j], o += points[i - 1][j][1], points[i][j][1]); } } return data; } stack.values = function(x) { if (!arguments.length) return values; values = x; return stack; }; stack.order = function(x) { if (!arguments.length) return order; order = typeof x === "function" ? x : d3_layout_stackOrders.get(x) || d3_layout_stackOrderDefault; return stack; }; stack.offset = function(x) { if (!arguments.length) return offset; offset = typeof x === "function" ? x : d3_layout_stackOffsets.get(x) || d3_layout_stackOffsetZero; return stack; }; stack.x = function(z) { if (!arguments.length) return x; x = z; return stack; }; stack.y = function(z) { if (!arguments.length) return y; y = z; return stack; }; stack.out = function(z) { if (!arguments.length) return out; out = z; return stack; }; return stack; }; function d3_layout_stackX(d) { return d.x; } function d3_layout_stackY(d) { return d.y; } function d3_layout_stackOut(d, y0, y) { d.y0 = y0; d.y = y; } var d3_layout_stackOrders = d3.map({ "inside-out": function(data) { var n = data.length, i, j, max = data.map(d3_layout_stackMaxIndex), sums = data.map(d3_layout_stackReduceSum), index = d3.range(n).sort(function(a, b) { return max[a] - max[b]; }), top = 0, bottom = 0, tops = [], bottoms = []; for (i = 0; i < n; ++i) { j = index[i]; if (top < bottom) { top += sums[j]; tops.push(j); } else { bottom += sums[j]; bottoms.push(j); } } return bottoms.reverse().concat(tops); }, reverse: function(data) { return d3.range(data.length).reverse(); }, "default": d3_layout_stackOrderDefault }); var d3_layout_stackOffsets = d3.map({ silhouette: function(data) { var n = data.length, m = data[0].length, sums = [], max = 0, i, j, o, y0 = []; for (j = 0; j < m; ++j) { for (i = 0, o = 0; i < n; i++) o += data[i][j][1]; if (o > max) max = o; sums.push(o); } for (j = 0; j < m; ++j) { y0[j] = (max - sums[j]) / 2; } return y0; }, wiggle: function(data) { var n = data.length, x = data[0], m = x.length, i, j, k, s1, s2, s3, dx, o, o0, y0 = []; y0[0] = o = o0 = 0; for (j = 1; j < m; ++j) { for (i = 0, s1 = 0; i < n; ++i) s1 += data[i][j][1]; for (i = 0, s2 = 0, dx = x[j][0] - x[j - 1][0]; i < n; ++i) { for (k = 0, s3 = (data[i][j][1] - data[i][j - 1][1]) / (2 * dx); k < i; ++k) { s3 += (data[k][j][1] - data[k][j - 1][1]) / dx; } s2 += s3 * data[i][j][1]; } y0[j] = o -= s1 ? s2 / s1 * dx : 0; if (o < o0) o0 = o; } for (j = 0; j < m; ++j) y0[j] -= o0; return y0; }, expand: function(data) { var n = data.length, m = data[0].length, k = 1 / n, i, j, o, y0 = []; for (j = 0; j < m; ++j) { for (i = 0, o = 0; i < n; i++) o += data[i][j][1]; if (o) for (i = 0; i < n; i++) data[i][j][1] /= o; else for (i = 0; i < n; i++) data[i][j][1] = k; } for (j = 0; j < m; ++j) y0[j] = 0; return y0; }, zero: d3_layout_stackOffsetZero }); function d3_layout_stackOrderDefault(data) { return d3.range(data.length); } function d3_layout_stackOffsetZero(data) { var j = -1, m = data[0].length, y0 = []; while (++j < m) y0[j] = 0; return y0; } function d3_layout_stackMaxIndex(array) { var i = 1, j = 0, v = array[0][1], k, n = array.length; for (;i < n; ++i) { if ((k = array[i][1]) > v) { j = i; v = k; } } return j; } function d3_layout_stackReduceSum(d) { return d.reduce(d3_layout_stackSum, 0); } function d3_layout_stackSum(p, d) { return p + d[1]; } d3.layout.histogram = function() { var frequency = true, valuer = Number, ranger = d3_layout_histogramRange, binner = d3_layout_histogramBinSturges; function histogram(data, i) { var bins = [], values = data.map(valuer, this), range = ranger.call(this, values, i), thresholds = binner.call(this, range, values, i), bin, i = -1, n = values.length, m = thresholds.length - 1, k = frequency ? 1 : 1 / n, x; while (++i < m) { bin = bins[i] = []; bin.dx = thresholds[i + 1] - (bin.x = thresholds[i]); bin.y = 0; } if (m > 0) { i = -1; while (++i < n) { x = values[i]; if (x >= range[0] && x <= range[1]) { bin = bins[d3.bisect(thresholds, x, 1, m) - 1]; bin.y += k; bin.push(data[i]); } } } return bins; } histogram.value = function(x) { if (!arguments.length) return valuer; valuer = x; return histogram; }; histogram.range = function(x) { if (!arguments.length) return ranger; ranger = d3_functor(x); return histogram; }; histogram.bins = function(x) { if (!arguments.length) return binner; binner = typeof x === "number" ? function(range) { return d3_layout_histogramBinFixed(range, x); } : d3_functor(x); return histogram; }; histogram.frequency = function(x) { if (!arguments.length) return frequency; frequency = !!x; return histogram; }; return histogram; }; function d3_layout_histogramBinSturges(range, values) { return d3_layout_histogramBinFixed(range, Math.ceil(Math.log(values.length) / Math.LN2 + 1)); } function d3_layout_histogramBinFixed(range, n) { var x = -1, b = +range[0], m = (range[1] - b) / n, f = []; while (++x <= n) f[x] = m * x + b; return f; } function d3_layout_histogramRange(values) { return [ d3.min(values), d3.max(values) ]; } d3.layout.pack = function() { var hierarchy = d3.layout.hierarchy().sort(d3_layout_packSort), padding = 0, size = [ 1, 1 ], radius; function pack(d, i) { var nodes = hierarchy.call(this, d, i), root = nodes[0], w = size[0], h = size[1], r = radius == null ? Math.sqrt : typeof radius === "function" ? radius : function() { return radius; }; root.x = root.y = 0; d3_layout_hierarchyVisitAfter(root, function(d) { d.r = +r(d.value); }); d3_layout_hierarchyVisitAfter(root, d3_layout_packSiblings); if (padding) { var dr = padding * (radius ? 1 : Math.max(2 * root.r / w, 2 * root.r / h)) / 2; d3_layout_hierarchyVisitAfter(root, function(d) { d.r += dr; }); d3_layout_hierarchyVisitAfter(root, d3_layout_packSiblings); d3_layout_hierarchyVisitAfter(root, function(d) { d.r -= dr; }); } d3_layout_packTransform(root, w / 2, h / 2, radius ? 1 : 1 / Math.max(2 * root.r / w, 2 * root.r / h)); return nodes; } pack.size = function(_) { if (!arguments.length) return size; size = _; return pack; }; pack.radius = function(_) { if (!arguments.length) return radius; radius = _ == null || typeof _ === "function" ? _ : +_; return pack; }; pack.padding = function(_) { if (!arguments.length) return padding; padding = +_; return pack; }; return d3_layout_hierarchyRebind(pack, hierarchy); }; function d3_layout_packSort(a, b) { return a.value - b.value; } function d3_layout_packInsert(a, b) { var c = a._pack_next; a._pack_next = b; b._pack_prev = a; b._pack_next = c; c._pack_prev = b; } function d3_layout_packSplice(a, b) { a._pack_next = b; b._pack_prev = a; } function d3_layout_packIntersects(a, b) { var dx = b.x - a.x, dy = b.y - a.y, dr = a.r + b.r; return .999 * dr * dr > dx * dx + dy * dy; } function d3_layout_packSiblings(node) { if (!(nodes = node.children) || !(n = nodes.length)) return; var nodes, xMin = Infinity, xMax = -Infinity, yMin = Infinity, yMax = -Infinity, a, b, c, i, j, k, n; function bound(node) { xMin = Math.min(node.x - node.r, xMin); xMax = Math.max(node.x + node.r, xMax); yMin = Math.min(node.y - node.r, yMin); yMax = Math.max(node.y + node.r, yMax); } nodes.forEach(d3_layout_packLink); a = nodes[0]; a.x = -a.r; a.y = 0; bound(a); if (n > 1) { b = nodes[1]; b.x = b.r; b.y = 0; bound(b); if (n > 2) { c = nodes[2]; d3_layout_packPlace(a, b, c); bound(c); d3_layout_packInsert(a, c); a._pack_prev = c; d3_layout_packInsert(c, b); b = a._pack_next; for (i = 3; i < n; i++) { d3_layout_packPlace(a, b, c = nodes[i]); var isect = 0, s1 = 1, s2 = 1; for (j = b._pack_next; j !== b; j = j._pack_next, s1++) { if (d3_layout_packIntersects(j, c)) { isect = 1; break; } } if (isect == 1) { for (k = a._pack_prev; k !== j._pack_prev; k = k._pack_prev, s2++) { if (d3_layout_packIntersects(k, c)) { break; } } } if (isect) { if (s1 < s2 || s1 == s2 && b.r < a.r) d3_layout_packSplice(a, b = j); else d3_layout_packSplice(a = k, b); i--; } else { d3_layout_packInsert(a, c); b = c; bound(c); } } } } var cx = (xMin + xMax) / 2, cy = (yMin + yMax) / 2, cr = 0; for (i = 0; i < n; i++) { c = nodes[i]; c.x -= cx; c.y -= cy; cr = Math.max(cr, c.r + Math.sqrt(c.x * c.x + c.y * c.y)); } node.r = cr; nodes.forEach(d3_layout_packUnlink); } function d3_layout_packLink(node) { node._pack_next = node._pack_prev = node; } function d3_layout_packUnlink(node) { delete node._pack_next; delete node._pack_prev; } function d3_layout_packTransform(node, x, y, k) { var children = node.children; node.x = x += k * node.x; node.y = y += k * node.y; node.r *= k; if (children) { var i = -1, n = children.length; while (++i < n) d3_layout_packTransform(children[i], x, y, k); } } function d3_layout_packPlace(a, b, c) { var db = a.r + c.r, dx = b.x - a.x, dy = b.y - a.y; if (db && (dx || dy)) { var da = b.r + c.r, dc = dx * dx + dy * dy; da *= da; db *= db; var x = .5 + (db - da) / (2 * dc), y = Math.sqrt(Math.max(0, 2 * da * (db + dc) - (db -= dc) * db - da * da)) / (2 * dc); c.x = a.x + x * dx + y * dy; c.y = a.y + x * dy - y * dx; } else { c.x = a.x + db; c.y = a.y; } } d3.layout.tree = function() { var hierarchy = d3.layout.hierarchy().sort(null).value(null), separation = d3_layout_treeSeparation, size = [ 1, 1 ], nodeSize = null; function tree(d, i) { var nodes = hierarchy.call(this, d, i), root0 = nodes[0], root1 = wrapTree(root0); d3_layout_hierarchyVisitAfter(root1, firstWalk), root1.parent.m = -root1.z; d3_layout_hierarchyVisitBefore(root1, secondWalk); if (nodeSize) d3_layout_hierarchyVisitBefore(root0, sizeNode); else { var left = root0, right = root0, bottom = root0; d3_layout_hierarchyVisitBefore(root0, function(node) { if (node.x < left.x) left = node; if (node.x > right.x) right = node; if (node.depth > bottom.depth) bottom = node; }); var tx = separation(left, right) / 2 - left.x, kx = size[0] / (right.x + separation(right, left) / 2 + tx), ky = size[1] / (bottom.depth || 1); d3_layout_hierarchyVisitBefore(root0, function(node) { node.x = (node.x + tx) * kx; node.y = node.depth * ky; }); } return nodes; } function wrapTree(root0) { var root1 = { A: null, children: [ root0 ] }, queue = [ root1 ], node1; while ((node1 = queue.pop()) != null) { for (var children = node1.children, child, i = 0, n = children.length; i < n; ++i) { queue.push((children[i] = child = { _: children[i], parent: node1, children: (child = children[i].children) && child.slice() || [], A: null, a: null, z: 0, m: 0, c: 0, s: 0, t: null, i: i }).a = child); } } return root1.children[0]; } function firstWalk(v) { var children = v.children, siblings = v.parent.children, w = v.i ? siblings[v.i - 1] : null; if (children.length) { d3_layout_treeShift(v); var midpoint = (children[0].z + children[children.length - 1].z) / 2; if (w) { v.z = w.z + separation(v._, w._); v.m = v.z - midpoint; } else { v.z = midpoint; } } else if (w) { v.z = w.z + separation(v._, w._); } v.parent.A = apportion(v, w, v.parent.A || siblings[0]); } function secondWalk(v) { v._.x = v.z + v.parent.m; v.m += v.parent.m; } function apportion(v, w, ancestor) { if (w) { var vip = v, vop = v, vim = w, vom = vip.parent.children[0], sip = vip.m, sop = vop.m, sim = vim.m, som = vom.m, shift; while (vim = d3_layout_treeRight(vim), vip = d3_layout_treeLeft(vip), vim && vip) { vom = d3_layout_treeLeft(vom); vop = d3_layout_treeRight(vop); vop.a = v; shift = vim.z + sim - vip.z - sip + separation(vim._, vip._); if (shift > 0) { d3_layout_treeMove(d3_layout_treeAncestor(vim, v, ancestor), v, shift); sip += shift; sop += shift; } sim += vim.m; sip += vip.m; som += vom.m; sop += vop.m; } if (vim && !d3_layout_treeRight(vop)) { vop.t = vim; vop.m += sim - sop; } if (vip && !d3_layout_treeLeft(vom)) { vom.t = vip; vom.m += sip - som; ancestor = v; } } return ancestor; } function sizeNode(node) { node.x *= size[0]; node.y = node.depth * size[1]; } tree.separation = function(x) { if (!arguments.length) return separation; separation = x; return tree; }; tree.size = function(x) { if (!arguments.length) return nodeSize ? null : size; nodeSize = (size = x) == null ? sizeNode : null; return tree; }; tree.nodeSize = function(x) { if (!arguments.length) return nodeSize ? size : null; nodeSize = (size = x) == null ? null : sizeNode; return tree; }; return d3_layout_hierarchyRebind(tree, hierarchy); }; function d3_layout_treeSeparation(a, b) { return a.parent == b.parent ? 1 : 2; } function d3_layout_treeLeft(v) { var children = v.children; return children.length ? children[0] : v.t; } function d3_layout_treeRight(v) { var children = v.children, n; return (n = children.length) ? children[n - 1] : v.t; } function d3_layout_treeMove(wm, wp, shift) { var change = shift / (wp.i - wm.i); wp.c -= change; wp.s += shift; wm.c += change; wp.z += shift; wp.m += shift; } function d3_layout_treeShift(v) { var shift = 0, change = 0, children = v.children, i = children.length, w; while (--i >= 0) { w = children[i]; w.z += shift; w.m += shift; shift += w.s + (change += w.c); } } function d3_layout_treeAncestor(vim, v, ancestor) { return vim.a.parent === v.parent ? vim.a : ancestor; } d3.layout.cluster = function() { var hierarchy = d3.layout.hierarchy().sort(null).value(null), separation = d3_layout_treeSeparation, size = [ 1, 1 ], nodeSize = false; function cluster(d, i) { var nodes = hierarchy.call(this, d, i), root = nodes[0], previousNode, x = 0; d3_layout_hierarchyVisitAfter(root, function(node) { var children = node.children; if (children && children.length) { node.x = d3_layout_clusterX(children); node.y = d3_layout_clusterY(children); } else { node.x = previousNode ? x += separation(node, previousNode) : 0; node.y = 0; previousNode = node; } }); var left = d3_layout_clusterLeft(root), right = d3_layout_clusterRight(root), x0 = left.x - separation(left, right) / 2, x1 = right.x + separation(right, left) / 2; d3_layout_hierarchyVisitAfter(root, nodeSize ? function(node) { node.x = (node.x - root.x) * size[0]; node.y = (root.y - node.y) * size[1]; } : function(node) { node.x = (node.x - x0) / (x1 - x0) * size[0]; node.y = (1 - (root.y ? node.y / root.y : 1)) * size[1]; }); return nodes; } cluster.separation = function(x) { if (!arguments.length) return separation; separation = x; return cluster; }; cluster.size = function(x) { if (!arguments.length) return nodeSize ? null : size; nodeSize = (size = x) == null; return cluster; }; cluster.nodeSize = function(x) { if (!arguments.length) return nodeSize ? size : null; nodeSize = (size = x) != null; return cluster; }; return d3_layout_hierarchyRebind(cluster, hierarchy); }; function d3_layout_clusterY(children) { return 1 + d3.max(children, function(child) { return child.y; }); } function d3_layout_clusterX(children) { return children.reduce(function(x, child) { return x + child.x; }, 0) / children.length; } function d3_layout_clusterLeft(node) { var children = node.children; return children && children.length ? d3_layout_clusterLeft(children[0]) : node; } function d3_layout_clusterRight(node) { var children = node.children, n; return children && (n = children.length) ? d3_layout_clusterRight(children[n - 1]) : node; } d3.layout.treemap = function() { var hierarchy = d3.layout.hierarchy(), round = Math.round, size = [ 1, 1 ], padding = null, pad = d3_layout_treemapPadNull, sticky = false, stickies, mode = "squarify", ratio = .5 * (1 + Math.sqrt(5)); function scale(children, k) { var i = -1, n = children.length, child, area; while (++i < n) { area = (child = children[i]).value * (k < 0 ? 0 : k); child.area = isNaN(area) || area <= 0 ? 0 : area; } } function squarify(node) { var children = node.children; if (children && children.length) { var rect = pad(node), row = [], remaining = children.slice(), child, best = Infinity, score, u = mode === "slice" ? rect.dx : mode === "dice" ? rect.dy : mode === "slice-dice" ? node.depth & 1 ? rect.dy : rect.dx : Math.min(rect.dx, rect.dy), n; scale(remaining, rect.dx * rect.dy / node.value); row.area = 0; while ((n = remaining.length) > 0) { row.push(child = remaining[n - 1]); row.area += child.area; if (mode !== "squarify" || (score = worst(row, u)) <= best) { remaining.pop(); best = score; } else { row.area -= row.pop().area; position(row, u, rect, false); u = Math.min(rect.dx, rect.dy); row.length = row.area = 0; best = Infinity; } } if (row.length) { position(row, u, rect, true); row.length = row.area = 0; } children.forEach(squarify); } } function stickify(node) { var children = node.children; if (children && children.length) { var rect = pad(node), remaining = children.slice(), child, row = []; scale(remaining, rect.dx * rect.dy / node.value); row.area = 0; while (child = remaining.pop()) { row.push(child); row.area += child.area; if (child.z != null) { position(row, child.z ? rect.dx : rect.dy, rect, !remaining.length); row.length = row.area = 0; } } children.forEach(stickify); } } function worst(row, u) { var s = row.area, r, rmax = 0, rmin = Infinity, i = -1, n = row.length; while (++i < n) { if (!(r = row[i].area)) continue; if (r < rmin) rmin = r; if (r > rmax) rmax = r; } s *= s; u *= u; return s ? Math.max(u * rmax * ratio / s, s / (u * rmin * ratio)) : Infinity; } function position(row, u, rect, flush) { var i = -1, n = row.length, x = rect.x, y = rect.y, v = u ? round(row.area / u) : 0, o; if (u == rect.dx) { if (flush || v > rect.dy) v = rect.dy; while (++i < n) { o = row[i]; o.x = x; o.y = y; o.dy = v; x += o.dx = Math.min(rect.x + rect.dx - x, v ? round(o.area / v) : 0); } o.z = true; o.dx += rect.x + rect.dx - x; rect.y += v; rect.dy -= v; } else { if (flush || v > rect.dx) v = rect.dx; while (++i < n) { o = row[i]; o.x = x; o.y = y; o.dx = v; y += o.dy = Math.min(rect.y + rect.dy - y, v ? round(o.area / v) : 0); } o.z = false; o.dy += rect.y + rect.dy - y; rect.x += v; rect.dx -= v; } } function treemap(d) { var nodes = stickies || hierarchy(d), root = nodes[0]; root.x = root.y = 0; if (root.value) root.dx = size[0], root.dy = size[1]; else root.dx = root.dy = 0; if (stickies) hierarchy.revalue(root); scale([ root ], root.dx * root.dy / root.value); (stickies ? stickify : squarify)(root); if (sticky) stickies = nodes; return nodes; } treemap.size = function(x) { if (!arguments.length) return size; size = x; return treemap; }; treemap.padding = function(x) { if (!arguments.length) return padding; function padFunction(node) { var p = x.call(treemap, node, node.depth); return p == null ? d3_layout_treemapPadNull(node) : d3_layout_treemapPad(node, typeof p === "number" ? [ p, p, p, p ] : p); } function padConstant(node) { return d3_layout_treemapPad(node, x); } var type; pad = (padding = x) == null ? d3_layout_treemapPadNull : (type = typeof x) === "function" ? padFunction : type === "number" ? (x = [ x, x, x, x ], padConstant) : padConstant; return treemap; }; treemap.round = function(x) { if (!arguments.length) return round != Number; round = x ? Math.round : Number; return treemap; }; treemap.sticky = function(x) { if (!arguments.length) return sticky; sticky = x; stickies = null; return treemap; }; treemap.ratio = function(x) { if (!arguments.length) return ratio; ratio = x; return treemap; }; treemap.mode = function(x) { if (!arguments.length) return mode; mode = x + ""; return treemap; }; return d3_layout_hierarchyRebind(treemap, hierarchy); }; function d3_layout_treemapPadNull(node) { return { x: node.x, y: node.y, dx: node.dx, dy: node.dy }; } function d3_layout_treemapPad(node, padding) { var x = node.x + padding[3], y = node.y + padding[0], dx = node.dx - padding[1] - padding[3], dy = node.dy - padding[0] - padding[2]; if (dx < 0) { x += dx / 2; dx = 0; } if (dy < 0) { y += dy / 2; dy = 0; } return { x: x, y: y, dx: dx, dy: dy }; } d3.random = { normal: function(µ, σ) { var n = arguments.length; if (n < 2) σ = 1; if (n < 1) µ = 0; return function() { var x, y, r; do { x = Math.random() * 2 - 1; y = Math.random() * 2 - 1; r = x * x + y * y; } while (!r || r > 1); return µ + σ * x * Math.sqrt(-2 * Math.log(r) / r); }; }, logNormal: function() { var random = d3.random.normal.apply(d3, arguments); return function() { return Math.exp(random()); }; }, bates: function(m) { var random = d3.random.irwinHall(m); return function() { return random() / m; }; }, irwinHall: function(m) { return function() { for (var s = 0, j = 0; j < m; j++) s += Math.random(); return s; }; } }; d3.scale = {}; function d3_scaleExtent(domain) { var start = domain[0], stop = domain[domain.length - 1]; return start < stop ? [ start, stop ] : [ stop, start ]; } function d3_scaleRange(scale) { return scale.rangeExtent ? scale.rangeExtent() : d3_scaleExtent(scale.range()); } function d3_scale_bilinear(domain, range, uninterpolate, interpolate) { var u = uninterpolate(domain[0], domain[1]), i = interpolate(range[0], range[1]); return function(x) { return i(u(x)); }; } function d3_scale_nice(domain, nice) { var i0 = 0, i1 = domain.length - 1, x0 = domain[i0], x1 = domain[i1], dx; if (x1 < x0) { dx = i0, i0 = i1, i1 = dx; dx = x0, x0 = x1, x1 = dx; } domain[i0] = nice.floor(x0); domain[i1] = nice.ceil(x1); return domain; } function d3_scale_niceStep(step) { return step ? { floor: function(x) { return Math.floor(x / step) * step; }, ceil: function(x) { return Math.ceil(x / step) * step; } } : d3_scale_niceIdentity; } var d3_scale_niceIdentity = { floor: d3_identity, ceil: d3_identity }; function d3_scale_polylinear(domain, range, uninterpolate, interpolate) { var u = [], i = [], j = 0, k = Math.min(domain.length, range.length) - 1; if (domain[k] < domain[0]) { domain = domain.slice().reverse(); range = range.slice().reverse(); } while (++j <= k) { u.push(uninterpolate(domain[j - 1], domain[j])); i.push(interpolate(range[j - 1], range[j])); } return function(x) { var j = d3.bisect(domain, x, 1, k) - 1; return i[j](u[j](x)); }; } d3.scale.linear = function() { return d3_scale_linear([ 0, 1 ], [ 0, 1 ], d3_interpolate, false); }; function d3_scale_linear(domain, range, interpolate, clamp) { var output, input; function rescale() { var linear = Math.min(domain.length, range.length) > 2 ? d3_scale_polylinear : d3_scale_bilinear, uninterpolate = clamp ? d3_uninterpolateClamp : d3_uninterpolateNumber; output = linear(domain, range, uninterpolate, interpolate); input = linear(range, domain, uninterpolate, d3_interpolate); return scale; } function scale(x) { return output(x); } scale.invert = function(y) { return input(y); }; scale.domain = function(x) { if (!arguments.length) return domain; domain = x.map(Number); return rescale(); }; scale.range = function(x) { if (!arguments.length) return range; range = x; return rescale(); }; scale.rangeRound = function(x) { return scale.range(x).interpolate(d3_interpolateRound); }; scale.clamp = function(x) { if (!arguments.length) return clamp; clamp = x; return rescale(); }; scale.interpolate = function(x) { if (!arguments.length) return interpolate; interpolate = x; return rescale(); }; scale.ticks = function(m) { return d3_scale_linearTicks(domain, m); }; scale.tickFormat = function(m, format) { return d3_scale_linearTickFormat(domain, m, format); }; scale.nice = function(m) { d3_scale_linearNice(domain, m); return rescale(); }; scale.copy = function() { return d3_scale_linear(domain, range, interpolate, clamp); }; return rescale(); } function d3_scale_linearRebind(scale, linear) { return d3.rebind(scale, linear, "range", "rangeRound", "interpolate", "clamp"); } function d3_scale_linearNice(domain, m) { d3_scale_nice(domain, d3_scale_niceStep(d3_scale_linearTickRange(domain, m)[2])); d3_scale_nice(domain, d3_scale_niceStep(d3_scale_linearTickRange(domain, m)[2])); return domain; } function d3_scale_linearTickRange(domain, m) { if (m == null) m = 10; var extent = d3_scaleExtent(domain), span = extent[1] - extent[0], step = Math.pow(10, Math.floor(Math.log(span / m) / Math.LN10)), err = m / span * step; if (err <= .15) step *= 10; else if (err <= .35) step *= 5; else if (err <= .75) step *= 2; extent[0] = Math.ceil(extent[0] / step) * step; extent[1] = Math.floor(extent[1] / step) * step + step * .5; extent[2] = step; return extent; } function d3_scale_linearTicks(domain, m) { return d3.range.apply(d3, d3_scale_linearTickRange(domain, m)); } function d3_scale_linearTickFormat(domain, m, format) { var range = d3_scale_linearTickRange(domain, m); if (format) { var match = d3_format_re.exec(format); match.shift(); if (match[8] === "s") { var prefix = d3.formatPrefix(Math.max(abs(range[0]), abs(range[1]))); if (!match[7]) match[7] = "." + d3_scale_linearPrecision(prefix.scale(range[2])); match[8] = "f"; format = d3.format(match.join("")); return function(d) { return format(prefix.scale(d)) + prefix.symbol; }; } if (!match[7]) match[7] = "." + d3_scale_linearFormatPrecision(match[8], range); format = match.join(""); } else { format = ",." + d3_scale_linearPrecision(range[2]) + "f"; } return d3.format(format); } var d3_scale_linearFormatSignificant = { s: 1, g: 1, p: 1, r: 1, e: 1 }; function d3_scale_linearPrecision(value) { return -Math.floor(Math.log(value) / Math.LN10 + .01); } function d3_scale_linearFormatPrecision(type, range) { var p = d3_scale_linearPrecision(range[2]); return type in d3_scale_linearFormatSignificant ? Math.abs(p - d3_scale_linearPrecision(Math.max(abs(range[0]), abs(range[1])))) + +(type !== "e") : p - (type === "%") * 2; } d3.scale.log = function() { return d3_scale_log(d3.scale.linear().domain([ 0, 1 ]), 10, true, [ 1, 10 ]); }; function d3_scale_log(linear, base, positive, domain) { function log(x) { return (positive ? Math.log(x < 0 ? 0 : x) : -Math.log(x > 0 ? 0 : -x)) / Math.log(base); } function pow(x) { return positive ? Math.pow(base, x) : -Math.pow(base, -x); } function scale(x) { return linear(log(x)); } scale.invert = function(x) { return pow(linear.invert(x)); }; scale.domain = function(x) { if (!arguments.length) return domain; positive = x[0] >= 0; linear.domain((domain = x.map(Number)).map(log)); return scale; }; scale.base = function(_) { if (!arguments.length) return base; base = +_; linear.domain(domain.map(log)); return scale; }; scale.nice = function() { var niced = d3_scale_nice(domain.map(log), positive ? Math : d3_scale_logNiceNegative); linear.domain(niced); domain = niced.map(pow); return scale; }; scale.ticks = function() { var extent = d3_scaleExtent(domain), ticks = [], u = extent[0], v = extent[1], i = Math.floor(log(u)), j = Math.ceil(log(v)), n = base % 1 ? 2 : base; if (isFinite(j - i)) { if (positive) { for (;i < j; i++) for (var k = 1; k < n; k++) ticks.push(pow(i) * k); ticks.push(pow(i)); } else { ticks.push(pow(i)); for (;i++ < j; ) for (var k = n - 1; k > 0; k--) ticks.push(pow(i) * k); } for (i = 0; ticks[i] < u; i++) {} for (j = ticks.length; ticks[j - 1] > v; j--) {} ticks = ticks.slice(i, j); } return ticks; }; scale.tickFormat = function(n, format) { if (!arguments.length) return d3_scale_logFormat; if (arguments.length < 2) format = d3_scale_logFormat; else if (typeof format !== "function") format = d3.format(format); var k = Math.max(1, base * n / scale.ticks().length); return function(d) { var i = d / pow(Math.round(log(d))); if (i * base < base - .5) i *= base; return i <= k ? format(d) : ""; }; }; scale.copy = function() { return d3_scale_log(linear.copy(), base, positive, domain); }; return d3_scale_linearRebind(scale, linear); } var d3_scale_logFormat = d3.format(".0e"), d3_scale_logNiceNegative = { floor: function(x) { return -Math.ceil(-x); }, ceil: function(x) { return -Math.floor(-x); } }; d3.scale.pow = function() { return d3_scale_pow(d3.scale.linear(), 1, [ 0, 1 ]); }; function d3_scale_pow(linear, exponent, domain) { var powp = d3_scale_powPow(exponent), powb = d3_scale_powPow(1 / exponent); function scale(x) { return linear(powp(x)); } scale.invert = function(x) { return powb(linear.invert(x)); }; scale.domain = function(x) { if (!arguments.length) return domain; linear.domain((domain = x.map(Number)).map(powp)); return scale; }; scale.ticks = function(m) { return d3_scale_linearTicks(domain, m); }; scale.tickFormat = function(m, format) { return d3_scale_linearTickFormat(domain, m, format); }; scale.nice = function(m) { return scale.domain(d3_scale_linearNice(domain, m)); }; scale.exponent = function(x) { if (!arguments.length) return exponent; powp = d3_scale_powPow(exponent = x); powb = d3_scale_powPow(1 / exponent); linear.domain(domain.map(powp)); return scale; }; scale.copy = function() { return d3_scale_pow(linear.copy(), exponent, domain); }; return d3_scale_linearRebind(scale, linear); } function d3_scale_powPow(e) { return function(x) { return x < 0 ? -Math.pow(-x, e) : Math.pow(x, e); }; } d3.scale.sqrt = function() { return d3.scale.pow().exponent(.5); }; d3.scale.ordinal = function() { return d3_scale_ordinal([], { t: "range", a: [ [] ] }); }; function d3_scale_ordinal(domain, ranger) { var index, range, rangeBand; function scale(x) { return range[((index.get(x) || (ranger.t === "range" ? index.set(x, domain.push(x)) : NaN)) - 1) % range.length]; } function steps(start, step) { return d3.range(domain.length).map(function(i) { return start + step * i; }); } scale.domain = function(x) { if (!arguments.length) return domain; domain = []; index = new d3_Map(); var i = -1, n = x.length, xi; while (++i < n) if (!index.has(xi = x[i])) index.set(xi, domain.push(xi)); return scale[ranger.t].apply(scale, ranger.a); }; scale.range = function(x) { if (!arguments.length) return range; range = x; rangeBand = 0; ranger = { t: "range", a: arguments }; return scale; }; scale.rangePoints = function(x, padding) { if (arguments.length < 2) padding = 0; var start = x[0], stop = x[1], step = domain.length < 2 ? (start = (start + stop) / 2, 0) : (stop - start) / (domain.length - 1 + padding); range = steps(start + step * padding / 2, step); rangeBand = 0; ranger = { t: "rangePoints", a: arguments }; return scale; }; scale.rangeRoundPoints = function(x, padding) { if (arguments.length < 2) padding = 0; var start = x[0], stop = x[1], step = domain.length < 2 ? (start = stop = Math.round((start + stop) / 2), 0) : (stop - start) / (domain.length - 1 + padding) | 0; range = steps(start + Math.round(step * padding / 2 + (stop - start - (domain.length - 1 + padding) * step) / 2), step); rangeBand = 0; ranger = { t: "rangeRoundPoints", a: arguments }; return scale; }; scale.rangeBands = function(x, padding, outerPadding) { if (arguments.length < 2) padding = 0; if (arguments.length < 3) outerPadding = padding; var reverse = x[1] < x[0], start = x[reverse - 0], stop = x[1 - reverse], step = (stop - start) / (domain.length - padding + 2 * outerPadding); range = steps(start + step * outerPadding, step); if (reverse) range.reverse(); rangeBand = step * (1 - padding); ranger = { t: "rangeBands", a: arguments }; return scale; }; scale.rangeRoundBands = function(x, padding, outerPadding) { if (arguments.length < 2) padding = 0; if (arguments.length < 3) outerPadding = padding; var reverse = x[1] < x[0], start = x[reverse - 0], stop = x[1 - reverse], step = Math.floor((stop - start) / (domain.length - padding + 2 * outerPadding)); range = steps(start + Math.round((stop - start - (domain.length - padding) * step) / 2), step); if (reverse) range.reverse(); rangeBand = Math.round(step * (1 - padding)); ranger = { t: "rangeRoundBands", a: arguments }; return scale; }; scale.rangeBand = function() { return rangeBand; }; scale.rangeExtent = function() { return d3_scaleExtent(ranger.a[0]); }; scale.copy = function() { return d3_scale_ordinal(domain, ranger); }; return scale.domain(domain); } d3.scale.category10 = function() { return d3.scale.ordinal().range(d3_category10); }; d3.scale.category20 = function() { return d3.scale.ordinal().range(d3_category20); }; d3.scale.category20b = function() { return d3.scale.ordinal().range(d3_category20b); }; d3.scale.category20c = function() { return d3.scale.ordinal().range(d3_category20c); }; var d3_category10 = [ 2062260, 16744206, 2924588, 14034728, 9725885, 9197131, 14907330, 8355711, 12369186, 1556175 ].map(d3_rgbString); var d3_category20 = [ 2062260, 11454440, 16744206, 16759672, 2924588, 10018698, 14034728, 16750742, 9725885, 12955861, 9197131, 12885140, 14907330, 16234194, 8355711, 13092807, 12369186, 14408589, 1556175, 10410725 ].map(d3_rgbString); var d3_category20b = [ 3750777, 5395619, 7040719, 10264286, 6519097, 9216594, 11915115, 13556636, 9202993, 12426809, 15186514, 15190932, 8666169, 11356490, 14049643, 15177372, 8077683, 10834324, 13528509, 14589654 ].map(d3_rgbString); var d3_category20c = [ 3244733, 7057110, 10406625, 13032431, 15095053, 16616764, 16625259, 16634018, 3253076, 7652470, 10607003, 13101504, 7695281, 10394312, 12369372, 14342891, 6513507, 9868950, 12434877, 14277081 ].map(d3_rgbString); d3.scale.quantile = function() { return d3_scale_quantile([], []); }; function d3_scale_quantile(domain, range) { var thresholds; function rescale() { var k = 0, q = range.length; thresholds = []; while (++k < q) thresholds[k - 1] = d3.quantile(domain, k / q); return scale; } function scale(x) { if (!isNaN(x = +x)) return range[d3.bisect(thresholds, x)]; } scale.domain = function(x) { if (!arguments.length) return domain; domain = x.map(d3_number).filter(d3_numeric).sort(d3_ascending); return rescale(); }; scale.range = function(x) { if (!arguments.length) return range; range = x; return rescale(); }; scale.quantiles = function() { return thresholds; }; scale.invertExtent = function(y) { y = range.indexOf(y); return y < 0 ? [ NaN, NaN ] : [ y > 0 ? thresholds[y - 1] : domain[0], y < thresholds.length ? thresholds[y] : domain[domain.length - 1] ]; }; scale.copy = function() { return d3_scale_quantile(domain, range); }; return rescale(); } d3.scale.quantize = function() { return d3_scale_quantize(0, 1, [ 0, 1 ]); }; function d3_scale_quantize(x0, x1, range) { var kx, i; function scale(x) { return range[Math.max(0, Math.min(i, Math.floor(kx * (x - x0))))]; } function rescale() { kx = range.length / (x1 - x0); i = range.length - 1; return scale; } scale.domain = function(x) { if (!arguments.length) return [ x0, x1 ]; x0 = +x[0]; x1 = +x[x.length - 1]; return rescale(); }; scale.range = function(x) { if (!arguments.length) return range; range = x; return rescale(); }; scale.invertExtent = function(y) { y = range.indexOf(y); y = y < 0 ? NaN : y / kx + x0; return [ y, y + 1 / kx ]; }; scale.copy = function() { return d3_scale_quantize(x0, x1, range); }; return rescale(); } d3.scale.threshold = function() { return d3_scale_threshold([ .5 ], [ 0, 1 ]); }; function d3_scale_threshold(domain, range) { function scale(x) { if (x <= x) return range[d3.bisect(domain, x)]; } scale.domain = function(_) { if (!arguments.length) return domain; domain = _; return scale; }; scale.range = function(_) { if (!arguments.length) return range; range = _; return scale; }; scale.invertExtent = function(y) { y = range.indexOf(y); return [ domain[y - 1], domain[y] ]; }; scale.copy = function() { return d3_scale_threshold(domain, range); }; return scale; } d3.scale.identity = function() { return d3_scale_identity([ 0, 1 ]); }; function d3_scale_identity(domain) { function identity(x) { return +x; } identity.invert = identity; identity.domain = identity.range = function(x) { if (!arguments.length) return domain; domain = x.map(identity); return identity; }; identity.ticks = function(m) { return d3_scale_linearTicks(domain, m); }; identity.tickFormat = function(m, format) { return d3_scale_linearTickFormat(domain, m, format); }; identity.copy = function() { return d3_scale_identity(domain); }; return identity; } d3.svg = {}; function d3_zero() { return 0; } d3.svg.arc = function() { var innerRadius = d3_svg_arcInnerRadius, outerRadius = d3_svg_arcOuterRadius, cornerRadius = d3_zero, padRadius = d3_svg_arcAuto, startAngle = d3_svg_arcStartAngle, endAngle = d3_svg_arcEndAngle, padAngle = d3_svg_arcPadAngle; function arc() { var r0 = Math.max(0, +innerRadius.apply(this, arguments)), r1 = Math.max(0, +outerRadius.apply(this, arguments)), a0 = startAngle.apply(this, arguments) - halfπ, a1 = endAngle.apply(this, arguments) - halfπ, da = Math.abs(a1 - a0), cw = a0 > a1 ? 0 : 1; if (r1 < r0) rc = r1, r1 = r0, r0 = rc; if (da >= τε) return circleSegment(r1, cw) + (r0 ? circleSegment(r0, 1 - cw) : "") + "Z"; var rc, cr, rp, ap, p0 = 0, p1 = 0, x0, y0, x1, y1, x2, y2, x3, y3, path = []; if (ap = (+padAngle.apply(this, arguments) || 0) / 2) { rp = padRadius === d3_svg_arcAuto ? Math.sqrt(r0 * r0 + r1 * r1) : +padRadius.apply(this, arguments); if (!cw) p1 *= -1; if (r1) p1 = d3_asin(rp / r1 * Math.sin(ap)); if (r0) p0 = d3_asin(rp / r0 * Math.sin(ap)); } if (r1) { x0 = r1 * Math.cos(a0 + p1); y0 = r1 * Math.sin(a0 + p1); x1 = r1 * Math.cos(a1 - p1); y1 = r1 * Math.sin(a1 - p1); var l1 = Math.abs(a1 - a0 - 2 * p1) <= π ? 0 : 1; if (p1 && d3_svg_arcSweep(x0, y0, x1, y1) === cw ^ l1) { var h1 = (a0 + a1) / 2; x0 = r1 * Math.cos(h1); y0 = r1 * Math.sin(h1); x1 = y1 = null; } } else { x0 = y0 = 0; } if (r0) { x2 = r0 * Math.cos(a1 - p0); y2 = r0 * Math.sin(a1 - p0); x3 = r0 * Math.cos(a0 + p0); y3 = r0 * Math.sin(a0 + p0); var l0 = Math.abs(a0 - a1 + 2 * p0) <= π ? 0 : 1; if (p0 && d3_svg_arcSweep(x2, y2, x3, y3) === 1 - cw ^ l0) { var h0 = (a0 + a1) / 2; x2 = r0 * Math.cos(h0); y2 = r0 * Math.sin(h0); x3 = y3 = null; } } else { x2 = y2 = 0; } if (da > ε && (rc = Math.min(Math.abs(r1 - r0) / 2, +cornerRadius.apply(this, arguments))) > .001) { cr = r0 < r1 ^ cw ? 0 : 1; var rc1 = rc, rc0 = rc; if (da < π) { var oc = x3 == null ? [ x2, y2 ] : x1 == null ? [ x0, y0 ] : d3_geom_polygonIntersect([ x0, y0 ], [ x3, y3 ], [ x1, y1 ], [ x2, y2 ]), ax = x0 - oc[0], ay = y0 - oc[1], bx = x1 - oc[0], by = y1 - oc[1], kc = 1 / Math.sin(Math.acos((ax * bx + ay * by) / (Math.sqrt(ax * ax + ay * ay) * Math.sqrt(bx * bx + by * by))) / 2), lc = Math.sqrt(oc[0] * oc[0] + oc[1] * oc[1]); rc0 = Math.min(rc, (r0 - lc) / (kc - 1)); rc1 = Math.min(rc, (r1 - lc) / (kc + 1)); } if (x1 != null) { var t30 = d3_svg_arcCornerTangents(x3 == null ? [ x2, y2 ] : [ x3, y3 ], [ x0, y0 ], r1, rc1, cw), t12 = d3_svg_arcCornerTangents([ x1, y1 ], [ x2, y2 ], r1, rc1, cw); if (rc === rc1) { path.push("M", t30[0], "A", rc1, ",", rc1, " 0 0,", cr, " ", t30[1], "A", r1, ",", r1, " 0 ", 1 - cw ^ d3_svg_arcSweep(t30[1][0], t30[1][1], t12[1][0], t12[1][1]), ",", cw, " ", t12[1], "A", rc1, ",", rc1, " 0 0,", cr, " ", t12[0]); } else { path.push("M", t30[0], "A", rc1, ",", rc1, " 0 1,", cr, " ", t12[0]); } } else { path.push("M", x0, ",", y0); } if (x3 != null) { var t03 = d3_svg_arcCornerTangents([ x0, y0 ], [ x3, y3 ], r0, -rc0, cw), t21 = d3_svg_arcCornerTangents([ x2, y2 ], x1 == null ? [ x0, y0 ] : [ x1, y1 ], r0, -rc0, cw); if (rc === rc0) { path.push("L", t21[0], "A", rc0, ",", rc0, " 0 0,", cr, " ", t21[1], "A", r0, ",", r0, " 0 ", cw ^ d3_svg_arcSweep(t21[1][0], t21[1][1], t03[1][0], t03[1][1]), ",", 1 - cw, " ", t03[1], "A", rc0, ",", rc0, " 0 0,", cr, " ", t03[0]); } else { path.push("L", t21[0], "A", rc0, ",", rc0, " 0 0,", cr, " ", t03[0]); } } else { path.push("L", x2, ",", y2); } } else { path.push("M", x0, ",", y0); if (x1 != null) path.push("A", r1, ",", r1, " 0 ", l1, ",", cw, " ", x1, ",", y1); path.push("L", x2, ",", y2); if (x3 != null) path.push("A", r0, ",", r0, " 0 ", l0, ",", 1 - cw, " ", x3, ",", y3); } path.push("Z"); return path.join(""); } function circleSegment(r1, cw) { return "M0," + r1 + "A" + r1 + "," + r1 + " 0 1," + cw + " 0," + -r1 + "A" + r1 + "," + r1 + " 0 1," + cw + " 0," + r1; } arc.innerRadius = function(v) { if (!arguments.length) return innerRadius; innerRadius = d3_functor(v); return arc; }; arc.outerRadius = function(v) { if (!arguments.length) return outerRadius; outerRadius = d3_functor(v); return arc; }; arc.cornerRadius = function(v) { if (!arguments.length) return cornerRadius; cornerRadius = d3_functor(v); return arc; }; arc.padRadius = function(v) { if (!arguments.length) return padRadius; padRadius = v == d3_svg_arcAuto ? d3_svg_arcAuto : d3_functor(v); return arc; }; arc.startAngle = function(v) { if (!arguments.length) return startAngle; startAngle = d3_functor(v); return arc; }; arc.endAngle = function(v) { if (!arguments.length) return endAngle; endAngle = d3_functor(v); return arc; }; arc.padAngle = function(v) { if (!arguments.length) return padAngle; padAngle = d3_functor(v); return arc; }; arc.centroid = function() { var r = (+innerRadius.apply(this, arguments) + +outerRadius.apply(this, arguments)) / 2, a = (+startAngle.apply(this, arguments) + +endAngle.apply(this, arguments)) / 2 - halfπ; return [ Math.cos(a) * r, Math.sin(a) * r ]; }; return arc; }; var d3_svg_arcAuto = "auto"; function d3_svg_arcInnerRadius(d) { return d.innerRadius; } function d3_svg_arcOuterRadius(d) { return d.outerRadius; } function d3_svg_arcStartAngle(d) { return d.startAngle; } function d3_svg_arcEndAngle(d) { return d.endAngle; } function d3_svg_arcPadAngle(d) { return d && d.padAngle; } function d3_svg_arcSweep(x0, y0, x1, y1) { return (x0 - x1) * y0 - (y0 - y1) * x0 > 0 ? 0 : 1; } function d3_svg_arcCornerTangents(p0, p1, r1, rc, cw) { var x01 = p0[0] - p1[0], y01 = p0[1] - p1[1], lo = (cw ? rc : -rc) / Math.sqrt(x01 * x01 + y01 * y01), ox = lo * y01, oy = -lo * x01, x1 = p0[0] + ox, y1 = p0[1] + oy, x2 = p1[0] + ox, y2 = p1[1] + oy, x3 = (x1 + x2) / 2, y3 = (y1 + y2) / 2, dx = x2 - x1, dy = y2 - y1, d2 = dx * dx + dy * dy, r = r1 - rc, D = x1 * y2 - x2 * y1, d = (dy < 0 ? -1 : 1) * Math.sqrt(Math.max(0, r * r * d2 - D * D)), cx0 = (D * dy - dx * d) / d2, cy0 = (-D * dx - dy * d) / d2, cx1 = (D * dy + dx * d) / d2, cy1 = (-D * dx + dy * d) / d2, dx0 = cx0 - x3, dy0 = cy0 - y3, dx1 = cx1 - x3, dy1 = cy1 - y3; if (dx0 * dx0 + dy0 * dy0 > dx1 * dx1 + dy1 * dy1) cx0 = cx1, cy0 = cy1; return [ [ cx0 - ox, cy0 - oy ], [ cx0 * r1 / r, cy0 * r1 / r ] ]; } function d3_svg_line(projection) { var x = d3_geom_pointX, y = d3_geom_pointY, defined = d3_true, interpolate = d3_svg_lineLinear, interpolateKey = interpolate.key, tension = .7; function line(data) { var segments = [], points = [], i = -1, n = data.length, d, fx = d3_functor(x), fy = d3_functor(y); function segment() { segments.push("M", interpolate(projection(points), tension)); } while (++i < n) { if (defined.call(this, d = data[i], i)) { points.push([ +fx.call(this, d, i), +fy.call(this, d, i) ]); } else if (points.length) { segment(); points = []; } } if (points.length) segment(); return segments.length ? segments.join("") : null; } line.x = function(_) { if (!arguments.length) return x; x = _; return line; }; line.y = function(_) { if (!arguments.length) return y; y = _; return line; }; line.defined = function(_) { if (!arguments.length) return defined; defined = _; return line; }; line.interpolate = function(_) { if (!arguments.length) return interpolateKey; if (typeof _ === "function") interpolateKey = interpolate = _; else interpolateKey = (interpolate = d3_svg_lineInterpolators.get(_) || d3_svg_lineLinear).key; return line; }; line.tension = function(_) { if (!arguments.length) return tension; tension = _; return line; }; return line; } d3.svg.line = function() { return d3_svg_line(d3_identity); }; var d3_svg_lineInterpolators = d3.map({ linear: d3_svg_lineLinear, "linear-closed": d3_svg_lineLinearClosed, step: d3_svg_lineStep, "step-before": d3_svg_lineStepBefore, "step-after": d3_svg_lineStepAfter, basis: d3_svg_lineBasis, "basis-open": d3_svg_lineBasisOpen, "basis-closed": d3_svg_lineBasisClosed, bundle: d3_svg_lineBundle, cardinal: d3_svg_lineCardinal, "cardinal-open": d3_svg_lineCardinalOpen, "cardinal-closed": d3_svg_lineCardinalClosed, monotone: d3_svg_lineMonotone }); d3_svg_lineInterpolators.forEach(function(key, value) { value.key = key; value.closed = /-closed$/.test(key); }); function d3_svg_lineLinear(points) { return points.length > 1 ? points.join("L") : points + "Z"; } function d3_svg_lineLinearClosed(points) { return points.join("L") + "Z"; } function d3_svg_lineStep(points) { var i = 0, n = points.length, p = points[0], path = [ p[0], ",", p[1] ]; while (++i < n) path.push("H", (p[0] + (p = points[i])[0]) / 2, "V", p[1]); if (n > 1) path.push("H", p[0]); return path.join(""); } function d3_svg_lineStepBefore(points) { var i = 0, n = points.length, p = points[0], path = [ p[0], ",", p[1] ]; while (++i < n) path.push("V", (p = points[i])[1], "H", p[0]); return path.join(""); } function d3_svg_lineStepAfter(points) { var i = 0, n = points.length, p = points[0], path = [ p[0], ",", p[1] ]; while (++i < n) path.push("H", (p = points[i])[0], "V", p[1]); return path.join(""); } function d3_svg_lineCardinalOpen(points, tension) { return points.length < 4 ? d3_svg_lineLinear(points) : points[1] + d3_svg_lineHermite(points.slice(1, -1), d3_svg_lineCardinalTangents(points, tension)); } function d3_svg_lineCardinalClosed(points, tension) { return points.length < 3 ? d3_svg_lineLinearClosed(points) : points[0] + d3_svg_lineHermite((points.push(points[0]), points), d3_svg_lineCardinalTangents([ points[points.length - 2] ].concat(points, [ points[1] ]), tension)); } function d3_svg_lineCardinal(points, tension) { return points.length < 3 ? d3_svg_lineLinear(points) : points[0] + d3_svg_lineHermite(points, d3_svg_lineCardinalTangents(points, tension)); } function d3_svg_lineHermite(points, tangents) { if (tangents.length < 1 || points.length != tangents.length && points.length != tangents.length + 2) { return d3_svg_lineLinear(points); } var quad = points.length != tangents.length, path = "", p0 = points[0], p = points[1], t0 = tangents[0], t = t0, pi = 1; if (quad) { path += "Q" + (p[0] - t0[0] * 2 / 3) + "," + (p[1] - t0[1] * 2 / 3) + "," + p[0] + "," + p[1]; p0 = points[1]; pi = 2; } if (tangents.length > 1) { t = tangents[1]; p = points[pi]; pi++; path += "C" + (p0[0] + t0[0]) + "," + (p0[1] + t0[1]) + "," + (p[0] - t[0]) + "," + (p[1] - t[1]) + "," + p[0] + "," + p[1]; for (var i = 2; i < tangents.length; i++, pi++) { p = points[pi]; t = tangents[i]; path += "S" + (p[0] - t[0]) + "," + (p[1] - t[1]) + "," + p[0] + "," + p[1]; } } if (quad) { var lp = points[pi]; path += "Q" + (p[0] + t[0] * 2 / 3) + "," + (p[1] + t[1] * 2 / 3) + "," + lp[0] + "," + lp[1]; } return path; } function d3_svg_lineCardinalTangents(points, tension) { var tangents = [], a = (1 - tension) / 2, p0, p1 = points[0], p2 = points[1], i = 1, n = points.length; while (++i < n) { p0 = p1; p1 = p2; p2 = points[i]; tangents.push([ a * (p2[0] - p0[0]), a * (p2[1] - p0[1]) ]); } return tangents; } function d3_svg_lineBasis(points) { if (points.length < 3) return d3_svg_lineLinear(points); var i = 1, n = points.length, pi = points[0], x0 = pi[0], y0 = pi[1], px = [ x0, x0, x0, (pi = points[1])[0] ], py = [ y0, y0, y0, pi[1] ], path = [ x0, ",", y0, "L", d3_svg_lineDot4(d3_svg_lineBasisBezier3, px), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier3, py) ]; points.push(points[n - 1]); while (++i <= n) { pi = points[i]; px.shift(); px.push(pi[0]); py.shift(); py.push(pi[1]); d3_svg_lineBasisBezier(path, px, py); } points.pop(); path.push("L", pi); return path.join(""); } function d3_svg_lineBasisOpen(points) { if (points.length < 4) return d3_svg_lineLinear(points); var path = [], i = -1, n = points.length, pi, px = [ 0 ], py = [ 0 ]; while (++i < 3) { pi = points[i]; px.push(pi[0]); py.push(pi[1]); } path.push(d3_svg_lineDot4(d3_svg_lineBasisBezier3, px) + "," + d3_svg_lineDot4(d3_svg_lineBasisBezier3, py)); --i; while (++i < n) { pi = points[i]; px.shift(); px.push(pi[0]); py.shift(); py.push(pi[1]); d3_svg_lineBasisBezier(path, px, py); } return path.join(""); } function d3_svg_lineBasisClosed(points) { var path, i = -1, n = points.length, m = n + 4, pi, px = [], py = []; while (++i < 4) { pi = points[i % n]; px.push(pi[0]); py.push(pi[1]); } path = [ d3_svg_lineDot4(d3_svg_lineBasisBezier3, px), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier3, py) ]; --i; while (++i < m) { pi = points[i % n]; px.shift(); px.push(pi[0]); py.shift(); py.push(pi[1]); d3_svg_lineBasisBezier(path, px, py); } return path.join(""); } function d3_svg_lineBundle(points, tension) { var n = points.length - 1; if (n) { var x0 = points[0][0], y0 = points[0][1], dx = points[n][0] - x0, dy = points[n][1] - y0, i = -1, p, t; while (++i <= n) { p = points[i]; t = i / n; p[0] = tension * p[0] + (1 - tension) * (x0 + t * dx); p[1] = tension * p[1] + (1 - tension) * (y0 + t * dy); } } return d3_svg_lineBasis(points); } function d3_svg_lineDot4(a, b) { return a[0] * b[0] + a[1] * b[1] + a[2] * b[2] + a[3] * b[3]; } var d3_svg_lineBasisBezier1 = [ 0, 2 / 3, 1 / 3, 0 ], d3_svg_lineBasisBezier2 = [ 0, 1 / 3, 2 / 3, 0 ], d3_svg_lineBasisBezier3 = [ 0, 1 / 6, 2 / 3, 1 / 6 ]; function d3_svg_lineBasisBezier(path, x, y) { path.push("C", d3_svg_lineDot4(d3_svg_lineBasisBezier1, x), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier1, y), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier2, x), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier2, y), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier3, x), ",", d3_svg_lineDot4(d3_svg_lineBasisBezier3, y)); } function d3_svg_lineSlope(p0, p1) { return (p1[1] - p0[1]) / (p1[0] - p0[0]); } function d3_svg_lineFiniteDifferences(points) { var i = 0, j = points.length - 1, m = [], p0 = points[0], p1 = points[1], d = m[0] = d3_svg_lineSlope(p0, p1); while (++i < j) { m[i] = (d + (d = d3_svg_lineSlope(p0 = p1, p1 = points[i + 1]))) / 2; } m[i] = d; return m; } function d3_svg_lineMonotoneTangents(points) { var tangents = [], d, a, b, s, m = d3_svg_lineFiniteDifferences(points), i = -1, j = points.length - 1; while (++i < j) { d = d3_svg_lineSlope(points[i], points[i + 1]); if (abs(d) < ε) { m[i] = m[i + 1] = 0; } else { a = m[i] / d; b = m[i + 1] / d; s = a * a + b * b; if (s > 9) { s = d * 3 / Math.sqrt(s); m[i] = s * a; m[i + 1] = s * b; } } } i = -1; while (++i <= j) { s = (points[Math.min(j, i + 1)][0] - points[Math.max(0, i - 1)][0]) / (6 * (1 + m[i] * m[i])); tangents.push([ s || 0, m[i] * s || 0 ]); } return tangents; } function d3_svg_lineMonotone(points) { return points.length < 3 ? d3_svg_lineLinear(points) : points[0] + d3_svg_lineHermite(points, d3_svg_lineMonotoneTangents(points)); } d3.svg.line.radial = function() { var line = d3_svg_line(d3_svg_lineRadial); line.radius = line.x, delete line.x; line.angle = line.y, delete line.y; return line; }; function d3_svg_lineRadial(points) { var point, i = -1, n = points.length, r, a; while (++i < n) { point = points[i]; r = point[0]; a = point[1] - halfπ; point[0] = r * Math.cos(a); point[1] = r * Math.sin(a); } return points; } function d3_svg_area(projection) { var x0 = d3_geom_pointX, x1 = d3_geom_pointX, y0 = 0, y1 = d3_geom_pointY, defined = d3_true, interpolate = d3_svg_lineLinear, interpolateKey = interpolate.key, interpolateReverse = interpolate, L = "L", tension = .7; function area(data) { var segments = [], points0 = [], points1 = [], i = -1, n = data.length, d, fx0 = d3_functor(x0), fy0 = d3_functor(y0), fx1 = x0 === x1 ? function() { return x; } : d3_functor(x1), fy1 = y0 === y1 ? function() { return y; } : d3_functor(y1), x, y; function segment() { segments.push("M", interpolate(projection(points1), tension), L, interpolateReverse(projection(points0.reverse()), tension), "Z"); } while (++i < n) { if (defined.call(this, d = data[i], i)) { points0.push([ x = +fx0.call(this, d, i), y = +fy0.call(this, d, i) ]); points1.push([ +fx1.call(this, d, i), +fy1.call(this, d, i) ]); } else if (points0.length) { segment(); points0 = []; points1 = []; } } if (points0.length) segment(); return segments.length ? segments.join("") : null; } area.x = function(_) { if (!arguments.length) return x1; x0 = x1 = _; return area; }; area.x0 = function(_) { if (!arguments.length) return x0; x0 = _; return area; }; area.x1 = function(_) { if (!arguments.length) return x1; x1 = _; return area; }; area.y = function(_) { if (!arguments.length) return y1; y0 = y1 = _; return area; }; area.y0 = function(_) { if (!arguments.length) return y0; y0 = _; return area; }; area.y1 = function(_) { if (!arguments.length) return y1; y1 = _; return area; }; area.defined = function(_) { if (!arguments.length) return defined; defined = _; return area; }; area.interpolate = function(_) { if (!arguments.length) return interpolateKey; if (typeof _ === "function") interpolateKey = interpolate = _; else interpolateKey = (interpolate = d3_svg_lineInterpolators.get(_) || d3_svg_lineLinear).key; interpolateReverse = interpolate.reverse || interpolate; L = interpolate.closed ? "M" : "L"; return area; }; area.tension = function(_) { if (!arguments.length) return tension; tension = _; return area; }; return area; } d3_svg_lineStepBefore.reverse = d3_svg_lineStepAfter; d3_svg_lineStepAfter.reverse = d3_svg_lineStepBefore; d3.svg.area = function() { return d3_svg_area(d3_identity); }; d3.svg.area.radial = function() { var area = d3_svg_area(d3_svg_lineRadial); area.radius = area.x, delete area.x; area.innerRadius = area.x0, delete area.x0; area.outerRadius = area.x1, delete area.x1; area.angle = area.y, delete area.y; area.startAngle = area.y0, delete area.y0; area.endAngle = area.y1, delete area.y1; return area; }; d3.svg.chord = function() { var source = d3_source, target = d3_target, radius = d3_svg_chordRadius, startAngle = d3_svg_arcStartAngle, endAngle = d3_svg_arcEndAngle; function chord(d, i) { var s = subgroup(this, source, d, i), t = subgroup(this, target, d, i); return "M" + s.p0 + arc(s.r, s.p1, s.a1 - s.a0) + (equals(s, t) ? curve(s.r, s.p1, s.r, s.p0) : curve(s.r, s.p1, t.r, t.p0) + arc(t.r, t.p1, t.a1 - t.a0) + curve(t.r, t.p1, s.r, s.p0)) + "Z"; } function subgroup(self, f, d, i) { var subgroup = f.call(self, d, i), r = radius.call(self, subgroup, i), a0 = startAngle.call(self, subgroup, i) - halfπ, a1 = endAngle.call(self, subgroup, i) - halfπ; return { r: r, a0: a0, a1: a1, p0: [ r * Math.cos(a0), r * Math.sin(a0) ], p1: [ r * Math.cos(a1), r * Math.sin(a1) ] }; } function equals(a, b) { return a.a0 == b.a0 && a.a1 == b.a1; } function arc(r, p, a) { return "A" + r + "," + r + " 0 " + +(a > π) + ",1 " + p; } function curve(r0, p0, r1, p1) { return "Q 0,0 " + p1; } chord.radius = function(v) { if (!arguments.length) return radius; radius = d3_functor(v); return chord; }; chord.source = function(v) { if (!arguments.length) return source; source = d3_functor(v); return chord; }; chord.target = function(v) { if (!arguments.length) return target; target = d3_functor(v); return chord; }; chord.startAngle = function(v) { if (!arguments.length) return startAngle; startAngle = d3_functor(v); return chord; }; chord.endAngle = function(v) { if (!arguments.length) return endAngle; endAngle = d3_functor(v); return chord; }; return chord; }; function d3_svg_chordRadius(d) { return d.radius; } d3.svg.diagonal = function() { var source = d3_source, target = d3_target, projection = d3_svg_diagonalProjection; function diagonal(d, i) { var p0 = source.call(this, d, i), p3 = target.call(this, d, i), m = (p0.y + p3.y) / 2, p = [ p0, { x: p0.x, y: m }, { x: p3.x, y: m }, p3 ]; p = p.map(projection); return "M" + p[0] + "C" + p[1] + " " + p[2] + " " + p[3]; } diagonal.source = function(x) { if (!arguments.length) return source; source = d3_functor(x); return diagonal; }; diagonal.target = function(x) { if (!arguments.length) return target; target = d3_functor(x); return diagonal; }; diagonal.projection = function(x) { if (!arguments.length) return projection; projection = x; return diagonal; }; return diagonal; }; function d3_svg_diagonalProjection(d) { return [ d.x, d.y ]; } d3.svg.diagonal.radial = function() { var diagonal = d3.svg.diagonal(), projection = d3_svg_diagonalProjection, projection_ = diagonal.projection; diagonal.projection = function(x) { return arguments.length ? projection_(d3_svg_diagonalRadialProjection(projection = x)) : projection; }; return diagonal; }; function d3_svg_diagonalRadialProjection(projection) { return function() { var d = projection.apply(this, arguments), r = d[0], a = d[1] - halfπ; return [ r * Math.cos(a), r * Math.sin(a) ]; }; } d3.svg.symbol = function() { var type = d3_svg_symbolType, size = d3_svg_symbolSize; function symbol(d, i) { return (d3_svg_symbols.get(type.call(this, d, i)) || d3_svg_symbolCircle)(size.call(this, d, i)); } symbol.type = function(x) { if (!arguments.length) return type; type = d3_functor(x); return symbol; }; symbol.size = function(x) { if (!arguments.length) return size; size = d3_functor(x); return symbol; }; return symbol; }; function d3_svg_symbolSize() { return 64; } function d3_svg_symbolType() { return "circle"; } function d3_svg_symbolCircle(size) { var r = Math.sqrt(size / π); return "M0," + r + "A" + r + "," + r + " 0 1,1 0," + -r + "A" + r + "," + r + " 0 1,1 0," + r + "Z"; } var d3_svg_symbols = d3.map({ circle: d3_svg_symbolCircle, cross: function(size) { var r = Math.sqrt(size / 5) / 2; return "M" + -3 * r + "," + -r + "H" + -r + "V" + -3 * r + "H" + r + "V" + -r + "H" + 3 * r + "V" + r + "H" + r + "V" + 3 * r + "H" + -r + "V" + r + "H" + -3 * r + "Z"; }, diamond: function(size) { var ry = Math.sqrt(size / (2 * d3_svg_symbolTan30)), rx = ry * d3_svg_symbolTan30; return "M0," + -ry + "L" + rx + ",0" + " 0," + ry + " " + -rx + ",0" + "Z"; }, square: function(size) { var r = Math.sqrt(size) / 2; return "M" + -r + "," + -r + "L" + r + "," + -r + " " + r + "," + r + " " + -r + "," + r + "Z"; }, "triangle-down": function(size) { var rx = Math.sqrt(size / d3_svg_symbolSqrt3), ry = rx * d3_svg_symbolSqrt3 / 2; return "M0," + ry + "L" + rx + "," + -ry + " " + -rx + "," + -ry + "Z"; }, "triangle-up": function(size) { var rx = Math.sqrt(size / d3_svg_symbolSqrt3), ry = rx * d3_svg_symbolSqrt3 / 2; return "M0," + -ry + "L" + rx + "," + ry + " " + -rx + "," + ry + "Z"; } }); d3.svg.symbolTypes = d3_svg_symbols.keys(); var d3_svg_symbolSqrt3 = Math.sqrt(3), d3_svg_symbolTan30 = Math.tan(30 * d3_radians); d3_selectionPrototype.transition = function(name) { var id = d3_transitionInheritId || ++d3_transitionId, ns = d3_transitionNamespace(name), subgroups = [], subgroup, node, transition = d3_transitionInherit || { time: Date.now(), ease: d3_ease_cubicInOut, delay: 0, duration: 250 }; for (var j = -1, m = this.length; ++j < m; ) { subgroups.push(subgroup = []); for (var group = this[j], i = -1, n = group.length; ++i < n; ) { if (node = group[i]) d3_transitionNode(node, i, ns, id, transition); subgroup.push(node); } } return d3_transition(subgroups, ns, id); }; d3_selectionPrototype.interrupt = function(name) { return this.each(name == null ? d3_selection_interrupt : d3_selection_interruptNS(d3_transitionNamespace(name))); }; var d3_selection_interrupt = d3_selection_interruptNS(d3_transitionNamespace()); function d3_selection_interruptNS(ns) { return function() { var lock, activeId, active; if ((lock = this[ns]) && (active = lock[activeId = lock.active])) { active.timer.c = null; active.timer.t = NaN; if (--lock.count) delete lock[activeId]; else delete this[ns]; lock.active += .5; active.event && active.event.interrupt.call(this, this.__data__, active.index); } }; } function d3_transition(groups, ns, id) { d3_subclass(groups, d3_transitionPrototype); groups.namespace = ns; groups.id = id; return groups; } var d3_transitionPrototype = [], d3_transitionId = 0, d3_transitionInheritId, d3_transitionInherit; d3_transitionPrototype.call = d3_selectionPrototype.call; d3_transitionPrototype.empty = d3_selectionPrototype.empty; d3_transitionPrototype.node = d3_selectionPrototype.node; d3_transitionPrototype.size = d3_selectionPrototype.size; d3.transition = function(selection, name) { return selection && selection.transition ? d3_transitionInheritId ? selection.transition(name) : selection : d3.selection().transition(selection); }; d3.transition.prototype = d3_transitionPrototype; d3_transitionPrototype.select = function(selector) { var id = this.id, ns = this.namespace, subgroups = [], subgroup, subnode, node; selector = d3_selection_selector(selector); for (var j = -1, m = this.length; ++j < m; ) { subgroups.push(subgroup = []); for (var group = this[j], i = -1, n = group.length; ++i < n; ) { if ((node = group[i]) && (subnode = selector.call(node, node.__data__, i, j))) { if ("__data__" in node) subnode.__data__ = node.__data__; d3_transitionNode(subnode, i, ns, id, node[ns][id]); subgroup.push(subnode); } else { subgroup.push(null); } } } return d3_transition(subgroups, ns, id); }; d3_transitionPrototype.selectAll = function(selector) { var id = this.id, ns = this.namespace, subgroups = [], subgroup, subnodes, node, subnode, transition; selector = d3_selection_selectorAll(selector); for (var j = -1, m = this.length; ++j < m; ) { for (var group = this[j], i = -1, n = group.length; ++i < n; ) { if (node = group[i]) { transition = node[ns][id]; subnodes = selector.call(node, node.__data__, i, j); subgroups.push(subgroup = []); for (var k = -1, o = subnodes.length; ++k < o; ) { if (subnode = subnodes[k]) d3_transitionNode(subnode, k, ns, id, transition); subgroup.push(subnode); } } } } return d3_transition(subgroups, ns, id); }; d3_transitionPrototype.filter = function(filter) { var subgroups = [], subgroup, group, node; if (typeof filter !== "function") filter = d3_selection_filter(filter); for (var j = 0, m = this.length; j < m; j++) { subgroups.push(subgroup = []); for (var group = this[j], i = 0, n = group.length; i < n; i++) { if ((node = group[i]) && filter.call(node, node.__data__, i, j)) { subgroup.push(node); } } } return d3_transition(subgroups, this.namespace, this.id); }; d3_transitionPrototype.tween = function(name, tween) { var id = this.id, ns = this.namespace; if (arguments.length < 2) return this.node()[ns][id].tween.get(name); return d3_selection_each(this, tween == null ? function(node) { node[ns][id].tween.remove(name); } : function(node) { node[ns][id].tween.set(name, tween); }); }; function d3_transition_tween(groups, name, value, tween) { var id = groups.id, ns = groups.namespace; return d3_selection_each(groups, typeof value === "function" ? function(node, i, j) { node[ns][id].tween.set(name, tween(value.call(node, node.__data__, i, j))); } : (value = tween(value), function(node) { node[ns][id].tween.set(name, value); })); } d3_transitionPrototype.attr = function(nameNS, value) { if (arguments.length < 2) { for (value in nameNS) this.attr(value, nameNS[value]); return this; } var interpolate = nameNS == "transform" ? d3_interpolateTransform : d3_interpolate, name = d3.ns.qualify(nameNS); function attrNull() { this.removeAttribute(name); } function attrNullNS() { this.removeAttributeNS(name.space, name.local); } function attrTween(b) { return b == null ? attrNull : (b += "", function() { var a = this.getAttribute(name), i; return a !== b && (i = interpolate(a, b), function(t) { this.setAttribute(name, i(t)); }); }); } function attrTweenNS(b) { return b == null ? attrNullNS : (b += "", function() { var a = this.getAttributeNS(name.space, name.local), i; return a !== b && (i = interpolate(a, b), function(t) { this.setAttributeNS(name.space, name.local, i(t)); }); }); } return d3_transition_tween(this, "attr." + nameNS, value, name.local ? attrTweenNS : attrTween); }; d3_transitionPrototype.attrTween = function(nameNS, tween) { var name = d3.ns.qualify(nameNS); function attrTween(d, i) { var f = tween.call(this, d, i, this.getAttribute(name)); return f && function(t) { this.setAttribute(name, f(t)); }; } function attrTweenNS(d, i) { var f = tween.call(this, d, i, this.getAttributeNS(name.space, name.local)); return f && function(t) { this.setAttributeNS(name.space, name.local, f(t)); }; } return this.tween("attr." + nameNS, name.local ? attrTweenNS : attrTween); }; d3_transitionPrototype.style = function(name, value, priority) { var n = arguments.length; if (n < 3) { if (typeof name !== "string") { if (n < 2) value = ""; for (priority in name) this.style(priority, name[priority], value); return this; } priority = ""; } function styleNull() { this.style.removeProperty(name); } function styleString(b) { return b == null ? styleNull : (b += "", function() { var a = d3_window(this).getComputedStyle(this, null).getPropertyValue(name), i; return a !== b && (i = d3_interpolate(a, b), function(t) { this.style.setProperty(name, i(t), priority); }); }); } return d3_transition_tween(this, "style." + name, value, styleString); }; d3_transitionPrototype.styleTween = function(name, tween, priority) { if (arguments.length < 3) priority = ""; function styleTween(d, i) { var f = tween.call(this, d, i, d3_window(this).getComputedStyle(this, null).getPropertyValue(name)); return f && function(t) { this.style.setProperty(name, f(t), priority); }; } return this.tween("style." + name, styleTween); }; d3_transitionPrototype.text = function(value) { return d3_transition_tween(this, "text", value, d3_transition_text); }; function d3_transition_text(b) { if (b == null) b = ""; return function() { this.textContent = b; }; } d3_transitionPrototype.remove = function() { var ns = this.namespace; return this.each("end.transition", function() { var p; if (this[ns].count < 2 && (p = this.parentNode)) p.removeChild(this); }); }; d3_transitionPrototype.ease = function(value) { var id = this.id, ns = this.namespace; if (arguments.length < 1) return this.node()[ns][id].ease; if (typeof value !== "function") value = d3.ease.apply(d3, arguments); return d3_selection_each(this, function(node) { node[ns][id].ease = value; }); }; d3_transitionPrototype.delay = function(value) { var id = this.id, ns = this.namespace; if (arguments.length < 1) return this.node()[ns][id].delay; return d3_selection_each(this, typeof value === "function" ? function(node, i, j) { node[ns][id].delay = +value.call(node, node.__data__, i, j); } : (value = +value, function(node) { node[ns][id].delay = value; })); }; d3_transitionPrototype.duration = function(value) { var id = this.id, ns = this.namespace; if (arguments.length < 1) return this.node()[ns][id].duration; return d3_selection_each(this, typeof value === "function" ? function(node, i, j) { node[ns][id].duration = Math.max(1, value.call(node, node.__data__, i, j)); } : (value = Math.max(1, value), function(node) { node[ns][id].duration = value; })); }; d3_transitionPrototype.each = function(type, listener) { var id = this.id, ns = this.namespace; if (arguments.length < 2) { var inherit = d3_transitionInherit, inheritId = d3_transitionInheritId; try { d3_transitionInheritId = id; d3_selection_each(this, function(node, i, j) { d3_transitionInherit = node[ns][id]; type.call(node, node.__data__, i, j); }); } finally { d3_transitionInherit = inherit; d3_transitionInheritId = inheritId; } } else { d3_selection_each(this, function(node) { var transition = node[ns][id]; (transition.event || (transition.event = d3.dispatch("start", "end", "interrupt"))).on(type, listener); }); } return this; }; d3_transitionPrototype.transition = function() { var id0 = this.id, id1 = ++d3_transitionId, ns = this.namespace, subgroups = [], subgroup, group, node, transition; for (var j = 0, m = this.length; j < m; j++) { subgroups.push(subgroup = []); for (var group = this[j], i = 0, n = group.length; i < n; i++) { if (node = group[i]) { transition = node[ns][id0]; d3_transitionNode(node, i, ns, id1, { time: transition.time, ease: transition.ease, delay: transition.delay + transition.duration, duration: transition.duration }); } subgroup.push(node); } } return d3_transition(subgroups, ns, id1); }; function d3_transitionNamespace(name) { return name == null ? "__transition__" : "__transition_" + name + "__"; } function d3_transitionNode(node, i, ns, id, inherit) { var lock = node[ns] || (node[ns] = { active: 0, count: 0 }), transition = lock[id], time, timer, duration, ease, tweens; function schedule(elapsed) { var delay = transition.delay; timer.t = delay + time; if (delay <= elapsed) return start(elapsed - delay); timer.c = start; } function start(elapsed) { var activeId = lock.active, active = lock[activeId]; if (active) { active.timer.c = null; active.timer.t = NaN; --lock.count; delete lock[activeId]; active.event && active.event.interrupt.call(node, node.__data__, active.index); } for (var cancelId in lock) { if (+cancelId < id) { var cancel = lock[cancelId]; cancel.timer.c = null; cancel.timer.t = NaN; --lock.count; delete lock[cancelId]; } } timer.c = tick; d3_timer(function() { if (timer.c && tick(elapsed || 1)) { timer.c = null; timer.t = NaN; } return 1; }, 0, time); lock.active = id; transition.event && transition.event.start.call(node, node.__data__, i); tweens = []; transition.tween.forEach(function(key, value) { if (value = value.call(node, node.__data__, i)) { tweens.push(value); } }); ease = transition.ease; duration = transition.duration; } function tick(elapsed) { var t = elapsed / duration, e = ease(t), n = tweens.length; while (n > 0) { tweens[--n].call(node, e); } if (t >= 1) { transition.event && transition.event.end.call(node, node.__data__, i); if (--lock.count) delete lock[id]; else delete node[ns]; return 1; } } if (!transition) { time = inherit.time; timer = d3_timer(schedule, 0, time); transition = lock[id] = { tween: new d3_Map(), time: time, timer: timer, delay: inherit.delay, duration: inherit.duration, ease: inherit.ease, index: i }; inherit = null; ++lock.count; } } d3.svg.axis = function() { var scale = d3.scale.linear(), orient = d3_svg_axisDefaultOrient, innerTickSize = 6, outerTickSize = 6, tickPadding = 3, tickArguments_ = [ 10 ], tickValues = null, tickFormat_; function axis(g) { g.each(function() { var g = d3.select(this); var scale0 = this.__chart__ || scale, scale1 = this.__chart__ = scale.copy(); var ticks = tickValues == null ? scale1.ticks ? scale1.ticks.apply(scale1, tickArguments_) : scale1.domain() : tickValues, tickFormat = tickFormat_ == null ? scale1.tickFormat ? scale1.tickFormat.apply(scale1, tickArguments_) : d3_identity : tickFormat_, tick = g.selectAll(".tick").data(ticks, scale1), tickEnter = tick.enter().insert("g", ".domain").attr("class", "tick").style("opacity", ε), tickExit = d3.transition(tick.exit()).style("opacity", ε).remove(), tickUpdate = d3.transition(tick.order()).style("opacity", 1), tickSpacing = Math.max(innerTickSize, 0) + tickPadding, tickTransform; var range = d3_scaleRange(scale1), path = g.selectAll(".domain").data([ 0 ]), pathUpdate = (path.enter().append("path").attr("class", "domain"), d3.transition(path)); tickEnter.append("line"); tickEnter.append("text"); var lineEnter = tickEnter.select("line"), lineUpdate = tickUpdate.select("line"), text = tick.select("text").text(tickFormat), textEnter = tickEnter.select("text"), textUpdate = tickUpdate.select("text"), sign = orient === "top" || orient === "left" ? -1 : 1, x1, x2, y1, y2; if (orient === "bottom" || orient === "top") { tickTransform = d3_svg_axisX, x1 = "x", y1 = "y", x2 = "x2", y2 = "y2"; text.attr("dy", sign < 0 ? "0em" : ".71em").style("text-anchor", "middle"); pathUpdate.attr("d", "M" + range[0] + "," + sign * outerTickSize + "V0H" + range[1] + "V" + sign * outerTickSize); } else { tickTransform = d3_svg_axisY, x1 = "y", y1 = "x", x2 = "y2", y2 = "x2"; text.attr("dy", ".32em").style("text-anchor", sign < 0 ? "end" : "start"); pathUpdate.attr("d", "M" + sign * outerTickSize + "," + range[0] + "H0V" + range[1] + "H" + sign * outerTickSize); } lineEnter.attr(y2, sign * innerTickSize); textEnter.attr(y1, sign * tickSpacing); lineUpdate.attr(x2, 0).attr(y2, sign * innerTickSize); textUpdate.attr(x1, 0).attr(y1, sign * tickSpacing); if (scale1.rangeBand) { var x = scale1, dx = x.rangeBand() / 2; scale0 = scale1 = function(d) { return x(d) + dx; }; } else if (scale0.rangeBand) { scale0 = scale1; } else { tickExit.call(tickTransform, scale1, scale0); } tickEnter.call(tickTransform, scale0, scale1); tickUpdate.call(tickTransform, scale1, scale1); }); } axis.scale = function(x) { if (!arguments.length) return scale; scale = x; return axis; }; axis.orient = function(x) { if (!arguments.length) return orient; orient = x in d3_svg_axisOrients ? x + "" : d3_svg_axisDefaultOrient; return axis; }; axis.ticks = function() { if (!arguments.length) return tickArguments_; tickArguments_ = d3_array(arguments); return axis; }; axis.tickValues = function(x) { if (!arguments.length) return tickValues; tickValues = x; return axis; }; axis.tickFormat = function(x) { if (!arguments.length) return tickFormat_; tickFormat_ = x; return axis; }; axis.tickSize = function(x) { var n = arguments.length; if (!n) return innerTickSize; innerTickSize = +x; outerTickSize = +arguments[n - 1]; return axis; }; axis.innerTickSize = function(x) { if (!arguments.length) return innerTickSize; innerTickSize = +x; return axis; }; axis.outerTickSize = function(x) { if (!arguments.length) return outerTickSize; outerTickSize = +x; return axis; }; axis.tickPadding = function(x) { if (!arguments.length) return tickPadding; tickPadding = +x; return axis; }; axis.tickSubdivide = function() { return arguments.length && axis; }; return axis; }; var d3_svg_axisDefaultOrient = "bottom", d3_svg_axisOrients = { top: 1, right: 1, bottom: 1, left: 1 }; function d3_svg_axisX(selection, x0, x1) { selection.attr("transform", function(d) { var v0 = x0(d); return "translate(" + (isFinite(v0) ? v0 : x1(d)) + ",0)"; }); } function d3_svg_axisY(selection, y0, y1) { selection.attr("transform", function(d) { var v0 = y0(d); return "translate(0," + (isFinite(v0) ? v0 : y1(d)) + ")"; }); } d3.svg.brush = function() { var event = d3_eventDispatch(brush, "brushstart", "brush", "brushend"), x = null, y = null, xExtent = [ 0, 0 ], yExtent = [ 0, 0 ], xExtentDomain, yExtentDomain, xClamp = true, yClamp = true, resizes = d3_svg_brushResizes[0]; function brush(g) { g.each(function() { var g = d3.select(this).style("pointer-events", "all").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)").on("mousedown.brush", brushstart).on("touchstart.brush", brushstart); var background = g.selectAll(".background").data([ 0 ]); background.enter().append("rect").attr("class", "background").style("visibility", "hidden").style("cursor", "crosshair"); g.selectAll(".extent").data([ 0 ]).enter().append("rect").attr("class", "extent").style("cursor", "move"); var resize = g.selectAll(".resize").data(resizes, d3_identity); resize.exit().remove(); resize.enter().append("g").attr("class", function(d) { return "resize " + d; }).style("cursor", function(d) { return d3_svg_brushCursor[d]; }).append("rect").attr("x", function(d) { return /[ew]$/.test(d) ? -3 : null; }).attr("y", function(d) { return /^[ns]/.test(d) ? -3 : null; }).attr("width", 6).attr("height", 6).style("visibility", "hidden"); resize.style("display", brush.empty() ? "none" : null); var gUpdate = d3.transition(g), backgroundUpdate = d3.transition(background), range; if (x) { range = d3_scaleRange(x); backgroundUpdate.attr("x", range[0]).attr("width", range[1] - range[0]); redrawX(gUpdate); } if (y) { range = d3_scaleRange(y); backgroundUpdate.attr("y", range[0]).attr("height", range[1] - range[0]); redrawY(gUpdate); } redraw(gUpdate); }); } brush.event = function(g) { g.each(function() { var event_ = event.of(this, arguments), extent1 = { x: xExtent, y: yExtent, i: xExtentDomain, j: yExtentDomain }, extent0 = this.__chart__ || extent1; this.__chart__ = extent1; if (d3_transitionInheritId) { d3.select(this).transition().each("start.brush", function() { xExtentDomain = extent0.i; yExtentDomain = extent0.j; xExtent = extent0.x; yExtent = extent0.y; event_({ type: "brushstart" }); }).tween("brush:brush", function() { var xi = d3_interpolateArray(xExtent, extent1.x), yi = d3_interpolateArray(yExtent, extent1.y); xExtentDomain = yExtentDomain = null; return function(t) { xExtent = extent1.x = xi(t); yExtent = extent1.y = yi(t); event_({ type: "brush", mode: "resize" }); }; }).each("end.brush", function() { xExtentDomain = extent1.i; yExtentDomain = extent1.j; event_({ type: "brush", mode: "resize" }); event_({ type: "brushend" }); }); } else { event_({ type: "brushstart" }); event_({ type: "brush", mode: "resize" }); event_({ type: "brushend" }); } }); }; function redraw(g) { g.selectAll(".resize").attr("transform", function(d) { return "translate(" + xExtent[+/e$/.test(d)] + "," + yExtent[+/^s/.test(d)] + ")"; }); } function redrawX(g) { g.select(".extent").attr("x", xExtent[0]); g.selectAll(".extent,.n>rect,.s>rect").attr("width", xExtent[1] - xExtent[0]); } function redrawY(g) { g.select(".extent").attr("y", yExtent[0]); g.selectAll(".extent,.e>rect,.w>rect").attr("height", yExtent[1] - yExtent[0]); } function brushstart() { var target = this, eventTarget = d3.select(d3.event.target), event_ = event.of(target, arguments), g = d3.select(target), resizing = eventTarget.datum(), resizingX = !/^(n|s)$/.test(resizing) && x, resizingY = !/^(e|w)$/.test(resizing) && y, dragging = eventTarget.classed("extent"), dragRestore = d3_event_dragSuppress(target), center, origin = d3.mouse(target), offset; var w = d3.select(d3_window(target)).on("keydown.brush", keydown).on("keyup.brush", keyup); if (d3.event.changedTouches) { w.on("touchmove.brush", brushmove).on("touchend.brush", brushend); } else { w.on("mousemove.brush", brushmove).on("mouseup.brush", brushend); } g.interrupt().selectAll("*").interrupt(); if (dragging) { origin[0] = xExtent[0] - origin[0]; origin[1] = yExtent[0] - origin[1]; } else if (resizing) { var ex = +/w$/.test(resizing), ey = +/^n/.test(resizing); offset = [ xExtent[1 - ex] - origin[0], yExtent[1 - ey] - origin[1] ]; origin[0] = xExtent[ex]; origin[1] = yExtent[ey]; } else if (d3.event.altKey) center = origin.slice(); g.style("pointer-events", "none").selectAll(".resize").style("display", null); d3.select("body").style("cursor", eventTarget.style("cursor")); event_({ type: "brushstart" }); brushmove(); function keydown() { if (d3.event.keyCode == 32) { if (!dragging) { center = null; origin[0] -= xExtent[1]; origin[1] -= yExtent[1]; dragging = 2; } d3_eventPreventDefault(); } } function keyup() { if (d3.event.keyCode == 32 && dragging == 2) { origin[0] += xExtent[1]; origin[1] += yExtent[1]; dragging = 0; d3_eventPreventDefault(); } } function brushmove() { var point = d3.mouse(target), moved = false; if (offset) { point[0] += offset[0]; point[1] += offset[1]; } if (!dragging) { if (d3.event.altKey) { if (!center) center = [ (xExtent[0] + xExtent[1]) / 2, (yExtent[0] + yExtent[1]) / 2 ]; origin[0] = xExtent[+(point[0] < center[0])]; origin[1] = yExtent[+(point[1] < center[1])]; } else center = null; } if (resizingX && move1(point, x, 0)) { redrawX(g); moved = true; } if (resizingY && move1(point, y, 1)) { redrawY(g); moved = true; } if (moved) { redraw(g); event_({ type: "brush", mode: dragging ? "move" : "resize" }); } } function move1(point, scale, i) { var range = d3_scaleRange(scale), r0 = range[0], r1 = range[1], position = origin[i], extent = i ? yExtent : xExtent, size = extent[1] - extent[0], min, max; if (dragging) { r0 -= position; r1 -= size + position; } min = (i ? yClamp : xClamp) ? Math.max(r0, Math.min(r1, point[i])) : point[i]; if (dragging) { max = (min += position) + size; } else { if (center) position = Math.max(r0, Math.min(r1, 2 * center[i] - min)); if (position < min) { max = min; min = position; } else { max = position; } } if (extent[0] != min || extent[1] != max) { if (i) yExtentDomain = null; else xExtentDomain = null; extent[0] = min; extent[1] = max; return true; } } function brushend() { brushmove(); g.style("pointer-events", "all").selectAll(".resize").style("display", brush.empty() ? "none" : null); d3.select("body").style("cursor", null); w.on("mousemove.brush", null).on("mouseup.brush", null).on("touchmove.brush", null).on("touchend.brush", null).on("keydown.brush", null).on("keyup.brush", null); dragRestore(); event_({ type: "brushend" }); } } brush.x = function(z) { if (!arguments.length) return x; x = z; resizes = d3_svg_brushResizes[!x << 1 | !y]; return brush; }; brush.y = function(z) { if (!arguments.length) return y; y = z; resizes = d3_svg_brushResizes[!x << 1 | !y]; return brush; }; brush.clamp = function(z) { if (!arguments.length) return x && y ? [ xClamp, yClamp ] : x ? xClamp : y ? yClamp : null; if (x && y) xClamp = !!z[0], yClamp = !!z[1]; else if (x) xClamp = !!z; else if (y) yClamp = !!z; return brush; }; brush.extent = function(z) { var x0, x1, y0, y1, t; if (!arguments.length) { if (x) { if (xExtentDomain) { x0 = xExtentDomain[0], x1 = xExtentDomain[1]; } else { x0 = xExtent[0], x1 = xExtent[1]; if (x.invert) x0 = x.invert(x0), x1 = x.invert(x1); if (x1 < x0) t = x0, x0 = x1, x1 = t; } } if (y) { if (yExtentDomain) { y0 = yExtentDomain[0], y1 = yExtentDomain[1]; } else { y0 = yExtent[0], y1 = yExtent[1]; if (y.invert) y0 = y.invert(y0), y1 = y.invert(y1); if (y1 < y0) t = y0, y0 = y1, y1 = t; } } return x && y ? [ [ x0, y0 ], [ x1, y1 ] ] : x ? [ x0, x1 ] : y && [ y0, y1 ]; } if (x) { x0 = z[0], x1 = z[1]; if (y) x0 = x0[0], x1 = x1[0]; xExtentDomain = [ x0, x1 ]; if (x.invert) x0 = x(x0), x1 = x(x1); if (x1 < x0) t = x0, x0 = x1, x1 = t; if (x0 != xExtent[0] || x1 != xExtent[1]) xExtent = [ x0, x1 ]; } if (y) { y0 = z[0], y1 = z[1]; if (x) y0 = y0[1], y1 = y1[1]; yExtentDomain = [ y0, y1 ]; if (y.invert) y0 = y(y0), y1 = y(y1); if (y1 < y0) t = y0, y0 = y1, y1 = t; if (y0 != yExtent[0] || y1 != yExtent[1]) yExtent = [ y0, y1 ]; } return brush; }; brush.clear = function() { if (!brush.empty()) { xExtent = [ 0, 0 ], yExtent = [ 0, 0 ]; xExtentDomain = yExtentDomain = null; } return brush; }; brush.empty = function() { return !!x && xExtent[0] == xExtent[1] || !!y && yExtent[0] == yExtent[1]; }; return d3.rebind(brush, event, "on"); }; var d3_svg_brushCursor = { n: "ns-resize", e: "ew-resize", s: "ns-resize", w: "ew-resize", nw: "nwse-resize", ne: "nesw-resize", se: "nwse-resize", sw: "nesw-resize" }; var d3_svg_brushResizes = [ [ "n", "e", "s", "w", "nw", "ne", "se", "sw" ], [ "e", "w" ], [ "n", "s" ], [] ]; var d3_time_format = d3_time.format = d3_locale_enUS.timeFormat; var d3_time_formatUtc = d3_time_format.utc; var d3_time_formatIso = d3_time_formatUtc("%Y-%m-%dT%H:%M:%S.%LZ"); d3_time_format.iso = Date.prototype.toISOString && +new Date("2000-01-01T00:00:00.000Z") ? d3_time_formatIsoNative : d3_time_formatIso; function d3_time_formatIsoNative(date) { return date.toISOString(); } d3_time_formatIsoNative.parse = function(string) { var date = new Date(string); return isNaN(date) ? null : date; }; d3_time_formatIsoNative.toString = d3_time_formatIso.toString; d3_time.second = d3_time_interval(function(date) { return new d3_date(Math.floor(date / 1e3) * 1e3); }, function(date, offset) { date.setTime(date.getTime() + Math.floor(offset) * 1e3); }, function(date) { return date.getSeconds(); }); d3_time.seconds = d3_time.second.range; d3_time.seconds.utc = d3_time.second.utc.range; d3_time.minute = d3_time_interval(function(date) { return new d3_date(Math.floor(date / 6e4) * 6e4); }, function(date, offset) { date.setTime(date.getTime() + Math.floor(offset) * 6e4); }, function(date) { return date.getMinutes(); }); d3_time.minutes = d3_time.minute.range; d3_time.minutes.utc = d3_time.minute.utc.range; d3_time.hour = d3_time_interval(function(date) { var timezone = date.getTimezoneOffset() / 60; return new d3_date((Math.floor(date / 36e5 - timezone) + timezone) * 36e5); }, function(date, offset) { date.setTime(date.getTime() + Math.floor(offset) * 36e5); }, function(date) { return date.getHours(); }); d3_time.hours = d3_time.hour.range; d3_time.hours.utc = d3_time.hour.utc.range; d3_time.month = d3_time_interval(function(date) { date = d3_time.day(date); date.setDate(1); return date; }, function(date, offset) { date.setMonth(date.getMonth() + offset); }, function(date) { return date.getMonth(); }); d3_time.months = d3_time.month.range; d3_time.months.utc = d3_time.month.utc.range; function d3_time_scale(linear, methods, format) { function scale(x) { return linear(x); } scale.invert = function(x) { return d3_time_scaleDate(linear.invert(x)); }; scale.domain = function(x) { if (!arguments.length) return linear.domain().map(d3_time_scaleDate); linear.domain(x); return scale; }; function tickMethod(extent, count) { var span = extent[1] - extent[0], target = span / count, i = d3.bisect(d3_time_scaleSteps, target); return i == d3_time_scaleSteps.length ? [ methods.year, d3_scale_linearTickRange(extent.map(function(d) { return d / 31536e6; }), count)[2] ] : !i ? [ d3_time_scaleMilliseconds, d3_scale_linearTickRange(extent, count)[2] ] : methods[target / d3_time_scaleSteps[i - 1] < d3_time_scaleSteps[i] / target ? i - 1 : i]; } scale.nice = function(interval, skip) { var domain = scale.domain(), extent = d3_scaleExtent(domain), method = interval == null ? tickMethod(extent, 10) : typeof interval === "number" && tickMethod(extent, interval); if (method) interval = method[0], skip = method[1]; function skipped(date) { return !isNaN(date) && !interval.range(date, d3_time_scaleDate(+date + 1), skip).length; } return scale.domain(d3_scale_nice(domain, skip > 1 ? { floor: function(date) { while (skipped(date = interval.floor(date))) date = d3_time_scaleDate(date - 1); return date; }, ceil: function(date) { while (skipped(date = interval.ceil(date))) date = d3_time_scaleDate(+date + 1); return date; } } : interval)); }; scale.ticks = function(interval, skip) { var extent = d3_scaleExtent(scale.domain()), method = interval == null ? tickMethod(extent, 10) : typeof interval === "number" ? tickMethod(extent, interval) : !interval.range && [ { range: interval }, skip ]; if (method) interval = method[0], skip = method[1]; return interval.range(extent[0], d3_time_scaleDate(+extent[1] + 1), skip < 1 ? 1 : skip); }; scale.tickFormat = function() { return format; }; scale.copy = function() { return d3_time_scale(linear.copy(), methods, format); }; return d3_scale_linearRebind(scale, linear); } function d3_time_scaleDate(t) { return new Date(t); } var d3_time_scaleSteps = [ 1e3, 5e3, 15e3, 3e4, 6e4, 3e5, 9e5, 18e5, 36e5, 108e5, 216e5, 432e5, 864e5, 1728e5, 6048e5, 2592e6, 7776e6, 31536e6 ]; var d3_time_scaleLocalMethods = [ [ d3_time.second, 1 ], [ d3_time.second, 5 ], [ d3_time.second, 15 ], [ d3_time.second, 30 ], [ d3_time.minute, 1 ], [ d3_time.minute, 5 ], [ d3_time.minute, 15 ], [ d3_time.minute, 30 ], [ d3_time.hour, 1 ], [ d3_time.hour, 3 ], [ d3_time.hour, 6 ], [ d3_time.hour, 12 ], [ d3_time.day, 1 ], [ d3_time.day, 2 ], [ d3_time.week, 1 ], [ d3_time.month, 1 ], [ d3_time.month, 3 ], [ d3_time.year, 1 ] ]; var d3_time_scaleLocalFormat = d3_time_format.multi([ [ ".%L", function(d) { return d.getMilliseconds(); } ], [ ":%S", function(d) { return d.getSeconds(); } ], [ "%I:%M", function(d) { return d.getMinutes(); } ], [ "%I %p", function(d) { return d.getHours(); } ], [ "%a %d", function(d) { return d.getDay() && d.getDate() != 1; } ], [ "%b %d", function(d) { return d.getDate() != 1; } ], [ "%B", function(d) { return d.getMonth(); } ], [ "%Y", d3_true ] ]); var d3_time_scaleMilliseconds = { range: function(start, stop, step) { return d3.range(Math.ceil(start / step) * step, +stop, step).map(d3_time_scaleDate); }, floor: d3_identity, ceil: d3_identity }; d3_time_scaleLocalMethods.year = d3_time.year; d3_time.scale = function() { return d3_time_scale(d3.scale.linear(), d3_time_scaleLocalMethods, d3_time_scaleLocalFormat); }; var d3_time_scaleUtcMethods = d3_time_scaleLocalMethods.map(function(m) { return [ m[0].utc, m[1] ]; }); var d3_time_scaleUtcFormat = d3_time_formatUtc.multi([ [ ".%L", function(d) { return d.getUTCMilliseconds(); } ], [ ":%S", function(d) { return d.getUTCSeconds(); } ], [ "%I:%M", function(d) { return d.getUTCMinutes(); } ], [ "%I %p", function(d) { return d.getUTCHours(); } ], [ "%a %d", function(d) { return d.getUTCDay() && d.getUTCDate() != 1; } ], [ "%b %d", function(d) { return d.getUTCDate() != 1; } ], [ "%B", function(d) { return d.getUTCMonth(); } ], [ "%Y", d3_true ] ]); d3_time_scaleUtcMethods.year = d3_time.year.utc; d3_time.scale.utc = function() { return d3_time_scale(d3.scale.linear(), d3_time_scaleUtcMethods, d3_time_scaleUtcFormat); }; d3.text = d3_xhrType(function(request) { return request.responseText; }); d3.json = function(url, callback) { return d3_xhr(url, "application/json", d3_json, callback); }; function d3_json(request) { return JSON.parse(request.responseText); } d3.html = function(url, callback) { return d3_xhr(url, "text/html", d3_html, callback); }; function d3_html(request) { var range = d3_document.createRange(); range.selectNode(d3_document.body); return range.createContextualFragment(request.responseText); } d3.xml = d3_xhrType(function(request) { return request.responseXML; }); if (typeof define === "function" && define.amd) this.d3 = d3, define(d3); else if (typeof module === "object" && module.exports) module.exports = d3; else this.d3 = d3; }(); },{}],8:[function(require,module,exports){ (function (process,global){ /*! * @overview es6-promise - a tiny implementation of Promises/A+. * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald) * @license Licensed under MIT license * See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE * @version 3.3.1 */ (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : (global.ES6Promise = factory()); }(this, (function () { 'use strict'; function objectOrFunction(x) { return typeof x === 'function' || typeof x === 'object' && x !== null; } function isFunction(x) { return typeof x === 'function'; } var _isArray = undefined; if (!Array.isArray) { _isArray = function (x) { return Object.prototype.toString.call(x) === '[object Array]'; }; } else { _isArray = Array.isArray; } var isArray = _isArray; var len = 0; var vertxNext = undefined; var customSchedulerFn = undefined; var asap = function asap(callback, arg) { queue[len] = callback; queue[len + 1] = arg; len += 2; if (len === 2) { // If len is 2, that means that we need to schedule an async flush. // If additional callbacks are queued before the queue is flushed, they // will be processed by this flush that we are scheduling. if (customSchedulerFn) { customSchedulerFn(flush); } else { scheduleFlush(); } } }; function setScheduler(scheduleFn) { customSchedulerFn = scheduleFn; } function setAsap(asapFn) { asap = asapFn; } var browserWindow = typeof window !== 'undefined' ? window : undefined; var browserGlobal = browserWindow || {}; var BrowserMutationObserver = browserGlobal.MutationObserver || browserGlobal.WebKitMutationObserver; var isNode = typeof self === 'undefined' && typeof process !== 'undefined' && ({}).toString.call(process) === '[object process]'; // test for web worker but not in IE10 var isWorker = typeof Uint8ClampedArray !== 'undefined' && typeof importScripts !== 'undefined' && typeof MessageChannel !== 'undefined'; // node function useNextTick() { // node version 0.10.x displays a deprecation warning when nextTick is used recursively // see https://github.com/cujojs/when/issues/410 for details return function () { return process.nextTick(flush); }; } // vertx function useVertxTimer() { return function () { vertxNext(flush); }; } function useMutationObserver() { var iterations = 0; var observer = new BrowserMutationObserver(flush); var node = document.createTextNode(''); observer.observe(node, { characterData: true }); return function () { node.data = iterations = ++iterations % 2; }; } // web worker function useMessageChannel() { var channel = new MessageChannel(); channel.port1.onmessage = flush; return function () { return channel.port2.postMessage(0); }; } function useSetTimeout() { // Store setTimeout reference so es6-promise will be unaffected by // other code modifying setTimeout (like sinon.useFakeTimers()) var globalSetTimeout = setTimeout; return function () { return globalSetTimeout(flush, 1); }; } var queue = new Array(1000); function flush() { for (var i = 0; i < len; i += 2) { var callback = queue[i]; var arg = queue[i + 1]; callback(arg); queue[i] = undefined; queue[i + 1] = undefined; } len = 0; } function attemptVertx() { try { var r = require; var vertx = r('vertx'); vertxNext = vertx.runOnLoop || vertx.runOnContext; return useVertxTimer(); } catch (e) { return useSetTimeout(); } } var scheduleFlush = undefined; // Decide what async method to use to triggering processing of queued callbacks: if (isNode) { scheduleFlush = useNextTick(); } else if (BrowserMutationObserver) { scheduleFlush = useMutationObserver(); } else if (isWorker) { scheduleFlush = useMessageChannel(); } else if (browserWindow === undefined && typeof require === 'function') { scheduleFlush = attemptVertx(); } else { scheduleFlush = useSetTimeout(); } function then(onFulfillment, onRejection) { var _arguments = arguments; var parent = this; var child = new this.constructor(noop); if (child[PROMISE_ID] === undefined) { makePromise(child); } var _state = parent._state; if (_state) { (function () { var callback = _arguments[_state - 1]; asap(function () { return invokeCallback(_state, child, callback, parent._result); }); })(); } else { subscribe(parent, child, onFulfillment, onRejection); } return child; } /** `Promise.resolve` returns a promise that will become resolved with the passed `value`. It is shorthand for the following: ```javascript let promise = new Promise(function(resolve, reject){ resolve(1); }); promise.then(function(value){ // value === 1 }); ``` Instead of writing the above, your code now simply becomes the following: ```javascript let promise = Promise.resolve(1); promise.then(function(value){ // value === 1 }); ``` @method resolve @static @param {Any} value value that the returned promise will be resolved with Useful for tooling. @return {Promise} a promise that will become fulfilled with the given `value` */ function resolve(object) { /*jshint validthis:true */ var Constructor = this; if (object && typeof object === 'object' && object.constructor === Constructor) { return object; } var promise = new Constructor(noop); _resolve(promise, object); return promise; } var PROMISE_ID = Math.random().toString(36).substring(16); function noop() {} var PENDING = void 0; var FULFILLED = 1; var REJECTED = 2; var GET_THEN_ERROR = new ErrorObject(); function selfFulfillment() { return new TypeError("You cannot resolve a promise with itself"); } function cannotReturnOwn() { return new TypeError('A promises callback cannot return that same promise.'); } function getThen(promise) { try { return promise.then; } catch (error) { GET_THEN_ERROR.error = error; return GET_THEN_ERROR; } } function tryThen(then, value, fulfillmentHandler, rejectionHandler) { try { then.call(value, fulfillmentHandler, rejectionHandler); } catch (e) { return e; } } function handleForeignThenable(promise, thenable, then) { asap(function (promise) { var sealed = false; var error = tryThen(then, thenable, function (value) { if (sealed) { return; } sealed = true; if (thenable !== value) { _resolve(promise, value); } else { fulfill(promise, value); } }, function (reason) { if (sealed) { return; } sealed = true; _reject(promise, reason); }, 'Settle: ' + (promise._label || ' unknown promise')); if (!sealed && error) { sealed = true; _reject(promise, error); } }, promise); } function handleOwnThenable(promise, thenable) { if (thenable._state === FULFILLED) { fulfill(promise, thenable._result); } else if (thenable._state === REJECTED) { _reject(promise, thenable._result); } else { subscribe(thenable, undefined, function (value) { return _resolve(promise, value); }, function (reason) { return _reject(promise, reason); }); } } function handleMaybeThenable(promise, maybeThenable, then$$) { if (maybeThenable.constructor === promise.constructor && then$$ === then && maybeThenable.constructor.resolve === resolve) { handleOwnThenable(promise, maybeThenable); } else { if (then$$ === GET_THEN_ERROR) { _reject(promise, GET_THEN_ERROR.error); } else if (then$$ === undefined) { fulfill(promise, maybeThenable); } else if (isFunction(then$$)) { handleForeignThenable(promise, maybeThenable, then$$); } else { fulfill(promise, maybeThenable); } } } function _resolve(promise, value) { if (promise === value) { _reject(promise, selfFulfillment()); } else if (objectOrFunction(value)) { handleMaybeThenable(promise, value, getThen(value)); } else { fulfill(promise, value); } } function publishRejection(promise) { if (promise._onerror) { promise._onerror(promise._result); } publish(promise); } function fulfill(promise, value) { if (promise._state !== PENDING) { return; } promise._result = value; promise._state = FULFILLED; if (promise._subscribers.length !== 0) { asap(publish, promise); } } function _reject(promise, reason) { if (promise._state !== PENDING) { return; } promise._state = REJECTED; promise._result = reason; asap(publishRejection, promise); } function subscribe(parent, child, onFulfillment, onRejection) { var _subscribers = parent._subscribers; var length = _subscribers.length; parent._onerror = null; _subscribers[length] = child; _subscribers[length + FULFILLED] = onFulfillment; _subscribers[length + REJECTED] = onRejection; if (length === 0 && parent._state) { asap(publish, parent); } } function publish(promise) { var subscribers = promise._subscribers; var settled = promise._state; if (subscribers.length === 0) { return; } var child = undefined, callback = undefined, detail = promise._result; for (var i = 0; i < subscribers.length; i += 3) { child = subscribers[i]; callback = subscribers[i + settled]; if (child) { invokeCallback(settled, child, callback, detail); } else { callback(detail); } } promise._subscribers.length = 0; } function ErrorObject() { this.error = null; } var TRY_CATCH_ERROR = new ErrorObject(); function tryCatch(callback, detail) { try { return callback(detail); } catch (e) { TRY_CATCH_ERROR.error = e; return TRY_CATCH_ERROR; } } function invokeCallback(settled, promise, callback, detail) { var hasCallback = isFunction(callback), value = undefined, error = undefined, succeeded = undefined, failed = undefined; if (hasCallback) { value = tryCatch(callback, detail); if (value === TRY_CATCH_ERROR) { failed = true; error = value.error; value = null; } else { succeeded = true; } if (promise === value) { _reject(promise, cannotReturnOwn()); return; } } else { value = detail; succeeded = true; } if (promise._state !== PENDING) { // noop } else if (hasCallback && succeeded) { _resolve(promise, value); } else if (failed) { _reject(promise, error); } else if (settled === FULFILLED) { fulfill(promise, value); } else if (settled === REJECTED) { _reject(promise, value); } } function initializePromise(promise, resolver) { try { resolver(function resolvePromise(value) { _resolve(promise, value); }, function rejectPromise(reason) { _reject(promise, reason); }); } catch (e) { _reject(promise, e); } } var id = 0; function nextId() { return id++; } function makePromise(promise) { promise[PROMISE_ID] = id++; promise._state = undefined; promise._result = undefined; promise._subscribers = []; } function Enumerator(Constructor, input) { this._instanceConstructor = Constructor; this.promise = new Constructor(noop); if (!this.promise[PROMISE_ID]) { makePromise(this.promise); } if (isArray(input)) { this._input = input; this.length = input.length; this._remaining = input.length; this._result = new Array(this.length); if (this.length === 0) { fulfill(this.promise, this._result); } else { this.length = this.length || 0; this._enumerate(); if (this._remaining === 0) { fulfill(this.promise, this._result); } } } else { _reject(this.promise, validationError()); } } function validationError() { return new Error('Array Methods must be provided an Array'); }; Enumerator.prototype._enumerate = function () { var length = this.length; var _input = this._input; for (var i = 0; this._state === PENDING && i < length; i++) { this._eachEntry(_input[i], i); } }; Enumerator.prototype._eachEntry = function (entry, i) { var c = this._instanceConstructor; var resolve$$ = c.resolve; if (resolve$$ === resolve) { var _then = getThen(entry); if (_then === then && entry._state !== PENDING) { this._settledAt(entry._state, i, entry._result); } else if (typeof _then !== 'function') { this._remaining--; this._result[i] = entry; } else if (c === Promise) { var promise = new c(noop); handleMaybeThenable(promise, entry, _then); this._willSettleAt(promise, i); } else { this._willSettleAt(new c(function (resolve$$) { return resolve$$(entry); }), i); } } else { this._willSettleAt(resolve$$(entry), i); } }; Enumerator.prototype._settledAt = function (state, i, value) { var promise = this.promise; if (promise._state === PENDING) { this._remaining--; if (state === REJECTED) { _reject(promise, value); } else { this._result[i] = value; } } if (this._remaining === 0) { fulfill(promise, this._result); } }; Enumerator.prototype._willSettleAt = function (promise, i) { var enumerator = this; subscribe(promise, undefined, function (value) { return enumerator._settledAt(FULFILLED, i, value); }, function (reason) { return enumerator._settledAt(REJECTED, i, reason); }); }; /** `Promise.all` accepts an array of promises, and returns a new promise which is fulfilled with an array of fulfillment values for the passed promises, or rejected with the reason of the first passed promise to be rejected. It casts all elements of the passed iterable to promises as it runs this algorithm. Example: ```javascript let promise1 = resolve(1); let promise2 = resolve(2); let promise3 = resolve(3); let promises = [ promise1, promise2, promise3 ]; Promise.all(promises).then(function(array){ // The array here would be [ 1, 2, 3 ]; }); ``` If any of the `promises` given to `all` are rejected, the first promise that is rejected will be given as an argument to the returned promises's rejection handler. For example: Example: ```javascript let promise1 = resolve(1); let promise2 = reject(new Error("2")); let promise3 = reject(new Error("3")); let promises = [ promise1, promise2, promise3 ]; Promise.all(promises).then(function(array){ // Code here never runs because there are rejected promises! }, function(error) { // error.message === "2" }); ``` @method all @static @param {Array} entries array of promises @param {String} label optional string for labeling the promise. Useful for tooling. @return {Promise} promise that is fulfilled when all `promises` have been fulfilled, or rejected if any of them become rejected. @static */ function all(entries) { return new Enumerator(this, entries).promise; } /** `Promise.race` returns a new promise which is settled in the same way as the first passed promise to settle. Example: ```javascript let promise1 = new Promise(function(resolve, reject){ setTimeout(function(){ resolve('promise 1'); }, 200); }); let promise2 = new Promise(function(resolve, reject){ setTimeout(function(){ resolve('promise 2'); }, 100); }); Promise.race([promise1, promise2]).then(function(result){ // result === 'promise 2' because it was resolved before promise1 // was resolved. }); ``` `Promise.race` is deterministic in that only the state of the first settled promise matters. For example, even if other promises given to the `promises` array argument are resolved, but the first settled promise has become rejected before the other promises became fulfilled, the returned promise will become rejected: ```javascript let promise1 = new Promise(function(resolve, reject){ setTimeout(function(){ resolve('promise 1'); }, 200); }); let promise2 = new Promise(function(resolve, reject){ setTimeout(function(){ reject(new Error('promise 2')); }, 100); }); Promise.race([promise1, promise2]).then(function(result){ // Code here never runs }, function(reason){ // reason.message === 'promise 2' because promise 2 became rejected before // promise 1 became fulfilled }); ``` An example real-world use case is implementing timeouts: ```javascript Promise.race([ajax('foo.json'), timeout(5000)]) ``` @method race @static @param {Array} promises array of promises to observe Useful for tooling. @return {Promise} a promise which settles in the same way as the first passed promise to settle. */ function race(entries) { /*jshint validthis:true */ var Constructor = this; if (!isArray(entries)) { return new Constructor(function (_, reject) { return reject(new TypeError('You must pass an array to race.')); }); } else { return new Constructor(function (resolve, reject) { var length = entries.length; for (var i = 0; i < length; i++) { Constructor.resolve(entries[i]).then(resolve, reject); } }); } } /** `Promise.reject` returns a promise rejected with the passed `reason`. It is shorthand for the following: ```javascript let promise = new Promise(function(resolve, reject){ reject(new Error('WHOOPS')); }); promise.then(function(value){ // Code here doesn't run because the promise is rejected! }, function(reason){ // reason.message === 'WHOOPS' }); ``` Instead of writing the above, your code now simply becomes the following: ```javascript let promise = Promise.reject(new Error('WHOOPS')); promise.then(function(value){ // Code here doesn't run because the promise is rejected! }, function(reason){ // reason.message === 'WHOOPS' }); ``` @method reject @static @param {Any} reason value that the returned promise will be rejected with. Useful for tooling. @return {Promise} a promise rejected with the given `reason`. */ function reject(reason) { /*jshint validthis:true */ var Constructor = this; var promise = new Constructor(noop); _reject(promise, reason); return promise; } function needsResolver() { throw new TypeError('You must pass a resolver function as the first argument to the promise constructor'); } function needsNew() { throw new TypeError("Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function."); } /** Promise objects represent the eventual result of an asynchronous operation. The primary way of interacting with a promise is through its `then` method, which registers callbacks to receive either a promise's eventual value or the reason why the promise cannot be fulfilled. Terminology ----------- - `promise` is an object or function with a `then` method whose behavior conforms to this specification. - `thenable` is an object or function that defines a `then` method. - `value` is any legal JavaScript value (including undefined, a thenable, or a promise). - `exception` is a value that is thrown using the throw statement. - `reason` is a value that indicates why a promise was rejected. - `settled` the final resting state of a promise, fulfilled or rejected. A promise can be in one of three states: pending, fulfilled, or rejected. Promises that are fulfilled have a fulfillment value and are in the fulfilled state. Promises that are rejected have a rejection reason and are in the rejected state. A fulfillment value is never a thenable. Promises can also be said to *resolve* a value. If this value is also a promise, then the original promise's settled state will match the value's settled state. So a promise that *resolves* a promise that rejects will itself reject, and a promise that *resolves* a promise that fulfills will itself fulfill. Basic Usage: ------------ ```js let promise = new Promise(function(resolve, reject) { // on success resolve(value); // on failure reject(reason); }); promise.then(function(value) { // on fulfillment }, function(reason) { // on rejection }); ``` Advanced Usage: --------------- Promises shine when abstracting away asynchronous interactions such as `XMLHttpRequest`s. ```js function getJSON(url) { return new Promise(function(resolve, reject){ let xhr = new XMLHttpRequest(); xhr.open('GET', url); xhr.onreadystatechange = handler; xhr.responseType = 'json'; xhr.setRequestHeader('Accept', 'application/json'); xhr.send(); function handler() { if (this.readyState === this.DONE) { if (this.status === 200) { resolve(this.response); } else { reject(new Error('getJSON: `' + url + '` failed with status: [' + this.status + ']')); } } }; }); } getJSON('/posts.json').then(function(json) { // on fulfillment }, function(reason) { // on rejection }); ``` Unlike callbacks, promises are great composable primitives. ```js Promise.all([ getJSON('/posts'), getJSON('/comments') ]).then(function(values){ values[0] // => postsJSON values[1] // => commentsJSON return values; }); ``` @class Promise @param {function} resolver Useful for tooling. @constructor */ function Promise(resolver) { this[PROMISE_ID] = nextId(); this._result = this._state = undefined; this._subscribers = []; if (noop !== resolver) { typeof resolver !== 'function' && needsResolver(); this instanceof Promise ? initializePromise(this, resolver) : needsNew(); } } Promise.all = all; Promise.race = race; Promise.resolve = resolve; Promise.reject = reject; Promise._setScheduler = setScheduler; Promise._setAsap = setAsap; Promise._asap = asap; Promise.prototype = { constructor: Promise, /** The primary way of interacting with a promise is through its `then` method, which registers callbacks to receive either a promise's eventual value or the reason why the promise cannot be fulfilled. ```js findUser().then(function(user){ // user is available }, function(reason){ // user is unavailable, and you are given the reason why }); ``` Chaining -------- The return value of `then` is itself a promise. This second, 'downstream' promise is resolved with the return value of the first promise's fulfillment or rejection handler, or rejected if the handler throws an exception. ```js findUser().then(function (user) { return user.name; }, function (reason) { return 'default name'; }).then(function (userName) { // If `findUser` fulfilled, `userName` will be the user's name, otherwise it // will be `'default name'` }); findUser().then(function (user) { throw new Error('Found user, but still unhappy'); }, function (reason) { throw new Error('`findUser` rejected and we're unhappy'); }).then(function (value) { // never reached }, function (reason) { // if `findUser` fulfilled, `reason` will be 'Found user, but still unhappy'. // If `findUser` rejected, `reason` will be '`findUser` rejected and we're unhappy'. }); ``` If the downstream promise does not specify a rejection handler, rejection reasons will be propagated further downstream. ```js findUser().then(function (user) { throw new PedagogicalException('Upstream error'); }).then(function (value) { // never reached }).then(function (value) { // never reached }, function (reason) { // The `PedgagocialException` is propagated all the way down to here }); ``` Assimilation ------------ Sometimes the value you want to propagate to a downstream promise can only be retrieved asynchronously. This can be achieved by returning a promise in the fulfillment or rejection handler. The downstream promise will then be pending until the returned promise is settled. This is called *assimilation*. ```js findUser().then(function (user) { return findCommentsByAuthor(user); }).then(function (comments) { // The user's comments are now available }); ``` If the assimliated promise rejects, then the downstream promise will also reject. ```js findUser().then(function (user) { return findCommentsByAuthor(user); }).then(function (comments) { // If `findCommentsByAuthor` fulfills, we'll have the value here }, function (reason) { // If `findCommentsByAuthor` rejects, we'll have the reason here }); ``` Simple Example -------------- Synchronous Example ```javascript let result; try { result = findResult(); // success } catch(reason) { // failure } ``` Errback Example ```js findResult(function(result, err){ if (err) { // failure } else { // success } }); ``` Promise Example; ```javascript findResult().then(function(result){ // success }, function(reason){ // failure }); ``` Advanced Example -------------- Synchronous Example ```javascript let author, books; try { author = findAuthor(); books = findBooksByAuthor(author); // success } catch(reason) { // failure } ``` Errback Example ```js function foundBooks(books) { } function failure(reason) { } findAuthor(function(author, err){ if (err) { failure(err); // failure } else { try { findBoooksByAuthor(author, function(books, err) { if (err) { failure(err); } else { try { foundBooks(books); } catch(reason) { failure(reason); } } }); } catch(error) { failure(err); } // success } }); ``` Promise Example; ```javascript findAuthor(). then(findBooksByAuthor). then(function(books){ // found books }).catch(function(reason){ // something went wrong }); ``` @method then @param {Function} onFulfilled @param {Function} onRejected Useful for tooling. @return {Promise} */ then: then, /** `catch` is simply sugar for `then(undefined, onRejection)` which makes it the same as the catch block of a try/catch statement. ```js function findAuthor(){ throw new Error('couldn't find that author'); } // synchronous try { findAuthor(); } catch(reason) { // something went wrong } // async with promises findAuthor().catch(function(reason){ // something went wrong }); ``` @method catch @param {Function} onRejection Useful for tooling. @return {Promise} */ 'catch': function _catch(onRejection) { return this.then(null, onRejection); } }; function polyfill() { var local = undefined; if (typeof global !== 'undefined') { local = global; } else if (typeof self !== 'undefined') { local = self; } else { try { local = Function('return this')(); } catch (e) { throw new Error('polyfill failed because global object is unavailable in this environment'); } } var P = local.Promise; if (P) { var promiseToString = null; try { promiseToString = Object.prototype.toString.call(P.resolve()); } catch (e) { // silently ignored } if (promiseToString === '[object Promise]' && !P.cast) { return; } } local.Promise = Promise; } polyfill(); // Strange compat.. Promise.polyfill = polyfill; Promise.Promise = Promise; return Promise; }))); }).call(this,require('_process'),typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}) },{"_process":15}],9:[function(require,module,exports){ // Copyright Joyent, Inc. and other Node contributors. // // Permission is hereby granted, free of charge, to any person obtaining a // copy of this software and associated documentation files (the // "Software"), to deal in the Software without restriction, including // without limitation the rights to use, copy, modify, merge, publish, // distribute, sublicense, and/or sell copies of the Software, and to permit // persons to whom the Software is furnished to do so, subject to the // following conditions: // // The above copyright notice and this permission notice shall be included // in all copies or substantial portions of the Software. // // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS // OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF // MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN // NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, // DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR // OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE // USE OR OTHER DEALINGS IN THE SOFTWARE. function EventEmitter() { this._events = this._events || {}; this._maxListeners = this._maxListeners || undefined; } module.exports = EventEmitter; // Backwards-compat with node 0.10.x EventEmitter.EventEmitter = EventEmitter; EventEmitter.prototype._events = undefined; EventEmitter.prototype._maxListeners = undefined; // By default EventEmitters will print a warning if more than 10 listeners are // added to it. This is a useful default which helps finding memory leaks. EventEmitter.defaultMaxListeners = 10; // Obviously not all Emitters should be limited to 10. This function allows // that to be increased. Set to zero for unlimited. EventEmitter.prototype.setMaxListeners = function(n) { if (!isNumber(n) || n < 0 || isNaN(n)) throw TypeError('n must be a positive number'); this._maxListeners = n; return this; }; EventEmitter.prototype.emit = function(type) { var er, handler, len, args, i, listeners; if (!this._events) this._events = {}; // If there is no 'error' event listener then throw. if (type === 'error') { if (!this._events.error || (isObject(this._events.error) && !this._events.error.length)) { er = arguments[1]; if (er instanceof Error) { throw er; // Unhandled 'error' event } else { // At least give some kind of context to the user var err = new Error('Uncaught, unspecified "error" event. (' + er + ')'); err.context = er; throw err; } } } handler = this._events[type]; if (isUndefined(handler)) return false; if (isFunction(handler)) { switch (arguments.length) { // fast cases case 1: handler.call(this); break; case 2: handler.call(this, arguments[1]); break; case 3: handler.call(this, arguments[1], arguments[2]); break; // slower default: args = Array.prototype.slice.call(arguments, 1); handler.apply(this, args); } } else if (isObject(handler)) { args = Array.prototype.slice.call(arguments, 1); listeners = handler.slice(); len = listeners.length; for (i = 0; i < len; i++) listeners[i].apply(this, args); } return true; }; EventEmitter.prototype.addListener = function(type, listener) { var m; if (!isFunction(listener)) throw TypeError('listener must be a function'); if (!this._events) this._events = {}; // To avoid recursion in the case that type === "newListener"! Before // adding it to the listeners, first emit "newListener". if (this._events.newListener) this.emit('newListener', type, isFunction(listener.listener) ? listener.listener : listener); if (!this._events[type]) // Optimize the case of one listener. Don't need the extra array object. this._events[type] = listener; else if (isObject(this._events[type])) // If we've already got an array, just append. this._events[type].push(listener); else // Adding the second element, need to change to array. this._events[type] = [this._events[type], listener]; // Check for listener leak if (isObject(this._events[type]) && !this._events[type].warned) { if (!isUndefined(this._maxListeners)) { m = this._maxListeners; } else { m = EventEmitter.defaultMaxListeners; } if (m && m > 0 && this._events[type].length > m) { this._events[type].warned = true; console.error('(node) warning: possible EventEmitter memory ' + 'leak detected. %d listeners added. ' + 'Use emitter.setMaxListeners() to increase limit.', this._events[type].length); if (typeof console.trace === 'function') { // not supported in IE 10 console.trace(); } } } return this; }; EventEmitter.prototype.on = EventEmitter.prototype.addListener; EventEmitter.prototype.once = function(type, listener) { if (!isFunction(listener)) throw TypeError('listener must be a function'); var fired = false; function g() { this.removeListener(type, g); if (!fired) { fired = true; listener.apply(this, arguments); } } g.listener = listener; this.on(type, g); return this; }; // emits a 'removeListener' event iff the listener was removed EventEmitter.prototype.removeListener = function(type, listener) { var list, position, length, i; if (!isFunction(listener)) throw TypeError('listener must be a function'); if (!this._events || !this._events[type]) return this; list = this._events[type]; length = list.length; position = -1; if (list === listener || (isFunction(list.listener) && list.listener === listener)) { delete this._events[type]; if (this._events.removeListener) this.emit('removeListener', type, listener); } else if (isObject(list)) { for (i = length; i-- > 0;) { if (list[i] === listener || (list[i].listener && list[i].listener === listener)) { position = i; break; } } if (position < 0) return this; if (list.length === 1) { list.length = 0; delete this._events[type]; } else { list.splice(position, 1); } if (this._events.removeListener) this.emit('removeListener', type, listener); } return this; }; EventEmitter.prototype.removeAllListeners = function(type) { var key, listeners; if (!this._events) return this; // not listening for removeListener, no need to emit if (!this._events.removeListener) { if (arguments.length === 0) this._events = {}; else if (this._events[type]) delete this._events[type]; return this; } // emit removeListener for all listeners on all events if (arguments.length === 0) { for (key in this._events) { if (key === 'removeListener') continue; this.removeAllListeners(key); } this.removeAllListeners('removeListener'); this._events = {}; return this; } listeners = this._events[type]; if (isFunction(listeners)) { this.removeListener(type, listeners); } else if (listeners) { // LIFO order while (listeners.length) this.removeListener(type, listeners[listeners.length - 1]); } delete this._events[type]; return this; }; EventEmitter.prototype.listeners = function(type) { var ret; if (!this._events || !this._events[type]) ret = []; else if (isFunction(this._events[type])) ret = [this._events[type]]; else ret = this._events[type].slice(); return ret; }; EventEmitter.prototype.listenerCount = function(type) { if (this._events) { var evlistener = this._events[type]; if (isFunction(evlistener)) return 1; else if (evlistener) return evlistener.length; } return 0; }; EventEmitter.listenerCount = function(emitter, type) { return emitter.listenerCount(type); }; function isFunction(arg) { return typeof arg === 'function'; } function isNumber(arg) { return typeof arg === 'number'; } function isObject(arg) { return typeof arg === 'object' && arg !== null; } function isUndefined(arg) { return arg === void 0; } },{}],10:[function(require,module,exports){ /** * inspired by is-number * but significantly simplified and sped up by ignoring number and string constructors * ie these return false: * new Number(1) * new String('1') */ 'use strict'; /** * Is this string all whitespace? * This solution kind of makes my brain hurt, but it's significantly faster * than !str.trim() or any other solution I could find. * * whitespace codes from: http://en.wikipedia.org/wiki/Whitespace_character * and verified with: * * for(var i = 0; i < 65536; i++) { * var s = String.fromCharCode(i); * if(+s===0 && !s.trim()) console.log(i, s); * } * * which counts a couple of these as *not* whitespace, but finds nothing else * that *is* whitespace. Note that charCodeAt stops at 16 bits, but it appears * that there are no whitespace characters above this, and code points above * this do not map onto white space characters. */ function allBlankCharCodes(str){ var l = str.length, a; for(var i = 0; i < l; i++) { a = str.charCodeAt(i); if((a < 9 || a > 13) && (a !== 32) && (a !== 133) && (a !== 160) && (a !== 5760) && (a !== 6158) && (a < 8192 || a > 8205) && (a !== 8232) && (a !== 8233) && (a !== 8239) && (a !== 8287) && (a !== 8288) && (a !== 12288) && (a !== 65279)) { return false; } } return true; } module.exports = function(n) { var type = typeof n; if(type === 'string') { var original = n; n = +n; // whitespace strings cast to zero - filter them out if(n===0 && allBlankCharCodes(original)) return false; } else if(type !== 'number') return false; return n - n < 1; }; },{}],11:[function(require,module,exports){ module.exports = fromQuat; /** * Creates a matrix from a quaternion rotation. * * @param {mat4} out mat4 receiving operation result * @param {quat4} q Rotation quaternion * @returns {mat4} out */ function fromQuat(out, q) { var x = q[0], y = q[1], z = q[2], w = q[3], x2 = x + x, y2 = y + y, z2 = z + z, xx = x * x2, yx = y * x2, yy = y * y2, zx = z * x2, zy = z * y2, zz = z * z2, wx = w * x2, wy = w * y2, wz = w * z2; out[0] = 1 - yy - zz; out[1] = yx + wz; out[2] = zx - wy; out[3] = 0; out[4] = yx - wz; out[5] = 1 - xx - zz; out[6] = zy + wx; out[7] = 0; out[8] = zx + wy; out[9] = zy - wx; out[10] = 1 - xx - yy; out[11] = 0; out[12] = 0; out[13] = 0; out[14] = 0; out[15] = 1; return out; }; },{}],12:[function(require,module,exports){ (function (global){ 'use strict' var isBrowser = require('is-browser') var hasHover if (typeof global.matchMedia === 'function') { hasHover = !global.matchMedia('(hover: none)').matches } else { hasHover = isBrowser } module.exports = hasHover }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}) },{"is-browser":13}],13:[function(require,module,exports){ module.exports = true; },{}],14:[function(require,module,exports){ var rootPosition = { left: 0, top: 0 } module.exports = mouseEventOffset function mouseEventOffset (ev, target, out) { target = target || ev.currentTarget || ev.srcElement if (!Array.isArray(out)) { out = [ 0, 0 ] } var cx = ev.clientX || 0 var cy = ev.clientY || 0 var rect = getBoundingClientOffset(target) out[0] = cx - rect.left out[1] = cy - rect.top return out } function getBoundingClientOffset (element) { if (element === window || element === document || element === document.body) { return rootPosition } else { return element.getBoundingClientRect() } } },{}],15:[function(require,module,exports){ // shim for using process in browser var process = module.exports = {}; // cached from whatever global is present so that test runners that stub it // don't break things. But we need to wrap it in a try catch in case it is // wrapped in strict mode code which doesn't define any globals. It's inside a // function because try/catches deoptimize in certain engines. var cachedSetTimeout; var cachedClearTimeout; function defaultSetTimout() { throw new Error('setTimeout has not been defined'); } function defaultClearTimeout () { throw new Error('clearTimeout has not been defined'); } (function () { try { if (typeof setTimeout === 'function') { cachedSetTimeout = setTimeout; } else { cachedSetTimeout = defaultSetTimout; } } catch (e) { cachedSetTimeout = defaultSetTimout; } try { if (typeof clearTimeout === 'function') { cachedClearTimeout = clearTimeout; } else { cachedClearTimeout = defaultClearTimeout; } } catch (e) { cachedClearTimeout = defaultClearTimeout; } } ()) function runTimeout(fun) { if (cachedSetTimeout === setTimeout) { //normal enviroments in sane situations return setTimeout(fun, 0); } // if setTimeout wasn't available but was latter defined if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) { cachedSetTimeout = setTimeout; return setTimeout(fun, 0); } try { // when when somebody has screwed with setTimeout but no I.E. maddness return cachedSetTimeout(fun, 0); } catch(e){ try { // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally return cachedSetTimeout.call(null, fun, 0); } catch(e){ // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error return cachedSetTimeout.call(this, fun, 0); } } } function runClearTimeout(marker) { if (cachedClearTimeout === clearTimeout) { //normal enviroments in sane situations return clearTimeout(marker); } // if clearTimeout wasn't available but was latter defined if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) { cachedClearTimeout = clearTimeout; return clearTimeout(marker); } try { // when when somebody has screwed with setTimeout but no I.E. maddness return cachedClearTimeout(marker); } catch (e){ try { // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally return cachedClearTimeout.call(null, marker); } catch (e){ // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error. // Some versions of I.E. have different rules for clearTimeout vs setTimeout return cachedClearTimeout.call(this, marker); } } } var queue = []; var draining = false; var currentQueue; var queueIndex = -1; function cleanUpNextTick() { if (!draining || !currentQueue) { return; } draining = false; if (currentQueue.length) { queue = currentQueue.concat(queue); } else { queueIndex = -1; } if (queue.length) { drainQueue(); } } function drainQueue() { if (draining) { return; } var timeout = runTimeout(cleanUpNextTick); draining = true; var len = queue.length; while(len) { currentQueue = queue; queue = []; while (++queueIndex < len) { if (currentQueue) { currentQueue[queueIndex].run(); } } queueIndex = -1; len = queue.length; } currentQueue = null; draining = false; runClearTimeout(timeout); } process.nextTick = function (fun) { var args = new Array(arguments.length - 1); if (arguments.length > 1) { for (var i = 1; i < arguments.length; i++) { args[i - 1] = arguments[i]; } } queue.push(new Item(fun, args)); if (queue.length === 1 && !draining) { runTimeout(drainQueue); } }; // v8 likes predictible objects function Item(fun, array) { this.fun = fun; this.array = array; } Item.prototype.run = function () { this.fun.apply(null, this.array); }; process.title = 'browser'; process.browser = true; process.env = {}; process.argv = []; process.version = ''; // empty string to avoid regexp issues process.versions = {}; function noop() {} process.on = noop; process.addListener = noop; process.once = noop; process.off = noop; process.removeListener = noop; process.removeAllListeners = noop; process.emit = noop; process.prependListener = noop; process.prependOnceListener = noop; process.listeners = function (name) { return [] } process.binding = function (name) { throw new Error('process.binding is not supported'); }; process.cwd = function () { return '/' }; process.chdir = function (dir) { throw new Error('process.chdir is not supported'); }; process.umask = function() { return 0; }; },{}],16:[function(require,module,exports){ // TinyColor v1.4.1 // https://github.com/bgrins/TinyColor // Brian Grinstead, MIT License (function(Math) { var trimLeft = /^\s+/, trimRight = /\s+$/, tinyCounter = 0, mathRound = Math.round, mathMin = Math.min, mathMax = Math.max, mathRandom = Math.random; function tinycolor (color, opts) { color = (color) ? color : ''; opts = opts || { }; // If input is already a tinycolor, return itself if (color instanceof tinycolor) { return color; } // If we are called as a function, call using new instead if (!(this instanceof tinycolor)) { return new tinycolor(color, opts); } var rgb = inputToRGB(color); this._originalInput = color, this._r = rgb.r, this._g = rgb.g, this._b = rgb.b, this._a = rgb.a, this._roundA = mathRound(100*this._a) / 100, this._format = opts.format || rgb.format; this._gradientType = opts.gradientType; // Don't let the range of [0,255] come back in [0,1]. // Potentially lose a little bit of precision here, but will fix issues where // .5 gets interpreted as half of the total, instead of half of 1 // If it was supposed to be 128, this was already taken care of by `inputToRgb` if (this._r < 1) { this._r = mathRound(this._r); } if (this._g < 1) { this._g = mathRound(this._g); } if (this._b < 1) { this._b = mathRound(this._b); } this._ok = rgb.ok; this._tc_id = tinyCounter++; } tinycolor.prototype = { isDark: function() { return this.getBrightness() < 128; }, isLight: function() { return !this.isDark(); }, isValid: function() { return this._ok; }, getOriginalInput: function() { return this._originalInput; }, getFormat: function() { return this._format; }, getAlpha: function() { return this._a; }, getBrightness: function() { //http://www.w3.org/TR/AERT#color-contrast var rgb = this.toRgb(); return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000; }, getLuminance: function() { //http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef var rgb = this.toRgb(); var RsRGB, GsRGB, BsRGB, R, G, B; RsRGB = rgb.r/255; GsRGB = rgb.g/255; BsRGB = rgb.b/255; if (RsRGB <= 0.03928) {R = RsRGB / 12.92;} else {R = Math.pow(((RsRGB + 0.055) / 1.055), 2.4);} if (GsRGB <= 0.03928) {G = GsRGB / 12.92;} else {G = Math.pow(((GsRGB + 0.055) / 1.055), 2.4);} if (BsRGB <= 0.03928) {B = BsRGB / 12.92;} else {B = Math.pow(((BsRGB + 0.055) / 1.055), 2.4);} return (0.2126 * R) + (0.7152 * G) + (0.0722 * B); }, setAlpha: function(value) { this._a = boundAlpha(value); this._roundA = mathRound(100*this._a) / 100; return this; }, toHsv: function() { var hsv = rgbToHsv(this._r, this._g, this._b); return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a }; }, toHsvString: function() { var hsv = rgbToHsv(this._r, this._g, this._b); var h = mathRound(hsv.h * 360), s = mathRound(hsv.s * 100), v = mathRound(hsv.v * 100); return (this._a == 1) ? "hsv(" + h + ", " + s + "%, " + v + "%)" : "hsva(" + h + ", " + s + "%, " + v + "%, "+ this._roundA + ")"; }, toHsl: function() { var hsl = rgbToHsl(this._r, this._g, this._b); return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a }; }, toHslString: function() { var hsl = rgbToHsl(this._r, this._g, this._b); var h = mathRound(hsl.h * 360), s = mathRound(hsl.s * 100), l = mathRound(hsl.l * 100); return (this._a == 1) ? "hsl(" + h + ", " + s + "%, " + l + "%)" : "hsla(" + h + ", " + s + "%, " + l + "%, "+ this._roundA + ")"; }, toHex: function(allow3Char) { return rgbToHex(this._r, this._g, this._b, allow3Char); }, toHexString: function(allow3Char) { return '#' + this.toHex(allow3Char); }, toHex8: function(allow4Char) { return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char); }, toHex8String: function(allow4Char) { return '#' + this.toHex8(allow4Char); }, toRgb: function() { return { r: mathRound(this._r), g: mathRound(this._g), b: mathRound(this._b), a: this._a }; }, toRgbString: function() { return (this._a == 1) ? "rgb(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ")" : "rgba(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ", " + this._roundA + ")"; }, toPercentageRgb: function() { return { r: mathRound(bound01(this._r, 255) * 100) + "%", g: mathRound(bound01(this._g, 255) * 100) + "%", b: mathRound(bound01(this._b, 255) * 100) + "%", a: this._a }; }, toPercentageRgbString: function() { return (this._a == 1) ? "rgb(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%)" : "rgba(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")"; }, toName: function() { if (this._a === 0) { return "transparent"; } if (this._a < 1) { return false; } return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false; }, toFilter: function(secondColor) { var hex8String = '#' + rgbaToArgbHex(this._r, this._g, this._b, this._a); var secondHex8String = hex8String; var gradientType = this._gradientType ? "GradientType = 1, " : ""; if (secondColor) { var s = tinycolor(secondColor); secondHex8String = '#' + rgbaToArgbHex(s._r, s._g, s._b, s._a); } return "progid:DXImageTransform.Microsoft.gradient("+gradientType+"startColorstr="+hex8String+",endColorstr="+secondHex8String+")"; }, toString: function(format) { var formatSet = !!format; format = format || this._format; var formattedString = false; var hasAlpha = this._a < 1 && this._a >= 0; var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name"); if (needsAlphaFormat) { // Special case for "transparent", all other non-alpha formats // will return rgba when there is transparency. if (format === "name" && this._a === 0) { return this.toName(); } return this.toRgbString(); } if (format === "rgb") { formattedString = this.toRgbString(); } if (format === "prgb") { formattedString = this.toPercentageRgbString(); } if (format === "hex" || format === "hex6") { formattedString = this.toHexString(); } if (format === "hex3") { formattedString = this.toHexString(true); } if (format === "hex4") { formattedString = this.toHex8String(true); } if (format === "hex8") { formattedString = this.toHex8String(); } if (format === "name") { formattedString = this.toName(); } if (format === "hsl") { formattedString = this.toHslString(); } if (format === "hsv") { formattedString = this.toHsvString(); } return formattedString || this.toHexString(); }, clone: function() { return tinycolor(this.toString()); }, _applyModification: function(fn, args) { var color = fn.apply(null, [this].concat([].slice.call(args))); this._r = color._r; this._g = color._g; this._b = color._b; this.setAlpha(color._a); return this; }, lighten: function() { return this._applyModification(lighten, arguments); }, brighten: function() { return this._applyModification(brighten, arguments); }, darken: function() { return this._applyModification(darken, arguments); }, desaturate: function() { return this._applyModification(desaturate, arguments); }, saturate: function() { return this._applyModification(saturate, arguments); }, greyscale: function() { return this._applyModification(greyscale, arguments); }, spin: function() { return this._applyModification(spin, arguments); }, _applyCombination: function(fn, args) { return fn.apply(null, [this].concat([].slice.call(args))); }, analogous: function() { return this._applyCombination(analogous, arguments); }, complement: function() { return this._applyCombination(complement, arguments); }, monochromatic: function() { return this._applyCombination(monochromatic, arguments); }, splitcomplement: function() { return this._applyCombination(splitcomplement, arguments); }, triad: function() { return this._applyCombination(triad, arguments); }, tetrad: function() { return this._applyCombination(tetrad, arguments); } }; // If input is an object, force 1 into "1.0" to handle ratios properly // String input requires "1.0" as input, so 1 will be treated as 1 tinycolor.fromRatio = function(color, opts) { if (typeof color == "object") { var newColor = {}; for (var i in color) { if (color.hasOwnProperty(i)) { if (i === "a") { newColor[i] = color[i]; } else { newColor[i] = convertToPercentage(color[i]); } } } color = newColor; } return tinycolor(color, opts); }; // Given a string or object, convert that input to RGB // Possible string inputs: // // "red" // "#f00" or "f00" // "#ff0000" or "ff0000" // "#ff000000" or "ff000000" // "rgb 255 0 0" or "rgb (255, 0, 0)" // "rgb 1.0 0 0" or "rgb (1, 0, 0)" // "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1" // "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1" // "hsl(0, 100%, 50%)" or "hsl 0 100% 50%" // "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1" // "hsv(0, 100%, 100%)" or "hsv 0 100% 100%" // function inputToRGB(color) { var rgb = { r: 0, g: 0, b: 0 }; var a = 1; var s = null; var v = null; var l = null; var ok = false; var format = false; if (typeof color == "string") { color = stringInputToObject(color); } if (typeof color == "object") { if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) { rgb = rgbToRgb(color.r, color.g, color.b); ok = true; format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb"; } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) { s = convertToPercentage(color.s); v = convertToPercentage(color.v); rgb = hsvToRgb(color.h, s, v); ok = true; format = "hsv"; } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) { s = convertToPercentage(color.s); l = convertToPercentage(color.l); rgb = hslToRgb(color.h, s, l); ok = true; format = "hsl"; } if (color.hasOwnProperty("a")) { a = color.a; } } a = boundAlpha(a); return { ok: ok, format: color.format || format, r: mathMin(255, mathMax(rgb.r, 0)), g: mathMin(255, mathMax(rgb.g, 0)), b: mathMin(255, mathMax(rgb.b, 0)), a: a }; } // Conversion Functions // -------------------- // `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from: // // `rgbToRgb` // Handle bounds / percentage checking to conform to CSS color spec // // *Assumes:* r, g, b in [0, 255] or [0, 1] // *Returns:* { r, g, b } in [0, 255] function rgbToRgb(r, g, b){ return { r: bound01(r, 255) * 255, g: bound01(g, 255) * 255, b: bound01(b, 255) * 255 }; } // `rgbToHsl` // Converts an RGB color value to HSL. // *Assumes:* r, g, and b are contained in [0, 255] or [0, 1] // *Returns:* { h, s, l } in [0,1] function rgbToHsl(r, g, b) { r = bound01(r, 255); g = bound01(g, 255); b = bound01(b, 255); var max = mathMax(r, g, b), min = mathMin(r, g, b); var h, s, l = (max + min) / 2; if(max == min) { h = s = 0; // achromatic } else { var d = max - min; s = l > 0.5 ? d / (2 - max - min) : d / (max + min); switch(max) { case r: h = (g - b) / d + (g < b ? 6 : 0); break; case g: h = (b - r) / d + 2; break; case b: h = (r - g) / d + 4; break; } h /= 6; } return { h: h, s: s, l: l }; } // `hslToRgb` // Converts an HSL color value to RGB. // *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100] // *Returns:* { r, g, b } in the set [0, 255] function hslToRgb(h, s, l) { var r, g, b; h = bound01(h, 360); s = bound01(s, 100); l = bound01(l, 100); function hue2rgb(p, q, t) { if(t < 0) t += 1; if(t > 1) t -= 1; if(t < 1/6) return p + (q - p) * 6 * t; if(t < 1/2) return q; if(t < 2/3) return p + (q - p) * (2/3 - t) * 6; return p; } if(s === 0) { r = g = b = l; // achromatic } else { var q = l < 0.5 ? l * (1 + s) : l + s - l * s; var p = 2 * l - q; r = hue2rgb(p, q, h + 1/3); g = hue2rgb(p, q, h); b = hue2rgb(p, q, h - 1/3); } return { r: r * 255, g: g * 255, b: b * 255 }; } // `rgbToHsv` // Converts an RGB color value to HSV // *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1] // *Returns:* { h, s, v } in [0,1] function rgbToHsv(r, g, b) { r = bound01(r, 255); g = bound01(g, 255); b = bound01(b, 255); var max = mathMax(r, g, b), min = mathMin(r, g, b); var h, s, v = max; var d = max - min; s = max === 0 ? 0 : d / max; if(max == min) { h = 0; // achromatic } else { switch(max) { case r: h = (g - b) / d + (g < b ? 6 : 0); break; case g: h = (b - r) / d + 2; break; case b: h = (r - g) / d + 4; break; } h /= 6; } return { h: h, s: s, v: v }; } // `hsvToRgb` // Converts an HSV color value to RGB. // *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100] // *Returns:* { r, g, b } in the set [0, 255] function hsvToRgb(h, s, v) { h = bound01(h, 360) * 6; s = bound01(s, 100); v = bound01(v, 100); var i = Math.floor(h), f = h - i, p = v * (1 - s), q = v * (1 - f * s), t = v * (1 - (1 - f) * s), mod = i % 6, r = [v, q, p, p, t, v][mod], g = [t, v, v, q, p, p][mod], b = [p, p, t, v, v, q][mod]; return { r: r * 255, g: g * 255, b: b * 255 }; } // `rgbToHex` // Converts an RGB color to hex // Assumes r, g, and b are contained in the set [0, 255] // Returns a 3 or 6 character hex function rgbToHex(r, g, b, allow3Char) { var hex = [ pad2(mathRound(r).toString(16)), pad2(mathRound(g).toString(16)), pad2(mathRound(b).toString(16)) ]; // Return a 3 character hex if possible if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) { return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0); } return hex.join(""); } // `rgbaToHex` // Converts an RGBA color plus alpha transparency to hex // Assumes r, g, b are contained in the set [0, 255] and // a in [0, 1]. Returns a 4 or 8 character rgba hex function rgbaToHex(r, g, b, a, allow4Char) { var hex = [ pad2(mathRound(r).toString(16)), pad2(mathRound(g).toString(16)), pad2(mathRound(b).toString(16)), pad2(convertDecimalToHex(a)) ]; // Return a 4 character hex if possible if (allow4Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) && hex[3].charAt(0) == hex[3].charAt(1)) { return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0); } return hex.join(""); } // `rgbaToArgbHex` // Converts an RGBA color to an ARGB Hex8 string // Rarely used, but required for "toFilter()" function rgbaToArgbHex(r, g, b, a) { var hex = [ pad2(convertDecimalToHex(a)), pad2(mathRound(r).toString(16)), pad2(mathRound(g).toString(16)), pad2(mathRound(b).toString(16)) ]; return hex.join(""); } // `equals` // Can be called with any tinycolor input tinycolor.equals = function (color1, color2) { if (!color1 || !color2) { return false; } return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString(); }; tinycolor.random = function() { return tinycolor.fromRatio({ r: mathRandom(), g: mathRandom(), b: mathRandom() }); }; // Modification Functions // ---------------------- // Thanks to less.js for some of the basics here // function desaturate(color, amount) { amount = (amount === 0) ? 0 : (amount || 10); var hsl = tinycolor(color).toHsl(); hsl.s -= amount / 100; hsl.s = clamp01(hsl.s); return tinycolor(hsl); } function saturate(color, amount) { amount = (amount === 0) ? 0 : (amount || 10); var hsl = tinycolor(color).toHsl(); hsl.s += amount / 100; hsl.s = clamp01(hsl.s); return tinycolor(hsl); } function greyscale(color) { return tinycolor(color).desaturate(100); } function lighten (color, amount) { amount = (amount === 0) ? 0 : (amount || 10); var hsl = tinycolor(color).toHsl(); hsl.l += amount / 100; hsl.l = clamp01(hsl.l); return tinycolor(hsl); } function brighten(color, amount) { amount = (amount === 0) ? 0 : (amount || 10); var rgb = tinycolor(color).toRgb(); rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * - (amount / 100)))); rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * - (amount / 100)))); rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * - (amount / 100)))); return tinycolor(rgb); } function darken (color, amount) { amount = (amount === 0) ? 0 : (amount || 10); var hsl = tinycolor(color).toHsl(); hsl.l -= amount / 100; hsl.l = clamp01(hsl.l); return tinycolor(hsl); } // Spin takes a positive or negative amount within [-360, 360] indicating the change of hue. // Values outside of this range will be wrapped into this range. function spin(color, amount) { var hsl = tinycolor(color).toHsl(); var hue = (hsl.h + amount) % 360; hsl.h = hue < 0 ? 360 + hue : hue; return tinycolor(hsl); } // Combination Functions // --------------------- // Thanks to jQuery xColor for some of the ideas behind these // function complement(color) { var hsl = tinycolor(color).toHsl(); hsl.h = (hsl.h + 180) % 360; return tinycolor(hsl); } function triad(color) { var hsl = tinycolor(color).toHsl(); var h = hsl.h; return [ tinycolor(color), tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }), tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l }) ]; } function tetrad(color) { var hsl = tinycolor(color).toHsl(); var h = hsl.h; return [ tinycolor(color), tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }), tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }), tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l }) ]; } function splitcomplement(color) { var hsl = tinycolor(color).toHsl(); var h = hsl.h; return [ tinycolor(color), tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}), tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l}) ]; } function analogous(color, results, slices) { results = results || 6; slices = slices || 30; var hsl = tinycolor(color).toHsl(); var part = 360 / slices; var ret = [tinycolor(color)]; for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) { hsl.h = (hsl.h + part) % 360; ret.push(tinycolor(hsl)); } return ret; } function monochromatic(color, results) { results = results || 6; var hsv = tinycolor(color).toHsv(); var h = hsv.h, s = hsv.s, v = hsv.v; var ret = []; var modification = 1 / results; while (results--) { ret.push(tinycolor({ h: h, s: s, v: v})); v = (v + modification) % 1; } return ret; } // Utility Functions // --------------------- tinycolor.mix = function(color1, color2, amount) { amount = (amount === 0) ? 0 : (amount || 50); var rgb1 = tinycolor(color1).toRgb(); var rgb2 = tinycolor(color2).toRgb(); var p = amount / 100; var rgba = { r: ((rgb2.r - rgb1.r) * p) + rgb1.r, g: ((rgb2.g - rgb1.g) * p) + rgb1.g, b: ((rgb2.b - rgb1.b) * p) + rgb1.b, a: ((rgb2.a - rgb1.a) * p) + rgb1.a }; return tinycolor(rgba); }; // Readability Functions // --------------------- // false // tinycolor.isReadable("#000", "#111",{level:"AA",size:"large"}) => false tinycolor.isReadable = function(color1, color2, wcag2) { var readability = tinycolor.readability(color1, color2); var wcag2Parms, out; out = false; wcag2Parms = validateWCAG2Parms(wcag2); switch (wcag2Parms.level + wcag2Parms.size) { case "AAsmall": case "AAAlarge": out = readability >= 4.5; break; case "AAlarge": out = readability >= 3; break; case "AAAsmall": out = readability >= 7; break; } return out; }; // `mostReadable` // Given a base color and a list of possible foreground or background // colors for that base, returns the most readable color. // Optionally returns Black or White if the most readable color is unreadable. // *Example* // tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:false}).toHexString(); // "#112255" // tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:true}).toHexString(); // "#ffffff" // tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"large"}).toHexString(); // "#faf3f3" // tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"small"}).toHexString(); // "#ffffff" tinycolor.mostReadable = function(baseColor, colorList, args) { var bestColor = null; var bestScore = 0; var readability; var includeFallbackColors, level, size ; args = args || {}; includeFallbackColors = args.includeFallbackColors ; level = args.level; size = args.size; for (var i= 0; i < colorList.length ; i++) { readability = tinycolor.readability(baseColor, colorList[i]); if (readability > bestScore) { bestScore = readability; bestColor = tinycolor(colorList[i]); } } if (tinycolor.isReadable(baseColor, bestColor, {"level":level,"size":size}) || !includeFallbackColors) { return bestColor; } else { args.includeFallbackColors=false; return tinycolor.mostReadable(baseColor,["#fff", "#000"],args); } }; // Big List of Colors // ------------------ // var names = tinycolor.names = { aliceblue: "f0f8ff", antiquewhite: "faebd7", aqua: "0ff", aquamarine: "7fffd4", azure: "f0ffff", beige: "f5f5dc", bisque: "ffe4c4", black: "000", blanchedalmond: "ffebcd", blue: "00f", blueviolet: "8a2be2", brown: "a52a2a", burlywood: "deb887", burntsienna: "ea7e5d", cadetblue: "5f9ea0", chartreuse: "7fff00", chocolate: "d2691e", coral: "ff7f50", cornflowerblue: "6495ed", cornsilk: "fff8dc", crimson: "dc143c", cyan: "0ff", darkblue: "00008b", darkcyan: "008b8b", darkgoldenrod: "b8860b", darkgray: "a9a9a9", darkgreen: "006400", darkgrey: "a9a9a9", darkkhaki: "bdb76b", darkmagenta: "8b008b", darkolivegreen: "556b2f", darkorange: "ff8c00", darkorchid: "9932cc", darkred: "8b0000", darksalmon: "e9967a", darkseagreen: "8fbc8f", darkslateblue: "483d8b", darkslategray: "2f4f4f", darkslategrey: "2f4f4f", darkturquoise: "00ced1", darkviolet: "9400d3", deeppink: "ff1493", deepskyblue: "00bfff", dimgray: "696969", dimgrey: "696969", dodgerblue: "1e90ff", firebrick: "b22222", floralwhite: "fffaf0", forestgreen: "228b22", fuchsia: "f0f", gainsboro: "dcdcdc", ghostwhite: "f8f8ff", gold: "ffd700", goldenrod: "daa520", gray: "808080", green: "008000", greenyellow: "adff2f", grey: "808080", honeydew: "f0fff0", hotpink: "ff69b4", indianred: "cd5c5c", indigo: "4b0082", ivory: "fffff0", khaki: "f0e68c", lavender: "e6e6fa", lavenderblush: "fff0f5", lawngreen: "7cfc00", lemonchiffon: "fffacd", lightblue: "add8e6", lightcoral: "f08080", lightcyan: "e0ffff", lightgoldenrodyellow: "fafad2", lightgray: "d3d3d3", lightgreen: "90ee90", lightgrey: "d3d3d3", lightpink: "ffb6c1", lightsalmon: "ffa07a", lightseagreen: "20b2aa", lightskyblue: "87cefa", lightslategray: "789", lightslategrey: "789", lightsteelblue: "b0c4de", lightyellow: "ffffe0", lime: "0f0", limegreen: "32cd32", linen: "faf0e6", magenta: "f0f", maroon: "800000", mediumaquamarine: "66cdaa", mediumblue: "0000cd", mediumorchid: "ba55d3", mediumpurple: "9370db", mediumseagreen: "3cb371", mediumslateblue: "7b68ee", mediumspringgreen: "00fa9a", mediumturquoise: "48d1cc", mediumvioletred: "c71585", midnightblue: "191970", mintcream: "f5fffa", mistyrose: "ffe4e1", moccasin: "ffe4b5", navajowhite: "ffdead", navy: "000080", oldlace: "fdf5e6", olive: "808000", olivedrab: "6b8e23", orange: "ffa500", orangered: "ff4500", orchid: "da70d6", palegoldenrod: "eee8aa", palegreen: "98fb98", paleturquoise: "afeeee", palevioletred: "db7093", papayawhip: "ffefd5", peachpuff: "ffdab9", peru: "cd853f", pink: "ffc0cb", plum: "dda0dd", powderblue: "b0e0e6", purple: "800080", rebeccapurple: "663399", red: "f00", rosybrown: "bc8f8f", royalblue: "4169e1", saddlebrown: "8b4513", salmon: "fa8072", sandybrown: "f4a460", seagreen: "2e8b57", seashell: "fff5ee", sienna: "a0522d", silver: "c0c0c0", skyblue: "87ceeb", slateblue: "6a5acd", slategray: "708090", slategrey: "708090", snow: "fffafa", springgreen: "00ff7f", steelblue: "4682b4", tan: "d2b48c", teal: "008080", thistle: "d8bfd8", tomato: "ff6347", turquoise: "40e0d0", violet: "ee82ee", wheat: "f5deb3", white: "fff", whitesmoke: "f5f5f5", yellow: "ff0", yellowgreen: "9acd32" }; // Make it easy to access colors via `hexNames[hex]` var hexNames = tinycolor.hexNames = flip(names); // Utilities // --------- // `{ 'name1': 'val1' }` becomes `{ 'val1': 'name1' }` function flip(o) { var flipped = { }; for (var i in o) { if (o.hasOwnProperty(i)) { flipped[o[i]] = i; } } return flipped; } // Return a valid alpha value [0,1] with all invalid values being set to 1 function boundAlpha(a) { a = parseFloat(a); if (isNaN(a) || a < 0 || a > 1) { a = 1; } return a; } // Take input from [0, n] and return it as [0, 1] function bound01(n, max) { if (isOnePointZero(n)) { n = "100%"; } var processPercent = isPercentage(n); n = mathMin(max, mathMax(0, parseFloat(n))); // Automatically convert percentage into number if (processPercent) { n = parseInt(n * max, 10) / 100; } // Handle floating point rounding errors if ((Math.abs(n - max) < 0.000001)) { return 1; } // Convert into [0, 1] range if it isn't already return (n % max) / parseFloat(max); } // Force a number between 0 and 1 function clamp01(val) { return mathMin(1, mathMax(0, val)); } // Parse a base-16 hex value into a base-10 integer function parseIntFromHex(val) { return parseInt(val, 16); } // Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1 // function isOnePointZero(n) { return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1; } // Check to see if string passed in is a percentage function isPercentage(n) { return typeof n === "string" && n.indexOf('%') != -1; } // Force a hex value to have 2 characters function pad2(c) { return c.length == 1 ? '0' + c : '' + c; } // Replace a decimal with it's percentage value function convertToPercentage(n) { if (n <= 1) { n = (n * 100) + "%"; } return n; } // Converts a decimal to a hex value function convertDecimalToHex(d) { return Math.round(parseFloat(d) * 255).toString(16); } // Converts a hex value to a decimal function convertHexToDecimal(h) { return (parseIntFromHex(h) / 255); } var matchers = (function() { // var CSS_INTEGER = "[-\\+]?\\d+%?"; // var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?"; // Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome. var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")"; // Actual matching. // Parentheses and commas are optional, but not required. // Whitespace can take the place of commas or opening paren var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?"; var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?"; return { CSS_UNIT: new RegExp(CSS_UNIT), rgb: new RegExp("rgb" + PERMISSIVE_MATCH3), rgba: new RegExp("rgba" + PERMISSIVE_MATCH4), hsl: new RegExp("hsl" + PERMISSIVE_MATCH3), hsla: new RegExp("hsla" + PERMISSIVE_MATCH4), hsv: new RegExp("hsv" + PERMISSIVE_MATCH3), hsva: new RegExp("hsva" + PERMISSIVE_MATCH4), hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/, hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/ }; })(); // `isValidCSSUnit` // Take in a single string / number and check to see if it looks like a CSS unit // (see `matchers` above for definition). function isValidCSSUnit(color) { return !!matchers.CSS_UNIT.exec(color); } // `stringInputToObject` // Permissive string parsing. Take in a number of formats, and output an object // based on detected format. Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}` function stringInputToObject(color) { color = color.replace(trimLeft,'').replace(trimRight, '').toLowerCase(); var named = false; if (names[color]) { color = names[color]; named = true; } else if (color == 'transparent') { return { r: 0, g: 0, b: 0, a: 0, format: "name" }; } // Try to match string input using regular expressions. // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360] // Just return an object and let the conversion functions handle that. // This way the result will be the same whether the tinycolor is initialized with string or object. var match; if ((match = matchers.rgb.exec(color))) { return { r: match[1], g: match[2], b: match[3] }; } if ((match = matchers.rgba.exec(color))) { return { r: match[1], g: match[2], b: match[3], a: match[4] }; } if ((match = matchers.hsl.exec(color))) { return { h: match[1], s: match[2], l: match[3] }; } if ((match = matchers.hsla.exec(color))) { return { h: match[1], s: match[2], l: match[3], a: match[4] }; } if ((match = matchers.hsv.exec(color))) { return { h: match[1], s: match[2], v: match[3] }; } if ((match = matchers.hsva.exec(color))) { return { h: match[1], s: match[2], v: match[3], a: match[4] }; } if ((match = matchers.hex8.exec(color))) { return { r: parseIntFromHex(match[1]), g: parseIntFromHex(match[2]), b: parseIntFromHex(match[3]), a: convertHexToDecimal(match[4]), format: named ? "name" : "hex8" }; } if ((match = matchers.hex6.exec(color))) { return { r: parseIntFromHex(match[1]), g: parseIntFromHex(match[2]), b: parseIntFromHex(match[3]), format: named ? "name" : "hex" }; } if ((match = matchers.hex4.exec(color))) { return { r: parseIntFromHex(match[1] + '' + match[1]), g: parseIntFromHex(match[2] + '' + match[2]), b: parseIntFromHex(match[3] + '' + match[3]), a: convertHexToDecimal(match[4] + '' + match[4]), format: named ? "name" : "hex8" }; } if ((match = matchers.hex3.exec(color))) { return { r: parseIntFromHex(match[1] + '' + match[1]), g: parseIntFromHex(match[2] + '' + match[2]), b: parseIntFromHex(match[3] + '' + match[3]), format: named ? "name" : "hex" }; } return false; } function validateWCAG2Parms(parms) { // return valid WCAG2 parms for isReadable. // If input parms are invalid, return {"level":"AA", "size":"small"} var level, size; parms = parms || {"level":"AA", "size":"small"}; level = (parms.level || "AA").toUpperCase(); size = (parms.size || "small").toLowerCase(); if (level !== "AA" && level !== "AAA") { level = "AA"; } if (size !== "small" && size !== "large") { size = "small"; } return {"level":level, "size":size}; } // Node: Export function if (typeof module !== "undefined" && module.exports) { module.exports = tinycolor; } // AMD/requirejs: Define the module else if (typeof define === 'function' && define.amd) { define(function () {return tinycolor;}); } // Browser: Expose to window else { window.tinycolor = tinycolor; } })(Math); },{}],17:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var Axes = require('../../plots/cartesian/axes'); var handleAnnotationCommonDefaults = require('./common_defaults'); var attributes = require('./attributes'); module.exports = function handleAnnotationDefaults(annIn, annOut, fullLayout, opts, itemOpts) { opts = opts || {}; itemOpts = itemOpts || {}; function coerce(attr, dflt) { return Lib.coerce(annIn, annOut, attributes, attr, dflt); } var visible = coerce('visible', !itemOpts.itemIsNotPlainObject); var clickToShow = coerce('clicktoshow'); if(!(visible || clickToShow)) return annOut; handleAnnotationCommonDefaults(annIn, annOut, fullLayout, coerce); var showArrow = annOut.showarrow; // positioning var axLetters = ['x', 'y'], arrowPosDflt = [-10, -30], gdMock = {_fullLayout: fullLayout}; for(var i = 0; i < 2; i++) { var axLetter = axLetters[i]; // xref, yref var axRef = Axes.coerceRef(annIn, annOut, gdMock, axLetter, '', 'paper'); // x, y Axes.coercePosition(annOut, gdMock, coerce, axRef, axLetter, 0.5); if(showArrow) { var arrowPosAttr = 'a' + axLetter, // axref, ayref aaxRef = Axes.coerceRef(annIn, annOut, gdMock, arrowPosAttr, 'pixel'); // for now the arrow can only be on the same axis or specified as pixels // TODO: sometime it might be interesting to allow it to be on *any* axis // but that would require updates to drawing & autorange code and maybe more if(aaxRef !== 'pixel' && aaxRef !== axRef) { aaxRef = annOut[arrowPosAttr] = 'pixel'; } // ax, ay var aDflt = (aaxRef === 'pixel') ? arrowPosDflt[i] : 0.4; Axes.coercePosition(annOut, gdMock, coerce, aaxRef, arrowPosAttr, aDflt); } // xanchor, yanchor coerce(axLetter + 'anchor'); // xshift, yshift coerce(axLetter + 'shift'); } // if you have one coordinate you should have both Lib.noneOrAll(annIn, annOut, ['x', 'y']); // if you have one part of arrow length you should have both if(showArrow) { Lib.noneOrAll(annIn, annOut, ['ax', 'ay']); } if(clickToShow) { var xClick = coerce('xclick'); var yClick = coerce('yclick'); // put the actual click data to bind to into private attributes // so we don't have to do this little bit of logic on every hover event annOut._xclick = (xClick === undefined) ? annOut.x : Axes.cleanPosition(xClick, gdMock, annOut.xref); annOut._yclick = (yClick === undefined) ? annOut.y : Axes.cleanPosition(yClick, gdMock, annOut.yref); } return annOut; }; },{"../../lib":147,"../../plots/cartesian/axes":183,"./attributes":19,"./common_defaults":22}],18:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** * centerx is a center of scaling tuned for maximum scalability of * the arrowhead ie throughout mag=0.3..3 the head is joined smoothly * to the line, but the endpoint moves. * backoff is the distance to move the arrowhead, and the end of the * line, in order to end at the right place * * TODO: option to have the pointed-to point a little in front of the * end of the line, as people tend to want a bit of a gap there... */ module.exports = [ // no arrow { path: '', backoff: 0 }, // wide with flat back { path: 'M-2.4,-3V3L0.6,0Z', backoff: 0.6 }, // narrower with flat back { path: 'M-3.7,-2.5V2.5L1.3,0Z', backoff: 1.3 }, // barbed { path: 'M-4.45,-3L-1.65,-0.2V0.2L-4.45,3L1.55,0Z', backoff: 1.55 }, // wide line-drawn { path: 'M-2.2,-2.2L-0.2,-0.2V0.2L-2.2,2.2L-1.4,3L1.6,0L-1.4,-3Z', backoff: 1.6 }, // narrower line-drawn { path: 'M-4.4,-2.1L-0.6,-0.2V0.2L-4.4,2.1L-4,3L2,0L-4,-3Z', backoff: 2 }, // circle { path: 'M2,0A2,2 0 1,1 0,-2A2,2 0 0,1 2,0Z', backoff: 0 }, // square { path: 'M2,2V-2H-2V2Z', backoff: 0 } ]; },{}],19:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var ARROWPATHS = require('./arrow_paths'); var fontAttrs = require('../../plots/font_attributes'); var cartesianConstants = require('../../plots/cartesian/constants'); var extendFlat = require('../../lib/extend').extendFlat; module.exports = { _isLinkedToArray: 'annotation', visible: { valType: 'boolean', dflt: true, }, text: { valType: 'string', }, textangle: { valType: 'angle', dflt: 0, }, font: extendFlat({}, fontAttrs, { }), width: { valType: 'number', min: 1, dflt: null, }, height: { valType: 'number', min: 1, dflt: null, }, opacity: { valType: 'number', min: 0, max: 1, dflt: 1, }, align: { valType: 'enumerated', values: ['left', 'center', 'right'], dflt: 'center', }, valign: { valType: 'enumerated', values: ['top', 'middle', 'bottom'], dflt: 'middle', }, bgcolor: { valType: 'color', dflt: 'rgba(0,0,0,0)', }, bordercolor: { valType: 'color', dflt: 'rgba(0,0,0,0)', }, borderpad: { valType: 'number', min: 0, dflt: 1, }, borderwidth: { valType: 'number', min: 0, dflt: 1, }, // arrow showarrow: { valType: 'boolean', dflt: true, }, arrowcolor: { valType: 'color', }, arrowhead: { valType: 'integer', min: 0, max: ARROWPATHS.length, dflt: 1, }, arrowsize: { valType: 'number', min: 0.3, dflt: 1, }, arrowwidth: { valType: 'number', min: 0.1, }, standoff: { valType: 'number', min: 0, dflt: 0, }, ax: { valType: 'any', }, ay: { valType: 'any', }, axref: { valType: 'enumerated', dflt: 'pixel', values: [ 'pixel', cartesianConstants.idRegex.x.toString() ], }, ayref: { valType: 'enumerated', dflt: 'pixel', values: [ 'pixel', cartesianConstants.idRegex.y.toString() ], }, // positioning xref: { valType: 'enumerated', values: [ 'paper', cartesianConstants.idRegex.x.toString() ], }, x: { valType: 'any', }, xanchor: { valType: 'enumerated', values: ['auto', 'left', 'center', 'right'], dflt: 'auto', }, xshift: { valType: 'number', dflt: 0, }, yref: { valType: 'enumerated', values: [ 'paper', cartesianConstants.idRegex.y.toString() ], }, y: { valType: 'any', }, yanchor: { valType: 'enumerated', values: ['auto', 'top', 'middle', 'bottom'], dflt: 'auto', }, yshift: { valType: 'number', dflt: 0, }, clicktoshow: { valType: 'enumerated', values: [false, 'onoff', 'onout'], dflt: false, }, xclick: { valType: 'any', }, yclick: { valType: 'any', }, hovertext: { valType: 'string', }, hoverlabel: { bgcolor: { valType: 'color', }, bordercolor: { valType: 'color', }, font: extendFlat({}, fontAttrs, { }) }, captureevents: { valType: 'boolean', }, _deprecated: { ref: { valType: 'string', } } }; },{"../../lib/extend":142,"../../plots/cartesian/constants":188,"../../plots/font_attributes":207,"./arrow_paths":18}],20:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var Axes = require('../../plots/cartesian/axes'); var draw = require('./draw').draw; module.exports = function calcAutorange(gd) { var fullLayout = gd._fullLayout, annotationList = Lib.filterVisible(fullLayout.annotations); if(!annotationList.length || !gd._fullData.length) return; var annotationAxes = {}; annotationList.forEach(function(ann) { annotationAxes[ann.xref] = true; annotationAxes[ann.yref] = true; }); var autorangedAnnos = Axes.list(gd).filter(function(ax) { return ax.autorange && annotationAxes[ax._id]; }); if(!autorangedAnnos.length) return; return Lib.syncOrAsync([ draw, annAutorange ], gd); }; function annAutorange(gd) { var fullLayout = gd._fullLayout; // find the bounding boxes for each of these annotations' // relative to their anchor points // use the arrow and the text bg rectangle, // as the whole anno may include hidden text in its bbox Lib.filterVisible(fullLayout.annotations).forEach(function(ann) { var xa = Axes.getFromId(gd, ann.xref), ya = Axes.getFromId(gd, ann.yref), headSize = 3 * ann.arrowsize * ann.arrowwidth || 0; var headPlus, headMinus; if(xa && xa.autorange) { headPlus = headSize + ann.xshift; headMinus = headSize - ann.xshift; if(ann.axref === ann.xref) { // expand for the arrowhead (padded by arrowhead) Axes.expand(xa, [xa.r2c(ann.x)], { ppadplus: headPlus, ppadminus: headMinus }); // again for the textbox (padded by textbox) Axes.expand(xa, [xa.r2c(ann.ax)], { ppadplus: ann._xpadplus, ppadminus: ann._xpadminus }); } else { Axes.expand(xa, [xa.r2c(ann.x)], { ppadplus: Math.max(ann._xpadplus, headPlus), ppadminus: Math.max(ann._xpadminus, headMinus) }); } } if(ya && ya.autorange) { headPlus = headSize - ann.yshift; headMinus = headSize + ann.yshift; if(ann.ayref === ann.yref) { Axes.expand(ya, [ya.r2c(ann.y)], { ppadplus: headPlus, ppadminus: headMinus }); Axes.expand(ya, [ya.r2c(ann.ay)], { ppadplus: ann._ypadplus, ppadminus: ann._ypadminus }); } else { Axes.expand(ya, [ya.r2c(ann.y)], { ppadplus: Math.max(ann._ypadplus, headPlus), ppadminus: Math.max(ann._ypadminus, headMinus) }); } } }); } },{"../../lib":147,"../../plots/cartesian/axes":183,"./draw":25}],21:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Plotly = require('../../plotly'); module.exports = { hasClickToShow: hasClickToShow, onClick: onClick }; /* * hasClickToShow: does the given hoverData have ANY annotations which will * turn ON if we click here? (used by hover events to set cursor) * * gd: graphDiv * hoverData: a hoverData array, as included with the *plotly_hover* or * *plotly_click* events in the `points` attribute * * returns: boolean */ function hasClickToShow(gd, hoverData) { var sets = getToggleSets(gd, hoverData); return sets.on.length > 0 || sets.explicitOff.length > 0; } /* * onClick: perform the toggling (via Plotly.update) implied by clicking * at this hoverData * * gd: graphDiv * hoverData: a hoverData array, as included with the *plotly_hover* or * *plotly_click* events in the `points` attribute * * returns: Promise that the update is complete */ function onClick(gd, hoverData) { var toggleSets = getToggleSets(gd, hoverData), onSet = toggleSets.on, offSet = toggleSets.off.concat(toggleSets.explicitOff), update = {}, i; if(!(onSet.length || offSet.length)) return; for(i = 0; i < onSet.length; i++) { update['annotations[' + onSet[i] + '].visible'] = true; } for(i = 0; i < offSet.length; i++) { update['annotations[' + offSet[i] + '].visible'] = false; } return Plotly.update(gd, {}, update); } /* * getToggleSets: find the annotations which will turn on or off at this * hoverData * * gd: graphDiv * hoverData: a hoverData array, as included with the *plotly_hover* or * *plotly_click* events in the `points` attribute * * returns: { * on: Array (indices of annotations to turn on), * off: Array (indices to turn off because you're not hovering on them), * explicitOff: Array (indices to turn off because you *are* hovering on them) * } */ function getToggleSets(gd, hoverData) { var annotations = gd._fullLayout.annotations, onSet = [], offSet = [], explicitOffSet = [], hoverLen = (hoverData || []).length; var i, j, anni, showMode, pointj, xa, ya, toggleType; for(i = 0; i < annotations.length; i++) { anni = annotations[i]; showMode = anni.clicktoshow; if(showMode) { for(j = 0; j < hoverLen; j++) { pointj = hoverData[j]; xa = pointj.xaxis; ya = pointj.yaxis; if(xa._id === anni.xref && ya._id === anni.yref && xa.d2r(pointj.x) === clickData2r(anni._xclick, xa) && ya.d2r(pointj.y) === clickData2r(anni._yclick, ya) ) { // match! toggle this annotation // regardless of its clicktoshow mode // but if it's onout mode, off is implicit if(anni.visible) { if(showMode === 'onout') toggleType = offSet; else toggleType = explicitOffSet; } else { toggleType = onSet; } toggleType.push(i); break; } } if(j === hoverLen) { // no match - only turn this annotation OFF, and only if // showmode is 'onout' if(anni.visible && showMode === 'onout') offSet.push(i); } } } return {on: onSet, off: offSet, explicitOff: explicitOffSet}; } // to handle log axes until v2 function clickData2r(d, ax) { return ax.type === 'log' ? ax.l2r(d) : ax.d2r(d); } },{"../../plotly":178}],22:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var Color = require('../color'); // defaults common to 'annotations' and 'annotations3d' module.exports = function handleAnnotationCommonDefaults(annIn, annOut, fullLayout, coerce) { coerce('opacity'); var bgColor = coerce('bgcolor'); var borderColor = coerce('bordercolor'); var borderOpacity = Color.opacity(borderColor); coerce('borderpad'); var borderWidth = coerce('borderwidth'); var showArrow = coerce('showarrow'); coerce('text', showArrow ? ' ' : 'new text'); coerce('textangle'); Lib.coerceFont(coerce, 'font', fullLayout.font); coerce('width'); coerce('align'); var h = coerce('height'); if(h) coerce('valign'); if(showArrow) { coerce('arrowcolor', borderOpacity ? annOut.bordercolor : Color.defaultLine); coerce('arrowhead'); coerce('arrowsize'); coerce('arrowwidth', ((borderOpacity && borderWidth) || 1) * 2); coerce('standoff'); } var hoverText = coerce('hovertext'); var globalHoverLabel = fullLayout.hoverlabel || {}; if(hoverText) { var hoverBG = coerce('hoverlabel.bgcolor', globalHoverLabel.bgcolor || (Color.opacity(bgColor) ? Color.rgb(bgColor) : Color.defaultLine) ); var hoverBorder = coerce('hoverlabel.bordercolor', globalHoverLabel.bordercolor || Color.contrast(hoverBG) ); Lib.coerceFont(coerce, 'hoverlabel.font', { family: globalHoverLabel.font.family, size: globalHoverLabel.font.size, color: globalHoverLabel.font.color || hoverBorder }); } coerce('captureevents', !!hoverText); }; },{"../../lib":147,"../color":34}],23:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var toLogRange = require('../../lib/to_log_range'); /* * convertCoords: when converting an axis between log and linear * you need to alter any annotations on that axis to keep them * pointing at the same data point. * In v2.0 this will become obsolete * * gd: the plot div * ax: the axis being changed * newType: the type it's getting * doExtra: function(attr, val) from inside relayout that sets the attribute. * Use this to make the changes as it's aware if any other changes in the * same relayout call should override this conversion. */ module.exports = function convertCoords(gd, ax, newType, doExtra) { ax = ax || {}; var toLog = (newType === 'log') && (ax.type === 'linear'), fromLog = (newType === 'linear') && (ax.type === 'log'); if(!(toLog || fromLog)) return; var annotations = gd._fullLayout.annotations, axLetter = ax._id.charAt(0), ann, attrPrefix; function convert(attr) { var currentVal = ann[attr], newVal = null; if(toLog) newVal = toLogRange(currentVal, ax.range); else newVal = Math.pow(10, currentVal); // if conversion failed, delete the value so it gets a default value if(!isNumeric(newVal)) newVal = null; doExtra(attrPrefix + attr, newVal); } for(var i = 0; i < annotations.length; i++) { ann = annotations[i]; attrPrefix = 'annotations[' + i + '].'; if(ann[axLetter + 'ref'] === ax._id) convert(axLetter); if(ann['a' + axLetter + 'ref'] === ax._id) convert('a' + axLetter); } }; },{"../../lib/to_log_range":165,"fast-isnumeric":10}],24:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var handleArrayContainerDefaults = require('../../plots/array_container_defaults'); var handleAnnotationDefaults = require('./annotation_defaults'); module.exports = function supplyLayoutDefaults(layoutIn, layoutOut) { var opts = { name: 'annotations', handleItemDefaults: handleAnnotationDefaults }; handleArrayContainerDefaults(layoutIn, layoutOut, opts); }; },{"../../plots/array_container_defaults":180,"./annotation_defaults":17}],25:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Plotly = require('../../plotly'); var Plots = require('../../plots/plots'); var Lib = require('../../lib'); var Axes = require('../../plots/cartesian/axes'); var Color = require('../color'); var Drawing = require('../drawing'); var Fx = require('../fx'); var svgTextUtils = require('../../lib/svg_text_utils'); var setCursor = require('../../lib/setcursor'); var dragElement = require('../dragelement'); var drawArrowHead = require('./draw_arrow_head'); // Annotations are stored in gd.layout.annotations, an array of objects // index can point to one item in this array, // or non-numeric to simply add a new one // or -1 to modify all existing // opt can be the full options object, or one key (to be set to value) // or undefined to simply redraw // if opt is blank, val can be 'add' or a full options object to add a new // annotation at that point in the array, or 'remove' to delete this one module.exports = { draw: draw, drawOne: drawOne, drawRaw: drawRaw }; /* * draw: draw all annotations without any new modifications */ function draw(gd) { var fullLayout = gd._fullLayout; fullLayout._infolayer.selectAll('.annotation').remove(); for(var i = 0; i < fullLayout.annotations.length; i++) { if(fullLayout.annotations[i].visible) { drawOne(gd, i); } } return Plots.previousPromises(gd); } /* * drawOne: draw a single cartesian or paper-ref annotation, potentially with modifications * * index (int): the annotation to draw */ function drawOne(gd, index) { var fullLayout = gd._fullLayout; var options = fullLayout.annotations[index] || {}; var xa = Axes.getFromId(gd, options.xref); var ya = Axes.getFromId(gd, options.yref); drawRaw(gd, options, index, false, xa, ya); } /** * drawRaw: draw a single annotation, potentially with modifications * * @param {DOM element} gd * @param {object} options : this annotation's fullLayout options * @param {integer} index : index in 'annotations' container of the annotation to draw * @param {string} subplotId : id of the annotation's subplot * - use false for 2d (i.e. cartesian or paper-ref) annotations * @param {object | undefined} xa : full x-axis object to compute subplot pos-to-px * @param {object | undefined} ya : ... y-axis */ function drawRaw(gd, options, index, subplotId, xa, ya) { var fullLayout = gd._fullLayout; var gs = gd._fullLayout._size; var edits = gd._context.edits; var className; var annbase; if(subplotId) { className = 'annotation-' + subplotId; annbase = subplotId + '.annotations[' + index + ']'; } else { className = 'annotation'; annbase = 'annotations[' + index + ']'; } // remove the existing annotation if there is one fullLayout._infolayer .selectAll('.' + className + '[data-index="' + index + '"]') .remove(); var annClipID = 'clip' + fullLayout._uid + '_ann' + index; // this annotation is gone - quit now after deleting it // TODO: use d3 idioms instead of deleting and redrawing every time if(!options._input || options.visible === false) { d3.selectAll('#' + annClipID).remove(); return; } // calculated pixel positions // x & y each will get text, head, and tail as appropriate var annPosPx = {x: {}, y: {}}, textangle = +options.textangle || 0; // create the components // made a single group to contain all, so opacity can work right // with border/arrow together this could handle a whole bunch of // cleanup at this point, but works for now var annGroup = fullLayout._infolayer.append('g') .classed(className, true) .attr('data-index', String(index)) .style('opacity', options.opacity); // another group for text+background so that they can rotate together var annTextGroup = annGroup.append('g') .classed('annotation-text-g', true); var editTextPosition = edits[options.showarrow ? 'annotationTail' : 'annotationPosition']; var textEvents = options.captureevents || edits.annotationText || editTextPosition; var annTextGroupInner = annTextGroup.append('g') .style('pointer-events', textEvents ? 'all' : null) .call(setCursor, 'default') .on('click', function() { gd._dragging = false; var eventData = { index: index, annotation: options._input, fullAnnotation: options, event: d3.event }; if(subplotId) { eventData.subplotId = subplotId; } gd.emit('plotly_clickannotation', eventData); }); if(options.hovertext) { annTextGroupInner .on('mouseover', function() { var hoverOptions = options.hoverlabel; var hoverFont = hoverOptions.font; var bBox = this.getBoundingClientRect(); var bBoxRef = gd.getBoundingClientRect(); Fx.loneHover({ x0: bBox.left - bBoxRef.left, x1: bBox.right - bBoxRef.left, y: (bBox.top + bBox.bottom) / 2 - bBoxRef.top, text: options.hovertext, color: hoverOptions.bgcolor, borderColor: hoverOptions.bordercolor, fontFamily: hoverFont.family, fontSize: hoverFont.size, fontColor: hoverFont.color }, { container: fullLayout._hoverlayer.node(), outerContainer: fullLayout._paper.node(), gd: gd }); }) .on('mouseout', function() { Fx.loneUnhover(fullLayout._hoverlayer.node()); }); } var borderwidth = options.borderwidth, borderpad = options.borderpad, borderfull = borderwidth + borderpad; var annTextBG = annTextGroupInner.append('rect') .attr('class', 'bg') .style('stroke-width', borderwidth + 'px') .call(Color.stroke, options.bordercolor) .call(Color.fill, options.bgcolor); var isSizeConstrained = options.width || options.height; var annTextClip = fullLayout._defs.select('.clips') .selectAll('#' + annClipID) .data(isSizeConstrained ? [0] : []); annTextClip.enter().append('clipPath') .classed('annclip', true) .attr('id', annClipID) .append('rect'); annTextClip.exit().remove(); var font = options.font; var annText = annTextGroupInner.append('text') .classed('annotation-text', true) .text(options.text); function textLayout(s) { s.call(Drawing.font, font) .attr({ 'text-anchor': { left: 'start', right: 'end' }[options.align] || 'middle' }); svgTextUtils.convertToTspans(s, gd, drawGraphicalElements); return s; } function drawGraphicalElements() { // if the text has *only* a link, make the whole box into a link var anchor3 = annText.selectAll('a'); if(anchor3.size() === 1 && anchor3.text() === annText.text()) { var wholeLink = annTextGroupInner.insert('a', ':first-child').attr({ 'xlink:xlink:href': anchor3.attr('xlink:href'), 'xlink:xlink:show': anchor3.attr('xlink:show') }) .style({cursor: 'pointer'}); wholeLink.node().appendChild(annTextBG.node()); } var mathjaxGroup = annTextGroupInner.select('.annotation-text-math-group'); var hasMathjax = !mathjaxGroup.empty(); var anntextBB = Drawing.bBox( (hasMathjax ? mathjaxGroup : annText).node()); var textWidth = anntextBB.width; var textHeight = anntextBB.height; var annWidth = options.width || textWidth; var annHeight = options.height || textHeight; var outerWidth = Math.round(annWidth + 2 * borderfull); var outerHeight = Math.round(annHeight + 2 * borderfull); // save size in the annotation object for use by autoscale options._w = annWidth; options._h = annHeight; function shiftFraction(v, anchor) { if(anchor === 'auto') { if(v < 1 / 3) anchor = 'left'; else if(v > 2 / 3) anchor = 'right'; else anchor = 'center'; } return { center: 0, middle: 0, left: 0.5, bottom: -0.5, right: -0.5, top: 0.5 }[anchor]; } var annotationIsOffscreen = false; var letters = ['x', 'y']; for(var i = 0; i < letters.length; i++) { var axLetter = letters[i], axRef = options[axLetter + 'ref'] || axLetter, tailRef = options['a' + axLetter + 'ref'], ax = {x: xa, y: ya}[axLetter], dimAngle = (textangle + (axLetter === 'x' ? 0 : -90)) * Math.PI / 180, // note that these two can be either positive or negative annSizeFromWidth = outerWidth * Math.cos(dimAngle), annSizeFromHeight = outerHeight * Math.sin(dimAngle), // but this one is the positive total size annSize = Math.abs(annSizeFromWidth) + Math.abs(annSizeFromHeight), anchor = options[axLetter + 'anchor'], overallShift = options[axLetter + 'shift'] * (axLetter === 'x' ? 1 : -1), posPx = annPosPx[axLetter], basePx, textPadShift, alignPosition, autoAlignFraction, textShift; /* * calculate the *primary* pixel position * which is the arrowhead if there is one, * otherwise the text anchor point */ if(ax) { /* * hide the annotation if it's pointing outside the visible plot * as long as the axis isn't autoranged - then we need to draw it * anyway to get its bounding box. When we're dragging, an axis can * still look autoranged even though it won't be when the drag finishes. */ var posFraction = ax.r2fraction(options[axLetter]); if((gd._dragging || !ax.autorange) && (posFraction < 0 || posFraction > 1)) { if(tailRef === axRef) { posFraction = ax.r2fraction(options['a' + axLetter]); if(posFraction < 0 || posFraction > 1) { annotationIsOffscreen = true; } } else { annotationIsOffscreen = true; } if(annotationIsOffscreen) continue; } basePx = ax._offset + ax.r2p(options[axLetter]); autoAlignFraction = 0.5; } else { if(axLetter === 'x') { alignPosition = options[axLetter]; basePx = gs.l + gs.w * alignPosition; } else { alignPosition = 1 - options[axLetter]; basePx = gs.t + gs.h * alignPosition; } autoAlignFraction = options.showarrow ? 0.5 : alignPosition; } // now translate this into pixel positions of head, tail, and text // as well as paddings for autorange if(options.showarrow) { posPx.head = basePx; var arrowLength = options['a' + axLetter]; // with an arrow, the text rotates around the anchor point textShift = annSizeFromWidth * shiftFraction(0.5, options.xanchor) - annSizeFromHeight * shiftFraction(0.5, options.yanchor); if(tailRef === axRef) { posPx.tail = ax._offset + ax.r2p(arrowLength); // tail is data-referenced: autorange pads the text in px from the tail textPadShift = textShift; } else { posPx.tail = basePx + arrowLength; // tail is specified in px from head, so autorange also pads vs head textPadShift = textShift + arrowLength; } posPx.text = posPx.tail + textShift; // constrain pixel/paper referenced so the draggers are at least // partially visible var maxPx = fullLayout[(axLetter === 'x') ? 'width' : 'height']; if(axRef === 'paper') { posPx.head = Lib.constrain(posPx.head, 1, maxPx - 1); } if(tailRef === 'pixel') { var shiftPlus = -Math.max(posPx.tail - 3, posPx.text), shiftMinus = Math.min(posPx.tail + 3, posPx.text) - maxPx; if(shiftPlus > 0) { posPx.tail += shiftPlus; posPx.text += shiftPlus; } else if(shiftMinus > 0) { posPx.tail -= shiftMinus; posPx.text -= shiftMinus; } } posPx.tail += overallShift; posPx.head += overallShift; } else { // with no arrow, the text rotates and *then* we put the anchor // relative to the new bounding box textShift = annSize * shiftFraction(autoAlignFraction, anchor); textPadShift = textShift; posPx.text = basePx + textShift; } posPx.text += overallShift; textShift += overallShift; textPadShift += overallShift; // padplus/minus are used by autorange options['_' + axLetter + 'padplus'] = (annSize / 2) + textPadShift; options['_' + axLetter + 'padminus'] = (annSize / 2) - textPadShift; // size/shift are used during dragging options['_' + axLetter + 'size'] = annSize; options['_' + axLetter + 'shift'] = textShift; } if(annotationIsOffscreen) { annTextGroupInner.remove(); return; } var xShift = 0; var yShift = 0; if(options.align !== 'left') { xShift = (annWidth - textWidth) * (options.align === 'center' ? 0.5 : 1); } if(options.valign !== 'top') { yShift = (annHeight - textHeight) * (options.valign === 'middle' ? 0.5 : 1); } if(hasMathjax) { mathjaxGroup.select('svg').attr({ x: borderfull + xShift - 1, y: borderfull + yShift }) .call(Drawing.setClipUrl, isSizeConstrained ? annClipID : null); } else { var texty = borderfull + yShift - anntextBB.top; var textx = borderfull + xShift - anntextBB.left; annText.call(svgTextUtils.positionText, textx, texty) .call(Drawing.setClipUrl, isSizeConstrained ? annClipID : null); } annTextClip.select('rect').call(Drawing.setRect, borderfull, borderfull, annWidth, annHeight); annTextBG.call(Drawing.setRect, borderwidth / 2, borderwidth / 2, outerWidth - borderwidth, outerHeight - borderwidth); annTextGroupInner.call(Drawing.setTranslate, Math.round(annPosPx.x.text - outerWidth / 2), Math.round(annPosPx.y.text - outerHeight / 2)); /* * rotate text and background * we already calculated the text center position *as rotated* * because we needed that for autoranging anyway, so now whether * we have an arrow or not, we rotate about the text center. */ annTextGroup.attr({transform: 'rotate(' + textangle + ',' + annPosPx.x.text + ',' + annPosPx.y.text + ')'}); /* * add the arrow * uses options[arrowwidth,arrowcolor,arrowhead] for styling * dx and dy are normally zero, but when you are dragging the textbox * while the head stays put, dx and dy are the pixel offsets */ var drawArrow = function(dx, dy) { annGroup .selectAll('.annotation-arrow-g') .remove(); var headX = annPosPx.x.head, headY = annPosPx.y.head, tailX = annPosPx.x.tail + dx, tailY = annPosPx.y.tail + dy, textX = annPosPx.x.text + dx, textY = annPosPx.y.text + dy, // find the edge of the text box, where we'll start the arrow: // create transform matrix to rotate the text box corners transform = Lib.rotationXYMatrix(textangle, textX, textY), applyTransform = Lib.apply2DTransform(transform), applyTransform2 = Lib.apply2DTransform2(transform), // calculate and transform bounding box width = +annTextBG.attr('width'), height = +annTextBG.attr('height'), xLeft = textX - 0.5 * width, xRight = xLeft + width, yTop = textY - 0.5 * height, yBottom = yTop + height, edges = [ [xLeft, yTop, xLeft, yBottom], [xLeft, yBottom, xRight, yBottom], [xRight, yBottom, xRight, yTop], [xRight, yTop, xLeft, yTop] ].map(applyTransform2); // Remove the line if it ends inside the box. Use ray // casting for rotated boxes: see which edges intersect a // line from the arrowhead to far away and reduce with xor // to get the parity of the number of intersections. if(edges.reduce(function(a, x) { return a ^ !!Lib.segmentsIntersect(headX, headY, headX + 1e6, headY + 1e6, x[0], x[1], x[2], x[3]); }, false)) { // no line or arrow - so quit drawArrow now return; } edges.forEach(function(x) { var p = Lib.segmentsIntersect(tailX, tailY, headX, headY, x[0], x[1], x[2], x[3]); if(p) { tailX = p.x; tailY = p.y; } }); var strokewidth = options.arrowwidth, arrowColor = options.arrowcolor; var arrowGroup = annGroup.append('g') .style({opacity: Color.opacity(arrowColor)}) .classed('annotation-arrow-g', true); var arrow = arrowGroup.append('path') .attr('d', 'M' + tailX + ',' + tailY + 'L' + headX + ',' + headY) .style('stroke-width', strokewidth + 'px') .call(Color.stroke, Color.rgb(arrowColor)); drawArrowHead(arrow, options.arrowhead, 'end', options.arrowsize, options.standoff); // the arrow dragger is a small square right at the head, then a line to the tail, // all expanded by a stroke width of 6px plus the arrow line width if(edits.annotationPosition && arrow.node().parentNode && !subplotId) { var arrowDragHeadX = headX; var arrowDragHeadY = headY; if(options.standoff) { var arrowLength = Math.sqrt(Math.pow(headX - tailX, 2) + Math.pow(headY - tailY, 2)); arrowDragHeadX += options.standoff * (tailX - headX) / arrowLength; arrowDragHeadY += options.standoff * (tailY - headY) / arrowLength; } var arrowDrag = arrowGroup.append('path') .classed('annotation-arrow', true) .classed('anndrag', true) .attr({ d: 'M3,3H-3V-3H3ZM0,0L' + (tailX - arrowDragHeadX) + ',' + (tailY - arrowDragHeadY), transform: 'translate(' + arrowDragHeadX + ',' + arrowDragHeadY + ')' }) .style('stroke-width', (strokewidth + 6) + 'px') .call(Color.stroke, 'rgba(0,0,0,0)') .call(Color.fill, 'rgba(0,0,0,0)'); var update, annx0, anny0; // dragger for the arrow & head: translates the whole thing // (head/tail/text) all together dragElement.init({ element: arrowDrag.node(), gd: gd, prepFn: function() { var pos = Drawing.getTranslate(annTextGroupInner); annx0 = pos.x; anny0 = pos.y; update = {}; if(xa && xa.autorange) { update[xa._name + '.autorange'] = true; } if(ya && ya.autorange) { update[ya._name + '.autorange'] = true; } }, moveFn: function(dx, dy) { var annxy0 = applyTransform(annx0, anny0), xcenter = annxy0[0] + dx, ycenter = annxy0[1] + dy; annTextGroupInner.call(Drawing.setTranslate, xcenter, ycenter); update[annbase + '.x'] = xa ? xa.p2r(xa.r2p(options.x) + dx) : (options.x + (dx / gs.w)); update[annbase + '.y'] = ya ? ya.p2r(ya.r2p(options.y) + dy) : (options.y - (dy / gs.h)); if(options.axref === options.xref) { update[annbase + '.ax'] = xa.p2r(xa.r2p(options.ax) + dx); } if(options.ayref === options.yref) { update[annbase + '.ay'] = ya.p2r(ya.r2p(options.ay) + dy); } arrowGroup.attr('transform', 'translate(' + dx + ',' + dy + ')'); annTextGroup.attr({ transform: 'rotate(' + textangle + ',' + xcenter + ',' + ycenter + ')' }); }, doneFn: function(dragged) { if(dragged) { Plotly.relayout(gd, update); var notesBox = document.querySelector('.js-notes-box-panel'); if(notesBox) notesBox.redraw(notesBox.selectedObj); } } }); } }; if(options.showarrow) drawArrow(0, 0); // user dragging the annotation (text, not arrow) if(editTextPosition) { var update, baseTextTransform; // dragger for the textbox: if there's an arrow, just drag the // textbox and tail, leave the head untouched dragElement.init({ element: annTextGroupInner.node(), gd: gd, prepFn: function() { baseTextTransform = annTextGroup.attr('transform'); update = {}; }, moveFn: function(dx, dy) { var csr = 'pointer'; if(options.showarrow) { if(options.axref === options.xref) { update[annbase + '.ax'] = xa.p2r(xa.r2p(options.ax) + dx); } else { update[annbase + '.ax'] = options.ax + dx; } if(options.ayref === options.yref) { update[annbase + '.ay'] = ya.p2r(ya.r2p(options.ay) + dy); } else { update[annbase + '.ay'] = options.ay + dy; } drawArrow(dx, dy); } else if(!subplotId) { if(xa) update[annbase + '.x'] = options.x + dx / xa._m; else { var widthFraction = options._xsize / gs.w, xLeft = options.x + (options._xshift - options.xshift) / gs.w - widthFraction / 2; update[annbase + '.x'] = dragElement.align(xLeft + dx / gs.w, widthFraction, 0, 1, options.xanchor); } if(ya) update[annbase + '.y'] = options.y + dy / ya._m; else { var heightFraction = options._ysize / gs.h, yBottom = options.y - (options._yshift + options.yshift) / gs.h - heightFraction / 2; update[annbase + '.y'] = dragElement.align(yBottom - dy / gs.h, heightFraction, 0, 1, options.yanchor); } if(!xa || !ya) { csr = dragElement.getCursor( xa ? 0.5 : update[annbase + '.x'], ya ? 0.5 : update[annbase + '.y'], options.xanchor, options.yanchor ); } } else return; annTextGroup.attr({ transform: 'translate(' + dx + ',' + dy + ')' + baseTextTransform }); setCursor(annTextGroupInner, csr); }, doneFn: function(dragged) { setCursor(annTextGroupInner); if(dragged) { Plotly.relayout(gd, update); var notesBox = document.querySelector('.js-notes-box-panel'); if(notesBox) notesBox.redraw(notesBox.selectedObj); } } }); } } if(edits.annotationText) { annText.call(svgTextUtils.makeEditable, {delegate: annTextGroupInner, gd: gd}) .call(textLayout) .on('edit', function(_text) { options.text = _text; this.call(textLayout); var update = {}; update[annbase + '.text'] = options.text; if(xa && xa.autorange) { update[xa._name + '.autorange'] = true; } if(ya && ya.autorange) { update[ya._name + '.autorange'] = true; } Plotly.relayout(gd, update); }); } else annText.call(textLayout); } },{"../../lib":147,"../../lib/setcursor":162,"../../lib/svg_text_utils":164,"../../plotly":178,"../../plots/cartesian/axes":183,"../../plots/plots":212,"../color":34,"../dragelement":55,"../drawing":58,"../fx":75,"./draw_arrow_head":26,"d3":7}],26:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var isNumeric = require('fast-isnumeric'); var Color = require('../color'); var Drawing = require('../drawing'); var ARROWPATHS = require('./arrow_paths'); // add arrowhead(s) to a path or line d3 element el3 // style: 1-6, first 5 are pointers, 6 is circle, 7 is square, 8 is none // ends is 'start', 'end' (default), 'start+end' // mag is magnification vs. default (default 1) module.exports = function drawArrowHead(el3, style, ends, mag, standoff) { if(!isNumeric(mag)) mag = 1; var el = el3.node(), headStyle = ARROWPATHS[style||0]; if(typeof ends !== 'string' || !ends) ends = 'end'; var scale = (Drawing.getPx(el3, 'stroke-width') || 1) * mag, stroke = el3.style('stroke') || Color.defaultLine, opacity = el3.style('stroke-opacity') || 1, doStart = ends.indexOf('start') >= 0, doEnd = ends.indexOf('end') >= 0, backOff = headStyle.backoff * scale + standoff, start, end, startRot, endRot; if(el.nodeName === 'line') { start = {x: +el3.attr('x1'), y: +el3.attr('y1')}; end = {x: +el3.attr('x2'), y: +el3.attr('y2')}; var dx = start.x - end.x, dy = start.y - end.y; startRot = Math.atan2(dy, dx); endRot = startRot + Math.PI; if(backOff) { if(backOff * backOff > dx * dx + dy * dy) { hideLine(); return; } var backOffX = backOff * Math.cos(startRot), backOffY = backOff * Math.sin(startRot); if(doStart) { start.x -= backOffX; start.y -= backOffY; el3.attr({x1: start.x, y1: start.y}); } if(doEnd) { end.x += backOffX; end.y += backOffY; el3.attr({x2: end.x, y2: end.y}); } } } else if(el.nodeName === 'path') { var pathlen = el.getTotalLength(), // using dash to hide the backOff region of the path. // if we ever allow dash for the arrow we'll have to // do better than this hack... maybe just manually // combine the two dashArray = ''; if(pathlen < backOff) { hideLine(); return; } if(doStart) { var start0 = el.getPointAtLength(0), dstart = el.getPointAtLength(0.1); startRot = Math.atan2(start0.y - dstart.y, start0.x - dstart.x); start = el.getPointAtLength(Math.min(backOff, pathlen)); if(backOff) dashArray = '0px,' + backOff + 'px,'; } if(doEnd) { var end0 = el.getPointAtLength(pathlen), dend = el.getPointAtLength(pathlen - 0.1); endRot = Math.atan2(end0.y - dend.y, end0.x - dend.x); end = el.getPointAtLength(Math.max(0, pathlen - backOff)); if(backOff) { var shortening = dashArray ? 2 * backOff : backOff; dashArray += (pathlen - shortening) + 'px,' + pathlen + 'px'; } } else if(dashArray) dashArray += pathlen + 'px'; if(dashArray) el3.style('stroke-dasharray', dashArray); } function hideLine() { el3.style('stroke-dasharray', '0px,100px'); } function drawhead(p, rot) { if(!headStyle.path) return; if(style > 5) rot = 0; // don't rotate square or circle d3.select(el.parentNode).append('path') .attr({ 'class': el3.attr('class'), d: headStyle.path, transform: 'translate(' + p.x + ',' + p.y + ')' + 'rotate(' + (rot * 180 / Math.PI) + ')' + 'scale(' + scale + ')' }) .style({ fill: stroke, opacity: opacity, 'stroke-width': 0 }); } if(doStart) drawhead(start, startRot); if(doEnd) drawhead(end, endRot); }; },{"../color":34,"../drawing":58,"./arrow_paths":18,"d3":7,"fast-isnumeric":10}],27:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var drawModule = require('./draw'); var clickModule = require('./click'); module.exports = { moduleType: 'component', name: 'annotations', layoutAttributes: require('./attributes'), supplyLayoutDefaults: require('./defaults'), calcAutorange: require('./calc_autorange'), draw: drawModule.draw, drawOne: drawModule.drawOne, drawRaw: drawModule.drawRaw, hasClickToShow: clickModule.hasClickToShow, onClick: clickModule.onClick, convertCoords: require('./convert_coords') }; },{"./attributes":19,"./calc_autorange":20,"./click":21,"./convert_coords":23,"./defaults":24,"./draw":25}],28:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var annAtts = require('../annotations/attributes'); module.exports = { _isLinkedToArray: 'annotation', visible: annAtts.visible, x: { valType: 'any', }, y: { valType: 'any', }, z: { valType: 'any', }, ax: { valType: 'number', }, ay: { valType: 'number', }, xanchor: annAtts.xanchor, xshift: annAtts.xshift, yanchor: annAtts.yanchor, yshift: annAtts.yshift, text: annAtts.text, textangle: annAtts.textangle, font: annAtts.font, width: annAtts.width, height: annAtts.height, opacity: annAtts.opacity, align: annAtts.align, valign: annAtts.valign, bgcolor: annAtts.bgcolor, bordercolor: annAtts.bordercolor, borderpad: annAtts.borderpad, borderwidth: annAtts.borderwidth, showarrow: annAtts.showarrow, arrowcolor: annAtts.arrowcolor, arrowhead: annAtts.arrowhead, arrowsize: annAtts.arrowsize, arrowwidth: annAtts.arrowwidth, standoff: annAtts.standoff, hovertext: annAtts.hovertext, hoverlabel: annAtts.hoverlabel, captureevents: annAtts.captureevents // maybes later? // clicktoshow: annAtts.clicktoshow, // xclick: annAtts.xclick, // yclick: annAtts.yclick, // not needed! // axref: 'pixel' // ayref: 'pixel' // xref: 'x' // yref: 'y // zref: 'z' }; },{"../annotations/attributes":19}],29:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var Axes = require('../../plots/cartesian/axes'); module.exports = function convert(scene) { var fullSceneLayout = scene.fullSceneLayout; var anns = fullSceneLayout.annotations; for(var i = 0; i < anns.length; i++) { mockAnnAxes(anns[i], scene); } scene.fullLayout._infolayer .selectAll('.annotation-' + scene.id) .remove(); }; function mockAnnAxes(ann, scene) { var fullSceneLayout = scene.fullSceneLayout; var domain = fullSceneLayout.domain; var size = scene.fullLayout._size; var base = { // this gets fill in on render pdata: null, // to get setConvert to not execute cleanly type: 'linear', // don't try to update them on `editable: true` autorange: false, // set infinite range so that annotation draw routine // does not try to remove 'outside-range' annotations, // this case is handled in the render loop range: [-Infinity, Infinity] }; ann._xa = {}; Lib.extendFlat(ann._xa, base); Axes.setConvert(ann._xa); ann._xa._offset = size.l + domain.x[0] * size.w; ann._xa.l2p = function() { return 0.5 * (1 + ann.pdata[0] / ann.pdata[3]) * size.w * (domain.x[1] - domain.x[0]); }; ann._ya = {}; Lib.extendFlat(ann._ya, base); Axes.setConvert(ann._ya); ann._ya._offset = size.t + (1 - domain.y[1]) * size.h; ann._ya.l2p = function() { return 0.5 * (1 - ann.pdata[1] / ann.pdata[3]) * size.h * (domain.y[1] - domain.y[0]); }; } },{"../../lib":147,"../../plots/cartesian/axes":183}],30:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var Axes = require('../../plots/cartesian/axes'); var handleArrayContainerDefaults = require('../../plots/array_container_defaults'); var handleAnnotationCommonDefaults = require('../annotations/common_defaults'); var attributes = require('./attributes'); module.exports = function handleDefaults(sceneLayoutIn, sceneLayoutOut, opts) { handleArrayContainerDefaults(sceneLayoutIn, sceneLayoutOut, { name: 'annotations', handleItemDefaults: handleAnnotationDefaults, fullLayout: opts.fullLayout }); }; function handleAnnotationDefaults(annIn, annOut, sceneLayout, opts, itemOpts) { function coerce(attr, dflt) { return Lib.coerce(annIn, annOut, attributes, attr, dflt); } function coercePosition(axLetter) { var axName = axLetter + 'axis'; // mock in such way that getFromId grabs correct 3D axis var gdMock = { _fullLayout: {} }; gdMock._fullLayout[axName] = sceneLayout[axName]; return Axes.coercePosition(annOut, gdMock, coerce, axLetter, axLetter, 0.5); } var visible = coerce('visible', !itemOpts.itemIsNotPlainObject); if(!visible) return annOut; handleAnnotationCommonDefaults(annIn, annOut, opts.fullLayout, coerce); coercePosition('x'); coercePosition('y'); coercePosition('z'); // if you have one coordinate you should all three Lib.noneOrAll(annIn, annOut, ['x', 'y', 'z']); // hard-set here for completeness annOut.xref = 'x'; annOut.yref = 'y'; annOut.zref = 'z'; coerce('xanchor'); coerce('yanchor'); coerce('xshift'); coerce('yshift'); if(annOut.showarrow) { annOut.axref = 'pixel'; annOut.ayref = 'pixel'; // TODO maybe default values should be bigger than the 2D case? coerce('ax', -10); coerce('ay', -30); // if you have one part of arrow length you should have both Lib.noneOrAll(annIn, annOut, ['ax', 'ay']); } return annOut; } },{"../../lib":147,"../../plots/array_container_defaults":180,"../../plots/cartesian/axes":183,"../annotations/common_defaults":22,"./attributes":28}],31:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var drawRaw = require('../annotations/draw').drawRaw; var project = require('../../plots/gl3d/project'); var axLetters = ['x', 'y', 'z']; module.exports = function draw(scene) { var fullSceneLayout = scene.fullSceneLayout; var dataScale = scene.dataScale; var anns = fullSceneLayout.annotations; for(var i = 0; i < anns.length; i++) { var ann = anns[i]; var annotationIsOffscreen = false; for(var j = 0; j < 3; j++) { var axLetter = axLetters[j]; var pos = ann[axLetter]; var ax = fullSceneLayout[axLetter + 'axis']; var posFraction = ax.r2fraction(pos); if(posFraction < 0 || posFraction > 1) { annotationIsOffscreen = true; break; } } if(annotationIsOffscreen) { scene.fullLayout._infolayer .select('.annotation-' + scene.id + '[data-index="' + i + '"]') .remove(); } else { ann.pdata = project(scene.glplot.cameraParams, [ fullSceneLayout.xaxis.r2l(ann.x) * dataScale[0], fullSceneLayout.yaxis.r2l(ann.y) * dataScale[1], fullSceneLayout.zaxis.r2l(ann.z) * dataScale[2] ]); drawRaw(scene.graphDiv, ann, i, scene.id, ann._xa, ann._ya); } } }; },{"../../plots/gl3d/project":209,"../annotations/draw":25}],32:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { moduleType: 'component', name: 'annotations3d', schema: { layout: { 'scene.annotations': require('./attributes') } }, layoutAttributes: require('./attributes'), handleDefaults: require('./defaults'), convert: require('./convert'), draw: require('./draw') }; },{"./attributes":28,"./convert":29,"./defaults":30,"./draw":31}],33:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // IMPORTANT - default colors should be in hex for compatibility exports.defaults = [ '#1f77b4', // muted blue '#ff7f0e', // safety orange '#2ca02c', // cooked asparagus green '#d62728', // brick red '#9467bd', // muted purple '#8c564b', // chestnut brown '#e377c2', // raspberry yogurt pink '#7f7f7f', // middle gray '#bcbd22', // curry yellow-green '#17becf' // blue-teal ]; exports.defaultLine = '#444'; exports.lightLine = '#eee'; exports.background = '#fff'; exports.borderLine = '#BEC8D9'; // with axis.color and Color.interp we aren't using lightLine // itself anymore, instead interpolating between axis.color // and the background color using tinycolor.mix. lightFraction // gives back exactly lightLine if the other colors are defaults. exports.lightFraction = 100 * (0xe - 0x4) / (0xf - 0x4); },{}],34:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var tinycolor = require('tinycolor2'); var isNumeric = require('fast-isnumeric'); var color = module.exports = {}; var colorAttrs = require('./attributes'); color.defaults = colorAttrs.defaults; var defaultLine = color.defaultLine = colorAttrs.defaultLine; color.lightLine = colorAttrs.lightLine; var background = color.background = colorAttrs.background; /* * tinyRGB: turn a tinycolor into an rgb string, but * unlike the built-in tinycolor.toRgbString this never includes alpha */ color.tinyRGB = function(tc) { var c = tc.toRgb(); return 'rgb(' + Math.round(c.r) + ', ' + Math.round(c.g) + ', ' + Math.round(c.b) + ')'; }; color.rgb = function(cstr) { return color.tinyRGB(tinycolor(cstr)); }; color.opacity = function(cstr) { return cstr ? tinycolor(cstr).getAlpha() : 0; }; color.addOpacity = function(cstr, op) { var c = tinycolor(cstr).toRgb(); return 'rgba(' + Math.round(c.r) + ', ' + Math.round(c.g) + ', ' + Math.round(c.b) + ', ' + op + ')'; }; // combine two colors into one apparent color // if back has transparency or is missing, // color.background is assumed behind it color.combine = function(front, back) { var fc = tinycolor(front).toRgb(); if(fc.a === 1) return tinycolor(front).toRgbString(); var bc = tinycolor(back || background).toRgb(), bcflat = bc.a === 1 ? bc : { r: 255 * (1 - bc.a) + bc.r * bc.a, g: 255 * (1 - bc.a) + bc.g * bc.a, b: 255 * (1 - bc.a) + bc.b * bc.a }, fcflat = { r: bcflat.r * (1 - fc.a) + fc.r * fc.a, g: bcflat.g * (1 - fc.a) + fc.g * fc.a, b: bcflat.b * (1 - fc.a) + fc.b * fc.a }; return tinycolor(fcflat).toRgbString(); }; /* * Create a color that contrasts with cstr. * * If cstr is a dark color, we lighten it; if it's light, we darken. * * If lightAmount / darkAmount are used, we adjust by these percentages, * otherwise we go all the way to white or black. */ color.contrast = function(cstr, lightAmount, darkAmount) { var tc = tinycolor(cstr); if(tc.getAlpha() !== 1) tc = tinycolor(color.combine(cstr, background)); var newColor = tc.isDark() ? (lightAmount ? tc.lighten(lightAmount) : background) : (darkAmount ? tc.darken(darkAmount) : defaultLine); return newColor.toString(); }; color.stroke = function(s, c) { var tc = tinycolor(c); s.style({'stroke': color.tinyRGB(tc), 'stroke-opacity': tc.getAlpha()}); }; color.fill = function(s, c) { var tc = tinycolor(c); s.style({ 'fill': color.tinyRGB(tc), 'fill-opacity': tc.getAlpha() }); }; // search container for colors with the deprecated rgb(fractions) format // and convert them to rgb(0-255 values) color.clean = function(container) { if(!container || typeof container !== 'object') return; var keys = Object.keys(container), i, j, key, val; for(i = 0; i < keys.length; i++) { key = keys[i]; val = container[key]; // only sanitize keys that end in "color" or "colorscale" if(key.substr(key.length - 5) === 'color') { if(Array.isArray(val)) { for(j = 0; j < val.length; j++) val[j] = cleanOne(val[j]); } else container[key] = cleanOne(val); } else if(key.substr(key.length - 10) === 'colorscale' && Array.isArray(val)) { // colorscales have the format [[0, color1], [frac, color2], ... [1, colorN]] for(j = 0; j < val.length; j++) { if(Array.isArray(val[j])) val[j][1] = cleanOne(val[j][1]); } } // recurse into arrays of objects, and plain objects else if(Array.isArray(val)) { var el0 = val[0]; if(!Array.isArray(el0) && el0 && typeof el0 === 'object') { for(j = 0; j < val.length; j++) color.clean(val[j]); } } else if(val && typeof val === 'object') color.clean(val); } }; function cleanOne(val) { if(isNumeric(val) || typeof val !== 'string') return val; var valTrim = val.trim(); if(valTrim.substr(0, 3) !== 'rgb') return val; var match = valTrim.match(/^rgba?\s*\(([^()]*)\)$/); if(!match) return val; var parts = match[1].trim().split(/\s*[\s,]\s*/), rgba = valTrim.charAt(3) === 'a' && parts.length === 4; if(!rgba && parts.length !== 3) return val; for(var i = 0; i < parts.length; i++) { if(!parts[i].length) return val; parts[i] = Number(parts[i]); // all parts must be non-negative numbers if(!(parts[i] >= 0)) return val; // alpha>1 gets clipped to 1 if(i === 3) { if(parts[i] > 1) parts[i] = 1; } // r, g, b must be < 1 (ie 1 itself is not allowed) else if(parts[i] >= 1) return val; } var rgbStr = Math.round(parts[0] * 255) + ', ' + Math.round(parts[1] * 255) + ', ' + Math.round(parts[2] * 255); if(rgba) return 'rgba(' + rgbStr + ', ' + parts[3] + ')'; return 'rgb(' + rgbStr + ')'; } },{"./attributes":33,"fast-isnumeric":10,"tinycolor2":16}],35:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var axesAttrs = require('../../plots/cartesian/layout_attributes'); var fontAttrs = require('../../plots/font_attributes'); var extendFlat = require('../../lib/extend').extendFlat; module.exports = { // TODO: only right is supported currently // orient: { // valType: 'enumerated', // // values: ['left', 'right', 'top', 'bottom'], // dflt: 'right', // // }, thicknessmode: { valType: 'enumerated', values: ['fraction', 'pixels'], dflt: 'pixels', }, thickness: { valType: 'number', min: 0, dflt: 30, }, lenmode: { valType: 'enumerated', values: ['fraction', 'pixels'], dflt: 'fraction', }, len: { valType: 'number', min: 0, dflt: 1, }, x: { valType: 'number', dflt: 1.02, min: -2, max: 3, }, xanchor: { valType: 'enumerated', values: ['left', 'center', 'right'], dflt: 'left', }, xpad: { valType: 'number', min: 0, dflt: 10, }, y: { valType: 'number', dflt: 0.5, min: -2, max: 3, }, yanchor: { valType: 'enumerated', values: ['top', 'middle', 'bottom'], dflt: 'middle', }, ypad: { valType: 'number', min: 0, dflt: 10, }, // a possible line around the bar itself outlinecolor: axesAttrs.linecolor, outlinewidth: axesAttrs.linewidth, // Should outlinewidth have {dflt: 0} ? // another possible line outside the padding and tick labels bordercolor: axesAttrs.linecolor, borderwidth: { valType: 'number', min: 0, dflt: 0, }, bgcolor: { valType: 'color', dflt: 'rgba(0,0,0,0)', }, // tick and title properties named and function exactly as in axes tickmode: axesAttrs.tickmode, nticks: axesAttrs.nticks, tick0: axesAttrs.tick0, dtick: axesAttrs.dtick, tickvals: axesAttrs.tickvals, ticktext: axesAttrs.ticktext, ticks: extendFlat({}, axesAttrs.ticks, {dflt: ''}), ticklen: axesAttrs.ticklen, tickwidth: axesAttrs.tickwidth, tickcolor: axesAttrs.tickcolor, showticklabels: axesAttrs.showticklabels, tickfont: axesAttrs.tickfont, tickangle: axesAttrs.tickangle, tickformat: axesAttrs.tickformat, tickprefix: axesAttrs.tickprefix, showtickprefix: axesAttrs.showtickprefix, ticksuffix: axesAttrs.ticksuffix, showticksuffix: axesAttrs.showticksuffix, separatethousands: axesAttrs.separatethousands, exponentformat: axesAttrs.exponentformat, showexponent: axesAttrs.showexponent, title: { valType: 'string', dflt: 'Click to enter colorscale title', }, titlefont: extendFlat({}, fontAttrs, { }), titleside: { valType: 'enumerated', values: ['right', 'top', 'bottom'], dflt: 'top', } }; },{"../../lib/extend":142,"../../plots/cartesian/layout_attributes":194,"../../plots/font_attributes":207}],36:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var handleTickValueDefaults = require('../../plots/cartesian/tick_value_defaults'); var handleTickMarkDefaults = require('../../plots/cartesian/tick_mark_defaults'); var handleTickLabelDefaults = require('../../plots/cartesian/tick_label_defaults'); var attributes = require('./attributes'); module.exports = function colorbarDefaults(containerIn, containerOut, layout) { var colorbarOut = containerOut.colorbar = {}, colorbarIn = containerIn.colorbar || {}; function coerce(attr, dflt) { return Lib.coerce(colorbarIn, colorbarOut, attributes, attr, dflt); } var thicknessmode = coerce('thicknessmode'); coerce('thickness', (thicknessmode === 'fraction') ? 30 / (layout.width - layout.margin.l - layout.margin.r) : 30 ); var lenmode = coerce('lenmode'); coerce('len', (lenmode === 'fraction') ? 1 : layout.height - layout.margin.t - layout.margin.b ); coerce('x'); coerce('xanchor'); coerce('xpad'); coerce('y'); coerce('yanchor'); coerce('ypad'); Lib.noneOrAll(colorbarIn, colorbarOut, ['x', 'y']); coerce('outlinecolor'); coerce('outlinewidth'); coerce('bordercolor'); coerce('borderwidth'); coerce('bgcolor'); handleTickValueDefaults(colorbarIn, colorbarOut, coerce, 'linear'); handleTickLabelDefaults(colorbarIn, colorbarOut, coerce, 'linear', {outerTicks: false, font: layout.font, noHover: true}); handleTickMarkDefaults(colorbarIn, colorbarOut, coerce, 'linear', {outerTicks: false, font: layout.font, noHover: true}); coerce('title'); Lib.coerceFont(coerce, 'titlefont', layout.font); coerce('titleside'); }; },{"../../lib":147,"../../plots/cartesian/tick_label_defaults":201,"../../plots/cartesian/tick_mark_defaults":202,"../../plots/cartesian/tick_value_defaults":203,"./attributes":35}],37:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var tinycolor = require('tinycolor2'); var Plotly = require('../../plotly'); var Plots = require('../../plots/plots'); var Registry = require('../../registry'); var Axes = require('../../plots/cartesian/axes'); var dragElement = require('../dragelement'); var Lib = require('../../lib'); var extendFlat = require('../../lib/extend').extendFlat; var setCursor = require('../../lib/setcursor'); var Drawing = require('../drawing'); var Color = require('../color'); var Titles = require('../titles'); var svgTextUtils = require('../../lib/svg_text_utils'); var LINE_SPACING = require('../../constants/alignment').LINE_SPACING; var handleAxisDefaults = require('../../plots/cartesian/axis_defaults'); var handleAxisPositionDefaults = require('../../plots/cartesian/position_defaults'); var axisLayoutAttrs = require('../../plots/cartesian/layout_attributes'); var attributes = require('./attributes'); module.exports = function draw(gd, id) { // opts: options object, containing everything from attributes // plus a few others that are the equivalent of the colorbar "data" var opts = {}; Object.keys(attributes).forEach(function(k) { opts[k] = null; }); // fillcolor can be a d3 scale, domain is z values, range is colors // or leave it out for no fill, // or set to a string constant for single-color fill opts.fillcolor = null; // line.color has the same options as fillcolor opts.line = {color: null, width: null, dash: null}; // levels of lines to draw. // note that this DOES NOT determine the extent of the bar // that's given by the domain of fillcolor // (or line.color if no fillcolor domain) opts.levels = {start: null, end: null, size: null}; // separate fill levels (for example, heatmap coloring of a // contour map) if this is omitted, fillcolors will be // evaluated halfway between levels opts.filllevels = null; function component() { var fullLayout = gd._fullLayout, gs = fullLayout._size; if((typeof opts.fillcolor !== 'function') && (typeof opts.line.color !== 'function')) { fullLayout._infolayer.selectAll('g.' + id).remove(); return; } var zrange = d3.extent(((typeof opts.fillcolor === 'function') ? opts.fillcolor : opts.line.color).domain()); var linelevels = []; var filllevels = []; var linecolormap = typeof opts.line.color === 'function' ? opts.line.color : function() { return opts.line.color; }; var fillcolormap = typeof opts.fillcolor === 'function' ? opts.fillcolor : function() { return opts.fillcolor; }; var l; var i; var l0 = opts.levels.end + opts.levels.size / 100, ls = opts.levels.size, zr0 = (1.001 * zrange[0] - 0.001 * zrange[1]), zr1 = (1.001 * zrange[1] - 0.001 * zrange[0]); for(i = 0; i < 1e5; i++) { l = opts.levels.start + i * ls; if(ls > 0 ? (l >= l0) : (l <= l0)) break; if(l > zr0 && l < zr1) linelevels.push(l); } if(typeof opts.fillcolor === 'function') { if(opts.filllevels) { l0 = opts.filllevels.end + opts.filllevels.size / 100; ls = opts.filllevels.size; for(i = 0; i < 1e5; i++) { l = opts.filllevels.start + i * ls; if(ls > 0 ? (l >= l0) : (l <= l0)) break; if(l > zrange[0] && l < zrange[1]) filllevels.push(l); } } else { filllevels = linelevels.map(function(v) { return v - opts.levels.size / 2; }); filllevels.push(filllevels[filllevels.length - 1] + opts.levels.size); } } else if(opts.fillcolor && typeof opts.fillcolor === 'string') { // doesn't matter what this value is, with a single value // we'll make a single fill rect covering the whole bar filllevels = [0]; } if(opts.levels.size < 0) { linelevels.reverse(); filllevels.reverse(); } // now make a Plotly Axes object to scale with and draw ticks // TODO: does not support orientation other than right // we calculate pixel sizes based on the specified graph size, // not the actual (in case something pushed the margins around) // which is a little odd but avoids an odd iterative effect // when the colorbar itself is pushing the margins. // but then the fractional size is calculated based on the // actual graph size, so that the axes will size correctly. var originalPlotHeight = fullLayout.height - fullLayout.margin.t - fullLayout.margin.b, originalPlotWidth = fullLayout.width - fullLayout.margin.l - fullLayout.margin.r, thickPx = Math.round(opts.thickness * (opts.thicknessmode === 'fraction' ? originalPlotWidth : 1)), thickFrac = thickPx / gs.w, lenPx = Math.round(opts.len * (opts.lenmode === 'fraction' ? originalPlotHeight : 1)), lenFrac = lenPx / gs.h, xpadFrac = opts.xpad / gs.w, yExtraPx = (opts.borderwidth + opts.outlinewidth) / 2, ypadFrac = opts.ypad / gs.h, // x positioning: do it initially just for left anchor, // then fix at the end (since we don't know the width yet) xLeft = Math.round(opts.x * gs.w + opts.xpad), // for dragging... this is getting a little muddled... xLeftFrac = opts.x - thickFrac * ({middle: 0.5, right: 1}[opts.xanchor]||0), // y positioning we can do correctly from the start yBottomFrac = opts.y + lenFrac * (({top: -0.5, bottom: 0.5}[opts.yanchor] || 0) - 0.5), yBottomPx = Math.round(gs.h * (1 - yBottomFrac)), yTopPx = yBottomPx - lenPx, titleEl, cbAxisIn = { type: 'linear', range: zrange, tickmode: opts.tickmode, nticks: opts.nticks, tick0: opts.tick0, dtick: opts.dtick, tickvals: opts.tickvals, ticktext: opts.ticktext, ticks: opts.ticks, ticklen: opts.ticklen, tickwidth: opts.tickwidth, tickcolor: opts.tickcolor, showticklabels: opts.showticklabels, tickfont: opts.tickfont, tickangle: opts.tickangle, tickformat: opts.tickformat, exponentformat: opts.exponentformat, separatethousands: opts.separatethousands, showexponent: opts.showexponent, showtickprefix: opts.showtickprefix, tickprefix: opts.tickprefix, showticksuffix: opts.showticksuffix, ticksuffix: opts.ticksuffix, title: opts.title, titlefont: opts.titlefont, showline: true, anchor: 'free', position: 1 }, cbAxisOut = { type: 'linear', _id: 'y' + id }, axisOptions = { letter: 'y', font: fullLayout.font, noHover: true, calendar: fullLayout.calendar // not really necessary (yet?) }; // Coerce w.r.t. Axes layoutAttributes: // re-use axes.js logic without updating _fullData function coerce(attr, dflt) { return Lib.coerce(cbAxisIn, cbAxisOut, axisLayoutAttrs, attr, dflt); } // Prepare the Plotly axis object handleAxisDefaults(cbAxisIn, cbAxisOut, coerce, axisOptions, fullLayout); handleAxisPositionDefaults(cbAxisIn, cbAxisOut, coerce, axisOptions); // position can't go in through supplyDefaults // because that restricts it to [0,1] cbAxisOut.position = opts.x + xpadFrac + thickFrac; // save for other callers to access this axis component.axis = cbAxisOut; if(['top', 'bottom'].indexOf(opts.titleside) !== -1) { cbAxisOut.titleside = opts.titleside; cbAxisOut.titlex = opts.x + xpadFrac; cbAxisOut.titley = yBottomFrac + (opts.titleside === 'top' ? lenFrac - ypadFrac : ypadFrac); } if(opts.line.color && opts.tickmode === 'auto') { cbAxisOut.tickmode = 'linear'; cbAxisOut.tick0 = opts.levels.start; var dtick = opts.levels.size; // expand if too many contours, so we don't get too many ticks var autoNtick = Lib.constrain( (yBottomPx - yTopPx) / 50, 4, 15) + 1, dtFactor = (zrange[1] - zrange[0]) / ((opts.nticks || autoNtick) * dtick); if(dtFactor > 1) { var dtexp = Math.pow(10, Math.floor( Math.log(dtFactor) / Math.LN10)); dtick *= dtexp * Lib.roundUp(dtFactor / dtexp, [2, 5, 10]); // if the contours are at round multiples, reset tick0 // so they're still at round multiples. Otherwise, // keep the first label on the first contour level if((Math.abs(opts.levels.start) / opts.levels.size + 1e-6) % 1 < 2e-6) { cbAxisOut.tick0 = 0; } } cbAxisOut.dtick = dtick; } // set domain after init, because we may want to // allow it outside [0,1] cbAxisOut.domain = [ yBottomFrac + ypadFrac, yBottomFrac + lenFrac - ypadFrac ]; cbAxisOut.setScale(); // now draw the elements var container = fullLayout._infolayer.selectAll('g.' + id).data([0]); container.enter().append('g').classed(id, true) .each(function() { var s = d3.select(this); s.append('rect').classed('cbbg', true); s.append('g').classed('cbfills', true); s.append('g').classed('cblines', true); s.append('g').classed('cbaxis', true).classed('crisp', true); s.append('g').classed('cbtitleunshift', true) .append('g').classed('cbtitle', true); s.append('rect').classed('cboutline', true); s.select('.cbtitle').datum(0); }); container.attr('transform', 'translate(' + Math.round(gs.l) + ',' + Math.round(gs.t) + ')'); // TODO: this opposite transform is a hack until we make it // more rational which items get this offset var titleCont = container.select('.cbtitleunshift') .attr('transform', 'translate(-' + Math.round(gs.l) + ',-' + Math.round(gs.t) + ')'); cbAxisOut._axislayer = container.select('.cbaxis'); var titleHeight = 0; if(['top', 'bottom'].indexOf(opts.titleside) !== -1) { // draw the title so we know how much room it needs // when we squish the axis. This one only applies to // top or bottom titles, not right side. var x = gs.l + (opts.x + xpadFrac) * gs.w, fontSize = cbAxisOut.titlefont.size, y; if(opts.titleside === 'top') { y = (1 - (yBottomFrac + lenFrac - ypadFrac)) * gs.h + gs.t + 3 + fontSize * 0.75; } else { y = (1 - (yBottomFrac + ypadFrac)) * gs.h + gs.t - 3 - fontSize * 0.25; } drawTitle(cbAxisOut._id + 'title', { attributes: {x: x, y: y, 'text-anchor': 'start'} }); } function drawAxis() { if(['top', 'bottom'].indexOf(opts.titleside) !== -1) { // squish the axis top to make room for the title var titleGroup = container.select('.cbtitle'), titleText = titleGroup.select('text'), titleTrans = [-opts.outlinewidth / 2, opts.outlinewidth / 2], mathJaxNode = titleGroup .select('.h' + cbAxisOut._id + 'title-math-group') .node(), lineSize = 15.6; if(titleText.node()) { lineSize = parseInt(titleText.style('font-size'), 10) * LINE_SPACING; } if(mathJaxNode) { titleHeight = Drawing.bBox(mathJaxNode).height; if(titleHeight > lineSize) { // not entirely sure how mathjax is doing // vertical alignment, but this seems to work. titleTrans[1] -= (titleHeight - lineSize) / 2; } } else if(titleText.node() && !titleText.classed('js-placeholder')) { titleHeight = Drawing.bBox(titleText.node()).height; } if(titleHeight) { // buffer btwn colorbar and title // TODO: configurable titleHeight += 5; if(opts.titleside === 'top') { cbAxisOut.domain[1] -= titleHeight / gs.h; titleTrans[1] *= -1; } else { cbAxisOut.domain[0] += titleHeight / gs.h; var nlines = svgTextUtils.lineCount(titleText); titleTrans[1] += (1 - nlines) * lineSize; } titleGroup.attr('transform', 'translate(' + titleTrans + ')'); cbAxisOut.setScale(); } } container.selectAll('.cbfills,.cblines,.cbaxis') .attr('transform', 'translate(0,' + Math.round(gs.h * (1 - cbAxisOut.domain[1])) + ')'); var fills = container.select('.cbfills') .selectAll('rect.cbfill') .data(filllevels); fills.enter().append('rect') .classed('cbfill', true) .style('stroke', 'none'); fills.exit().remove(); fills.each(function(d, i) { var z = [ (i === 0) ? zrange[0] : (filllevels[i] + filllevels[i - 1]) / 2, (i === filllevels.length - 1) ? zrange[1] : (filllevels[i] + filllevels[i + 1]) / 2 ] .map(cbAxisOut.c2p) .map(Math.round); // offset the side adjoining the next rectangle so they // overlap, to prevent antialiasing gaps if(i !== filllevels.length - 1) { z[1] += (z[1] > z[0]) ? 1 : -1; } // Tinycolor can't handle exponents and // at this scale, removing it makes no difference. var colorString = fillcolormap(d).replace('e-', ''), opaqueColor = tinycolor(colorString).toHexString(); // Colorbar cannot currently support opacities so we // use an opaque fill even when alpha channels present d3.select(this).attr({ x: xLeft, width: Math.max(thickPx, 2), y: d3.min(z), height: Math.max(d3.max(z) - d3.min(z), 2), fill: opaqueColor }); }); var lines = container.select('.cblines') .selectAll('path.cbline') .data(opts.line.color && opts.line.width ? linelevels : []); lines.enter().append('path') .classed('cbline', true); lines.exit().remove(); lines.each(function(d) { d3.select(this) .attr('d', 'M' + xLeft + ',' + (Math.round(cbAxisOut.c2p(d)) + (opts.line.width / 2) % 1) + 'h' + thickPx) .call(Drawing.lineGroupStyle, opts.line.width, linecolormap(d), opts.line.dash); }); // force full redraw of labels and ticks cbAxisOut._axislayer.selectAll('g.' + cbAxisOut._id + 'tick,path') .remove(); cbAxisOut._pos = xLeft + thickPx + (opts.outlinewidth||0) / 2 - (opts.ticks === 'outside' ? 1 : 0); cbAxisOut.side = 'right'; // separate out axis and title drawing, // so we don't need such complicated logic in Titles.draw // if title is on the top or bottom, we've already drawn it // this title call only handles side=right return Lib.syncOrAsync([ function() { return Axes.doTicks(gd, cbAxisOut, true); }, function() { if(['top', 'bottom'].indexOf(opts.titleside) === -1) { var fontSize = cbAxisOut.titlefont.size, y = cbAxisOut._offset + cbAxisOut._length / 2, x = gs.l + (cbAxisOut.position || 0) * gs.w + ((cbAxisOut.side === 'right') ? 10 + fontSize * ((cbAxisOut.showticklabels ? 1 : 0.5)) : -10 - fontSize * ((cbAxisOut.showticklabels ? 0.5 : 0))); // the 'h' + is a hack to get around the fact that // convertToTspans rotates any 'y...' class by 90 degrees. // TODO: find a better way to control this. drawTitle('h' + cbAxisOut._id + 'title', { avoid: { selection: d3.select(gd).selectAll('g.' + cbAxisOut._id + 'tick'), side: opts.titleside, offsetLeft: gs.l, offsetTop: gs.t, maxShift: fullLayout.width }, attributes: {x: x, y: y, 'text-anchor': 'middle'}, transform: {rotate: '-90', offset: 0} }); } }]); } function drawTitle(titleClass, titleOpts) { var trace = getTrace(), propName; if(Registry.traceIs(trace, 'markerColorscale')) { propName = 'marker.colorbar.title'; } else propName = 'colorbar.title'; var dfltTitleOpts = { propContainer: cbAxisOut, propName: propName, traceIndex: trace.index, dfltName: 'colorscale', containerGroup: container.select('.cbtitle') }; // this class-to-rotate thing with convertToTspans is // getting hackier and hackier... delete groups with the // wrong class (in case earlier the colorbar was drawn on // a different side, I think?) var otherClass = titleClass.charAt(0) === 'h' ? titleClass.substr(1) : ('h' + titleClass); container.selectAll('.' + otherClass + ',.' + otherClass + '-math-group') .remove(); Titles.draw(gd, titleClass, extendFlat(dfltTitleOpts, titleOpts || {})); } function positionCB() { // wait for the axis & title to finish rendering before // continuing positioning // TODO: why are we redrawing multiple times now with this? // I guess autoMargin doesn't like being post-promise? var innerWidth = thickPx + opts.outlinewidth / 2 + Drawing.bBox(cbAxisOut._axislayer.node()).width; titleEl = titleCont.select('text'); if(titleEl.node() && !titleEl.classed('js-placeholder')) { var mathJaxNode = titleCont .select('.h' + cbAxisOut._id + 'title-math-group') .node(), titleWidth; if(mathJaxNode && ['top', 'bottom'].indexOf(opts.titleside) !== -1) { titleWidth = Drawing.bBox(mathJaxNode).width; } else { // note: the formula below works for all titlesides, // (except for top/bottom mathjax, above) // but the weird gs.l is because the titleunshift // transform gets removed by Drawing.bBox titleWidth = Drawing.bBox(titleCont.node()).right - xLeft - gs.l; } innerWidth = Math.max(innerWidth, titleWidth); } var outerwidth = 2 * opts.xpad + innerWidth + opts.borderwidth + opts.outlinewidth / 2, outerheight = yBottomPx - yTopPx; container.select('.cbbg').attr({ x: xLeft - opts.xpad - (opts.borderwidth + opts.outlinewidth) / 2, y: yTopPx - yExtraPx, width: Math.max(outerwidth, 2), height: Math.max(outerheight + 2 * yExtraPx, 2) }) .call(Color.fill, opts.bgcolor) .call(Color.stroke, opts.bordercolor) .style({'stroke-width': opts.borderwidth}); container.selectAll('.cboutline').attr({ x: xLeft, y: yTopPx + opts.ypad + (opts.titleside === 'top' ? titleHeight : 0), width: Math.max(thickPx, 2), height: Math.max(outerheight - 2 * opts.ypad - titleHeight, 2) }) .call(Color.stroke, opts.outlinecolor) .style({ fill: 'None', 'stroke-width': opts.outlinewidth }); // fix positioning for xanchor!='left' var xoffset = ({center: 0.5, right: 1}[opts.xanchor] || 0) * outerwidth; container.attr('transform', 'translate(' + (gs.l - xoffset) + ',' + gs.t + ')'); // auto margin adjustment Plots.autoMargin(gd, id, { x: opts.x, y: opts.y, l: outerwidth * ({right: 1, center: 0.5}[opts.xanchor] || 0), r: outerwidth * ({left: 1, center: 0.5}[opts.xanchor] || 0), t: outerheight * ({bottom: 1, middle: 0.5}[opts.yanchor] || 0), b: outerheight * ({top: 1, middle: 0.5}[opts.yanchor] || 0) }); } var cbDone = Lib.syncOrAsync([ Plots.previousPromises, drawAxis, Plots.previousPromises, positionCB ], gd); if(cbDone && cbDone.then) (gd._promises || []).push(cbDone); // dragging... if(gd._context.edits.colorbarPosition) { var t0, xf, yf; dragElement.init({ element: container.node(), gd: gd, prepFn: function() { t0 = container.attr('transform'); setCursor(container); }, moveFn: function(dx, dy) { container.attr('transform', t0 + ' ' + 'translate(' + dx + ',' + dy + ')'); xf = dragElement.align(xLeftFrac + (dx / gs.w), thickFrac, 0, 1, opts.xanchor); yf = dragElement.align(yBottomFrac - (dy / gs.h), lenFrac, 0, 1, opts.yanchor); var csr = dragElement.getCursor(xf, yf, opts.xanchor, opts.yanchor); setCursor(container, csr); }, doneFn: function(dragged) { setCursor(container); if(dragged && xf !== undefined && yf !== undefined) { Plotly.restyle(gd, {'colorbar.x': xf, 'colorbar.y': yf}, getTrace().index); } } }); } return cbDone; } function getTrace() { var idNum = id.substr(2), i, trace; for(i = 0; i < gd._fullData.length; i++) { trace = gd._fullData[i]; if(trace.uid === idNum) return trace; } } // setter/getters for every item defined in opts Object.keys(opts).forEach(function(name) { component[name] = function(v) { // getter if(!arguments.length) return opts[name]; // setter - for multi-part properties, // set only the parts that are provided opts[name] = Lib.isPlainObject(opts[name]) ? Lib.extendFlat(opts[name], v) : v; return component; }; }); // or use .options to set multiple options at once via a dictionary component.options = function(o) { Object.keys(o).forEach(function(name) { // in case something random comes through // that's not an option, ignore it if(typeof component[name] === 'function') { component[name](o[name]); } }); return component; }; component._opts = opts; return component; }; },{"../../constants/alignment":130,"../../lib":147,"../../lib/extend":142,"../../lib/setcursor":162,"../../lib/svg_text_utils":164,"../../plotly":178,"../../plots/cartesian/axes":183,"../../plots/cartesian/axis_defaults":185,"../../plots/cartesian/layout_attributes":194,"../../plots/cartesian/position_defaults":197,"../../plots/plots":212,"../../registry":219,"../color":34,"../dragelement":55,"../drawing":58,"../titles":123,"./attributes":35,"d3":7,"tinycolor2":16}],38:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); module.exports = function hasColorbar(container) { return Lib.isPlainObject(container.colorbar); }; },{"../../lib":147}],39:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { zauto: { valType: 'boolean', dflt: true, }, zmin: { valType: 'number', dflt: null, }, zmax: { valType: 'number', dflt: null, }, colorscale: { valType: 'colorscale', }, autocolorscale: { valType: 'boolean', dflt: true, // gets overrode in 'heatmap' & 'surface' for backwards comp. }, reversescale: { valType: 'boolean', dflt: false, }, showscale: { valType: 'boolean', dflt: true, } }; },{}],40:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var scales = require('./scales'); var flipScale = require('./flip_scale'); module.exports = function calc(trace, vals, containerStr, cLetter) { var container, inputContainer; if(containerStr) { container = Lib.nestedProperty(trace, containerStr).get(); inputContainer = Lib.nestedProperty(trace._input, containerStr).get(); } else { container = trace; inputContainer = trace._input; } var autoAttr = cLetter + 'auto', minAttr = cLetter + 'min', maxAttr = cLetter + 'max', auto = container[autoAttr], min = container[minAttr], max = container[maxAttr], scl = container.colorscale; if(auto !== false || min === undefined) { min = Lib.aggNums(Math.min, null, vals); } if(auto !== false || max === undefined) { max = Lib.aggNums(Math.max, null, vals); } if(min === max) { min -= 0.5; max += 0.5; } container[minAttr] = min; container[maxAttr] = max; inputContainer[minAttr] = min; inputContainer[maxAttr] = max; /* * If auto was explicitly false but min or max was missing, * we filled in the missing piece here but later the trace does * not look auto. * Otherwise make sure the trace still looks auto as far as later * changes are concerned. */ inputContainer[autoAttr] = (auto !== false || (min === undefined && max === undefined)); if(container.autocolorscale) { if(min * max < 0) scl = scales.RdBu; else if(min >= 0) scl = scales.Reds; else scl = scales.Blues; // reversescale is handled at the containerOut level inputContainer.colorscale = scl; if(container.reversescale) scl = flipScale(scl); container.colorscale = scl; } }; },{"../../lib":147,"./flip_scale":45,"./scales":52}],41:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var colorScaleAttributes = require('./attributes'); var extendDeep = require('../../lib/extend').extendDeep; var palettes = require('./scales.js'); module.exports = function makeColorScaleAttributes(context) { return { color: { valType: 'color', arrayOk: true, }, colorscale: extendDeep({}, colorScaleAttributes.colorscale, { }), cauto: extendDeep({}, colorScaleAttributes.zauto, { }), cmax: extendDeep({}, colorScaleAttributes.zmax, { }), cmin: extendDeep({}, colorScaleAttributes.zmin, { }), autocolorscale: extendDeep({}, colorScaleAttributes.autocolorscale, { }), reversescale: extendDeep({}, colorScaleAttributes.reversescale, { }) }; }; },{"../../lib/extend":142,"./attributes":39,"./scales.js":52}],42:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var scales = require('./scales'); module.exports = scales.RdBu; },{"./scales":52}],43:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var Lib = require('../../lib'); var hasColorbar = require('../colorbar/has_colorbar'); var colorbarDefaults = require('../colorbar/defaults'); var isValidScale = require('./is_valid_scale'); var flipScale = require('./flip_scale'); module.exports = function colorScaleDefaults(traceIn, traceOut, layout, coerce, opts) { var prefix = opts.prefix, cLetter = opts.cLetter, containerStr = prefix.slice(0, prefix.length - 1), containerIn = prefix ? Lib.nestedProperty(traceIn, containerStr).get() || {} : traceIn, containerOut = prefix ? Lib.nestedProperty(traceOut, containerStr).get() || {} : traceOut, minIn = containerIn[cLetter + 'min'], maxIn = containerIn[cLetter + 'max'], sclIn = containerIn.colorscale; var validMinMax = isNumeric(minIn) && isNumeric(maxIn) && (minIn < maxIn); coerce(prefix + cLetter + 'auto', !validMinMax); coerce(prefix + cLetter + 'min'); coerce(prefix + cLetter + 'max'); // handles both the trace case (autocolorscale is false by default) and // the marker and marker.line case (autocolorscale is true by default) var autoColorscaleDftl; if(sclIn !== undefined) autoColorscaleDftl = !isValidScale(sclIn); coerce(prefix + 'autocolorscale', autoColorscaleDftl); var sclOut = coerce(prefix + 'colorscale'); // reversescale is handled at the containerOut level var reverseScale = coerce(prefix + 'reversescale'); if(reverseScale) containerOut.colorscale = flipScale(sclOut); // ... until Scatter.colorbar can handle marker line colorbars if(prefix === 'marker.line.') return; // handle both the trace case where the dflt is listed in attributes and // the marker case where the dflt is determined by hasColorbar var showScaleDftl; if(prefix) showScaleDftl = hasColorbar(containerIn); var showScale = coerce(prefix + 'showscale', showScaleDftl); if(showScale) colorbarDefaults(containerIn, containerOut, layout); }; },{"../../lib":147,"../colorbar/defaults":36,"../colorbar/has_colorbar":38,"./flip_scale":45,"./is_valid_scale":49,"fast-isnumeric":10}],44:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** * Extract colorscale into numeric domain and color range. * * @param {array} scl colorscale array of arrays * @param {number} cmin minimum color value (used to clamp scale) * @param {number} cmax maximum color value (used to clamp scale) */ module.exports = function extractScale(scl, cmin, cmax) { var N = scl.length, domain = new Array(N), range = new Array(N); for(var i = 0; i < N; i++) { var si = scl[i]; domain[i] = cmin + si[0] * (cmax - cmin); range[i] = si[1]; } return { domain: domain, range: range }; }; },{}],45:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = function flipScale(scl) { var N = scl.length, sclNew = new Array(N), si; for(var i = N - 1, j = 0; i >= 0; i--, j++) { si = scl[i]; sclNew[j] = [1 - si[0], si[1]]; } return sclNew; }; },{}],46:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var scales = require('./scales'); var defaultScale = require('./default_scale'); var isValidScaleArray = require('./is_valid_scale_array'); module.exports = function getScale(scl, dflt) { if(!dflt) dflt = defaultScale; if(!scl) return dflt; function parseScale() { try { scl = scales[scl] || JSON.parse(scl); } catch(e) { scl = dflt; } } if(typeof scl === 'string') { parseScale(); // occasionally scl is double-JSON encoded... if(typeof scl === 'string') parseScale(); } if(!isValidScaleArray(scl)) return dflt; return scl; }; },{"./default_scale":42,"./is_valid_scale_array":50,"./scales":52}],47:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var Lib = require('../../lib'); var isValidScale = require('./is_valid_scale'); module.exports = function hasColorscale(trace, containerStr) { var container = containerStr ? Lib.nestedProperty(trace, containerStr).get() || {} : trace, color = container.color, isArrayWithOneNumber = false; if(Array.isArray(color)) { for(var i = 0; i < color.length; i++) { if(isNumeric(color[i])) { isArrayWithOneNumber = true; break; } } } return ( Lib.isPlainObject(container) && ( isArrayWithOneNumber || container.showscale === true || (isNumeric(container.cmin) && isNumeric(container.cmax)) || isValidScale(container.colorscale) || Lib.isPlainObject(container.colorbar) ) ); }; },{"../../lib":147,"./is_valid_scale":49,"fast-isnumeric":10}],48:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; exports.scales = require('./scales'); exports.defaultScale = require('./default_scale'); exports.attributes = require('./attributes'); exports.handleDefaults = require('./defaults'); exports.calc = require('./calc'); exports.hasColorscale = require('./has_colorscale'); exports.isValidScale = require('./is_valid_scale'); exports.getScale = require('./get_scale'); exports.flipScale = require('./flip_scale'); exports.extractScale = require('./extract_scale'); exports.makeColorScaleFunc = require('./make_color_scale_func'); },{"./attributes":39,"./calc":40,"./default_scale":42,"./defaults":43,"./extract_scale":44,"./flip_scale":45,"./get_scale":46,"./has_colorscale":47,"./is_valid_scale":49,"./make_color_scale_func":51,"./scales":52}],49:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var scales = require('./scales'); var isValidScaleArray = require('./is_valid_scale_array'); module.exports = function isValidScale(scl) { if(scales[scl] !== undefined) return true; else return isValidScaleArray(scl); }; },{"./is_valid_scale_array":50,"./scales":52}],50:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var tinycolor = require('tinycolor2'); module.exports = function isValidScaleArray(scl) { var highestVal = 0; if(!Array.isArray(scl) || scl.length < 2) return false; if(!scl[0] || !scl[scl.length - 1]) return false; if(+scl[0][0] !== 0 || +scl[scl.length - 1][0] !== 1) return false; for(var i = 0; i < scl.length; i++) { var si = scl[i]; if(si.length !== 2 || +si[0] < highestVal || !tinycolor(si[1]).isValid()) { return false; } highestVal = +si[0]; } return true; }; },{"tinycolor2":16}],51:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var tinycolor = require('tinycolor2'); var isNumeric = require('fast-isnumeric'); var Color = require('../color'); /** * General colorscale function generator. * * @param {object} specs output of Colorscale.extractScale or precomputed domain, range. * - domain {array} * - range {array} * * @param {object} opts * - noNumericCheck {boolean} if true, scale func bypasses numeric checks * - returnArray {boolean} if true, scale func return 4-item array instead of color strings * * @return {function} */ module.exports = function makeColorScaleFunc(specs, opts) { opts = opts || {}; var domain = specs.domain, range = specs.range, N = range.length, _range = new Array(N); for(var i = 0; i < N; i++) { var rgba = tinycolor(range[i]).toRgb(); _range[i] = [rgba.r, rgba.g, rgba.b, rgba.a]; } var _sclFunc = d3.scale.linear() .domain(domain) .range(_range) .clamp(true); var noNumericCheck = opts.noNumericCheck, returnArray = opts.returnArray, sclFunc; if(noNumericCheck && returnArray) { sclFunc = _sclFunc; } else if(noNumericCheck) { sclFunc = function(v) { return colorArray2rbga(_sclFunc(v)); }; } else if(returnArray) { sclFunc = function(v) { if(isNumeric(v)) return _sclFunc(v); else if(tinycolor(v).isValid()) return v; else return Color.defaultLine; }; } else { sclFunc = function(v) { if(isNumeric(v)) return colorArray2rbga(_sclFunc(v)); else if(tinycolor(v).isValid()) return v; else return Color.defaultLine; }; } // colorbar draw looks into the d3 scale closure for domain and range sclFunc.domain = _sclFunc.domain; sclFunc.range = function() { return range; }; return sclFunc; }; function colorArray2rbga(colorArray) { var colorObj = { r: colorArray[0], g: colorArray[1], b: colorArray[2], a: colorArray[3] }; return tinycolor(colorObj).toRgbString(); } },{"../color":34,"d3":7,"fast-isnumeric":10,"tinycolor2":16}],52:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { 'Greys': [ [0, 'rgb(0,0,0)'], [1, 'rgb(255,255,255)'] ], 'YlGnBu': [ [0, 'rgb(8,29,88)'], [0.125, 'rgb(37,52,148)'], [0.25, 'rgb(34,94,168)'], [0.375, 'rgb(29,145,192)'], [0.5, 'rgb(65,182,196)'], [0.625, 'rgb(127,205,187)'], [0.75, 'rgb(199,233,180)'], [0.875, 'rgb(237,248,217)'], [1, 'rgb(255,255,217)'] ], 'Greens': [ [0, 'rgb(0,68,27)'], [0.125, 'rgb(0,109,44)'], [0.25, 'rgb(35,139,69)'], [0.375, 'rgb(65,171,93)'], [0.5, 'rgb(116,196,118)'], [0.625, 'rgb(161,217,155)'], [0.75, 'rgb(199,233,192)'], [0.875, 'rgb(229,245,224)'], [1, 'rgb(247,252,245)'] ], 'YlOrRd': [ [0, 'rgb(128,0,38)'], [0.125, 'rgb(189,0,38)'], [0.25, 'rgb(227,26,28)'], [0.375, 'rgb(252,78,42)'], [0.5, 'rgb(253,141,60)'], [0.625, 'rgb(254,178,76)'], [0.75, 'rgb(254,217,118)'], [0.875, 'rgb(255,237,160)'], [1, 'rgb(255,255,204)'] ], 'Bluered': [ [0, 'rgb(0,0,255)'], [1, 'rgb(255,0,0)'] ], // modified RdBu based on // www.sandia.gov/~kmorel/documents/ColorMaps/ColorMapsExpanded.pdf 'RdBu': [ [0, 'rgb(5,10,172)'], [0.35, 'rgb(106,137,247)'], [0.5, 'rgb(190,190,190)'], [0.6, 'rgb(220,170,132)'], [0.7, 'rgb(230,145,90)'], [1, 'rgb(178,10,28)'] ], // Scale for non-negative numeric values 'Reds': [ [0, 'rgb(220,220,220)'], [0.2, 'rgb(245,195,157)'], [0.4, 'rgb(245,160,105)'], [1, 'rgb(178,10,28)'] ], // Scale for non-positive numeric values 'Blues': [ [0, 'rgb(5,10,172)'], [0.35, 'rgb(40,60,190)'], [0.5, 'rgb(70,100,245)'], [0.6, 'rgb(90,120,245)'], [0.7, 'rgb(106,137,247)'], [1, 'rgb(220,220,220)'] ], 'Picnic': [ [0, 'rgb(0,0,255)'], [0.1, 'rgb(51,153,255)'], [0.2, 'rgb(102,204,255)'], [0.3, 'rgb(153,204,255)'], [0.4, 'rgb(204,204,255)'], [0.5, 'rgb(255,255,255)'], [0.6, 'rgb(255,204,255)'], [0.7, 'rgb(255,153,255)'], [0.8, 'rgb(255,102,204)'], [0.9, 'rgb(255,102,102)'], [1, 'rgb(255,0,0)'] ], 'Rainbow': [ [0, 'rgb(150,0,90)'], [0.125, 'rgb(0,0,200)'], [0.25, 'rgb(0,25,255)'], [0.375, 'rgb(0,152,255)'], [0.5, 'rgb(44,255,150)'], [0.625, 'rgb(151,255,0)'], [0.75, 'rgb(255,234,0)'], [0.875, 'rgb(255,111,0)'], [1, 'rgb(255,0,0)'] ], 'Portland': [ [0, 'rgb(12,51,131)'], [0.25, 'rgb(10,136,186)'], [0.5, 'rgb(242,211,56)'], [0.75, 'rgb(242,143,56)'], [1, 'rgb(217,30,30)'] ], 'Jet': [ [0, 'rgb(0,0,131)'], [0.125, 'rgb(0,60,170)'], [0.375, 'rgb(5,255,255)'], [0.625, 'rgb(255,255,0)'], [0.875, 'rgb(250,0,0)'], [1, 'rgb(128,0,0)'] ], 'Hot': [ [0, 'rgb(0,0,0)'], [0.3, 'rgb(230,0,0)'], [0.6, 'rgb(255,210,0)'], [1, 'rgb(255,255,255)'] ], 'Blackbody': [ [0, 'rgb(0,0,0)'], [0.2, 'rgb(230,0,0)'], [0.4, 'rgb(230,210,0)'], [0.7, 'rgb(255,255,255)'], [1, 'rgb(160,200,255)'] ], 'Earth': [ [0, 'rgb(0,0,130)'], [0.1, 'rgb(0,180,180)'], [0.2, 'rgb(40,210,40)'], [0.4, 'rgb(230,230,50)'], [0.6, 'rgb(120,70,20)'], [1, 'rgb(255,255,255)'] ], 'Electric': [ [0, 'rgb(0,0,0)'], [0.15, 'rgb(30,0,100)'], [0.4, 'rgb(120,0,100)'], [0.6, 'rgb(160,90,0)'], [0.8, 'rgb(230,200,0)'], [1, 'rgb(255,250,220)'] ], 'Viridis': [ [0, '#440154'], [0.06274509803921569, '#48186a'], [0.12549019607843137, '#472d7b'], [0.18823529411764706, '#424086'], [0.25098039215686274, '#3b528b'], [0.3137254901960784, '#33638d'], [0.3764705882352941, '#2c728e'], [0.4392156862745098, '#26828e'], [0.5019607843137255, '#21918c'], [0.5647058823529412, '#1fa088'], [0.6274509803921569, '#28ae80'], [0.6901960784313725, '#3fbc73'], [0.7529411764705882, '#5ec962'], [0.8156862745098039, '#84d44b'], [0.8784313725490196, '#addc30'], [0.9411764705882353, '#d8e219'], [1, '#fde725'] ] }; },{}],53:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // for automatic alignment on dragging, <1/3 means left align, // >2/3 means right, and between is center. Pick the right fraction // based on where you are, and return the fraction corresponding to // that position on the object module.exports = function align(v, dv, v0, v1, anchor) { var vmin = (v - v0) / (v1 - v0), vmax = vmin + dv / (v1 - v0), vc = (vmin + vmax) / 2; // explicitly specified anchor if(anchor === 'left' || anchor === 'bottom') return vmin; if(anchor === 'center' || anchor === 'middle') return vc; if(anchor === 'right' || anchor === 'top') return vmax; // automatic based on position if(vmin < (2 / 3) - vc) return vmin; if(vmax > (4 / 3) - vc) return vmax; return vc; }; },{}],54:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); // set cursors pointing toward the closest corner/side, // to indicate alignment // x and y are 0-1, fractions of the plot area var cursorset = [ ['sw-resize', 's-resize', 'se-resize'], ['w-resize', 'move', 'e-resize'], ['nw-resize', 'n-resize', 'ne-resize'] ]; module.exports = function getCursor(x, y, xanchor, yanchor) { if(xanchor === 'left') x = 0; else if(xanchor === 'center') x = 1; else if(xanchor === 'right') x = 2; else x = Lib.constrain(Math.floor(x * 3), 0, 2); if(yanchor === 'bottom') y = 0; else if(yanchor === 'middle') y = 1; else if(yanchor === 'top') y = 2; else y = Lib.constrain(Math.floor(y * 3), 0, 2); return cursorset[y][x]; }; },{"../../lib":147}],55:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var mouseOffset = require('mouse-event-offset'); var hasHover = require('has-hover'); var Plotly = require('../../plotly'); var Lib = require('../../lib'); var constants = require('../../plots/cartesian/constants'); var interactConstants = require('../../constants/interactions'); var dragElement = module.exports = {}; dragElement.align = require('./align'); dragElement.getCursor = require('./cursor'); var unhover = require('./unhover'); dragElement.unhover = unhover.wrapped; dragElement.unhoverRaw = unhover.raw; /** * Abstracts click & drag interactions * * During the interaction, a "coverSlip" element - a transparent * div covering the whole page - is created, which has two key effects: * - Lets you drag beyond the boundaries of the plot itself without * dropping (but if you drag all the way out of the browser window the * interaction will end) * - Freezes the cursor: whatever mouse cursor the drag element had when the * interaction started gets copied to the coverSlip for use until mouseup * * @param {object} options with keys: * element (required) the DOM element to drag * prepFn (optional) function(event, startX, startY) * executed on mousedown * startX and startY are the clientX and clientY pixel position * of the mousedown event * moveFn (optional) function(dx, dy, dragged) * executed on move * dx and dy are the net pixel offset of the drag, * dragged is true/false, has the mouse moved enough to * constitute a drag * doneFn (optional) function(dragged, numClicks, e) * executed on mouseup, or mouseout of window since * we don't get events after that * dragged is as in moveFn * numClicks is how many clicks we've registered within * a doubleclick time * e is the original event */ dragElement.init = function init(options) { var gd = options.gd, numClicks = 1, DBLCLICKDELAY = interactConstants.DBLCLICKDELAY, startX, startY, newMouseDownTime, cursor, dragCover, initialTarget; if(!gd._mouseDownTime) gd._mouseDownTime = 0; options.element.style.pointerEvents = 'all'; options.element.onmousedown = onStart; options.element.ontouchstart = onStart; function onStart(e) { // make dragging and dragged into properties of gd // so that others can look at and modify them gd._dragged = false; gd._dragging = true; var offset = pointerOffset(e); startX = offset[0]; startY = offset[1]; initialTarget = e.target; newMouseDownTime = (new Date()).getTime(); if(newMouseDownTime - gd._mouseDownTime < DBLCLICKDELAY) { // in a click train numClicks += 1; } else { // new click train numClicks = 1; gd._mouseDownTime = newMouseDownTime; } if(options.prepFn) options.prepFn(e, startX, startY); if(hasHover) { dragCover = coverSlip(); dragCover.style.cursor = window.getComputedStyle(options.element).cursor; } else { // document acts as a dragcover for mobile, bc we can't create dragcover dynamically dragCover = document; cursor = window.getComputedStyle(document.documentElement).cursor; document.documentElement.style.cursor = window.getComputedStyle(options.element).cursor; } dragCover.addEventListener('mousemove', onMove); dragCover.addEventListener('mouseup', onDone); dragCover.addEventListener('mouseout', onDone); dragCover.addEventListener('touchmove', onMove); dragCover.addEventListener('touchend', onDone); return Lib.pauseEvent(e); } function onMove(e) { var offset = pointerOffset(e), dx = offset[0] - startX, dy = offset[1] - startY, minDrag = options.minDrag || constants.MINDRAG; if(Math.abs(dx) < minDrag) dx = 0; if(Math.abs(dy) < minDrag) dy = 0; if(dx || dy) { gd._dragged = true; dragElement.unhover(gd); } if(options.moveFn) options.moveFn(dx, dy, gd._dragged); return Lib.pauseEvent(e); } function onDone(e) { dragCover.removeEventListener('mousemove', onMove); dragCover.removeEventListener('mouseup', onDone); dragCover.removeEventListener('mouseout', onDone); dragCover.removeEventListener('touchmove', onMove); dragCover.removeEventListener('touchend', onDone); if(hasHover) { Lib.removeElement(dragCover); } else if(cursor) { dragCover.documentElement.style.cursor = cursor; cursor = null; } if(!gd._dragging) { gd._dragged = false; return; } gd._dragging = false; // don't count as a dblClick unless the mouseUp is also within // the dblclick delay if((new Date()).getTime() - gd._mouseDownTime > DBLCLICKDELAY) { numClicks = Math.max(numClicks - 1, 1); } if(options.doneFn) options.doneFn(gd._dragged, numClicks, e); if(!gd._dragged) { var e2; try { e2 = new MouseEvent('click', e); } catch(err) { var offset = pointerOffset(e); e2 = document.createEvent('MouseEvents'); e2.initMouseEvent('click', e.bubbles, e.cancelable, e.view, e.detail, e.screenX, e.screenY, offset[0], offset[1], e.ctrlKey, e.altKey, e.shiftKey, e.metaKey, e.button, e.relatedTarget); } initialTarget.dispatchEvent(e2); } finishDrag(gd); gd._dragged = false; return Lib.pauseEvent(e); } }; function coverSlip() { var cover = document.createElement('div'); cover.className = 'dragcover'; var cStyle = cover.style; cStyle.position = 'fixed'; cStyle.left = 0; cStyle.right = 0; cStyle.top = 0; cStyle.bottom = 0; cStyle.zIndex = 999999999; cStyle.background = 'none'; document.body.appendChild(cover); return cover; } dragElement.coverSlip = coverSlip; function finishDrag(gd) { gd._dragging = false; if(gd._replotPending) Plotly.plot(gd); } function pointerOffset(e) { return mouseOffset( e.changedTouches ? e.changedTouches[0] : e, document.body ); } },{"../../constants/interactions":131,"../../lib":147,"../../plotly":178,"../../plots/cartesian/constants":188,"./align":53,"./cursor":54,"./unhover":56,"has-hover":12,"mouse-event-offset":14}],56:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Events = require('../../lib/events'); var unhover = module.exports = {}; unhover.wrapped = function(gd, evt, subplot) { if(typeof gd === 'string') gd = document.getElementById(gd); // Important, clear any queued hovers if(gd._hoverTimer) { clearTimeout(gd._hoverTimer); gd._hoverTimer = undefined; } unhover.raw(gd, evt, subplot); }; // remove hover effects on mouse out, and emit unhover event unhover.raw = function unhoverRaw(gd, evt) { var fullLayout = gd._fullLayout; var oldhoverdata = gd._hoverdata; if(!evt) evt = {}; if(evt.target && Events.triggerHandler(gd, 'plotly_beforehover', evt) === false) { return; } fullLayout._hoverlayer.selectAll('g').remove(); fullLayout._hoverlayer.selectAll('line').remove(); fullLayout._hoverlayer.selectAll('circle').remove(); gd._hoverdata = undefined; if(evt.target && oldhoverdata) { gd.emit('plotly_unhover', { event: evt, points: oldhoverdata }); } }; },{"../../lib/events":141}],57:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; exports.dash = { valType: 'string', // string type usually doesn't take values... this one should really be // a special type or at least a special coercion function, from the GUI // you only get these values but elsewhere the user can supply a list of // dash lengths in px, and it will be honored values: ['solid', 'dot', 'dash', 'longdash', 'dashdot', 'longdashdot'], dflt: 'solid', }; },{}],58:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var isNumeric = require('fast-isnumeric'); var tinycolor = require('tinycolor2'); var Registry = require('../../registry'); var Color = require('../color'); var Colorscale = require('../colorscale'); var Lib = require('../../lib'); var svgTextUtils = require('../../lib/svg_text_utils'); var xmlnsNamespaces = require('../../constants/xmlns_namespaces'); var alignment = require('../../constants/alignment'); var LINE_SPACING = alignment.LINE_SPACING; var subTypes = require('../../traces/scatter/subtypes'); var makeBubbleSizeFn = require('../../traces/scatter/make_bubble_size_func'); var drawing = module.exports = {}; // ----------------------------------------------------- // styling functions for plot elements // ----------------------------------------------------- drawing.font = function(s, family, size, color) { // also allow the form font(s, {family, size, color}) if(Lib.isPlainObject(family)) { color = family.color; size = family.size; family = family.family; } if(family) s.style('font-family', family); if(size + 1) s.style('font-size', size + 'px'); if(color) s.call(Color.fill, color); }; /* * Positioning helpers * Note: do not use `setPosition` with nodes modified by * `svgTextUtils.convertToTspans`. Use `svgTextUtils.positionText` * instead, so that elements get updated to match. */ drawing.setPosition = function(s, x, y) { s.attr('x', x).attr('y', y); }; drawing.setSize = function(s, w, h) { s.attr('width', w).attr('height', h); }; drawing.setRect = function(s, x, y, w, h) { s.call(drawing.setPosition, x, y).call(drawing.setSize, w, h); }; /** Translate node * * @param {object} d : calcdata point item * @param {sel} sel : d3 selction of node to translate * @param {object} xa : corresponding full xaxis object * @param {object} ya : corresponding full yaxis object * * @return {boolean} : * true if selection got translated * false if selection could not get translated */ drawing.translatePoint = function(d, sel, xa, ya) { var x = xa.c2p(d.x); var y = ya.c2p(d.y); if(isNumeric(x) && isNumeric(y) && sel.node()) { // for multiline text this works better if(sel.node().nodeName === 'text') { sel.attr('x', x).attr('y', y); } else { sel.attr('transform', 'translate(' + x + ',' + y + ')'); } } else { return false; } return true; }; drawing.translatePoints = function(s, xa, ya) { s.each(function(d) { var sel = d3.select(this); drawing.translatePoint(d, sel, xa, ya); }); }; drawing.hideOutsideRangePoint = function(d, sel, xa, ya) { sel.attr( 'display', xa.isPtWithinRange(d) && ya.isPtWithinRange(d) ? null : 'none' ); }; drawing.hideOutsideRangePoints = function(points, subplot) { if(!subplot._hasClipOnAxisFalse) return; var xa = subplot.xaxis; var ya = subplot.yaxis; points.each(function(d) { drawing.hideOutsideRangePoint(d, d3.select(this), xa, ya); }); }; drawing.getPx = function(s, styleAttr) { // helper to pull out a px value from a style that may contain px units // s is a d3 selection (will pull from the first one) return Number(s.style(styleAttr).replace(/px$/, '')); }; drawing.crispRound = function(gd, lineWidth, dflt) { // for lines that disable antialiasing we want to // make sure the width is an integer, and at least 1 if it's nonzero if(!lineWidth || !isNumeric(lineWidth)) return dflt || 0; // but not for static plots - these don't get antialiased anyway. if(gd._context.staticPlot) return lineWidth; if(lineWidth < 1) return 1; return Math.round(lineWidth); }; drawing.singleLineStyle = function(d, s, lw, lc, ld) { s.style('fill', 'none'); var line = (((d || [])[0] || {}).trace || {}).line || {}, lw1 = lw || line.width||0, dash = ld || line.dash || ''; Color.stroke(s, lc || line.color); drawing.dashLine(s, dash, lw1); }; drawing.lineGroupStyle = function(s, lw, lc, ld) { s.style('fill', 'none') .each(function(d) { var line = (((d || [])[0] || {}).trace || {}).line || {}, lw1 = lw || line.width||0, dash = ld || line.dash || ''; d3.select(this) .call(Color.stroke, lc || line.color) .call(drawing.dashLine, dash, lw1); }); }; drawing.dashLine = function(s, dash, lineWidth) { lineWidth = +lineWidth || 0; dash = drawing.dashStyle(dash, lineWidth); s.style({ 'stroke-dasharray': dash, 'stroke-width': lineWidth + 'px' }); }; drawing.dashStyle = function(dash, lineWidth) { lineWidth = +lineWidth || 1; var dlw = Math.max(lineWidth, 3); if(dash === 'solid') dash = ''; else if(dash === 'dot') dash = dlw + 'px,' + dlw + 'px'; else if(dash === 'dash') dash = (3 * dlw) + 'px,' + (3 * dlw) + 'px'; else if(dash === 'longdash') dash = (5 * dlw) + 'px,' + (5 * dlw) + 'px'; else if(dash === 'dashdot') { dash = (3 * dlw) + 'px,' + dlw + 'px,' + dlw + 'px,' + dlw + 'px'; } else if(dash === 'longdashdot') { dash = (5 * dlw) + 'px,' + (2 * dlw) + 'px,' + dlw + 'px,' + (2 * dlw) + 'px'; } // otherwise user wrote the dasharray themselves - leave it be return dash; }; // Same as fillGroupStyle, except in this case the selection may be a transition drawing.singleFillStyle = function(sel) { var node = d3.select(sel.node()); var data = node.data(); var fillcolor = (((data[0] || [])[0] || {}).trace || {}).fillcolor; if(fillcolor) { sel.call(Color.fill, fillcolor); } }; drawing.fillGroupStyle = function(s) { s.style('stroke-width', 0) .each(function(d) { var shape = d3.select(this); try { shape.call(Color.fill, d[0].trace.fillcolor); } catch(e) { Lib.error(e, s); shape.remove(); } }); }; var SYMBOLDEFS = require('./symbol_defs'); drawing.symbolNames = []; drawing.symbolFuncs = []; drawing.symbolNeedLines = {}; drawing.symbolNoDot = {}; drawing.symbolList = []; Object.keys(SYMBOLDEFS).forEach(function(k) { var symDef = SYMBOLDEFS[k]; drawing.symbolList = drawing.symbolList.concat( [symDef.n, k, symDef.n + 100, k + '-open']); drawing.symbolNames[symDef.n] = k; drawing.symbolFuncs[symDef.n] = symDef.f; if(symDef.needLine) { drawing.symbolNeedLines[symDef.n] = true; } if(symDef.noDot) { drawing.symbolNoDot[symDef.n] = true; } else { drawing.symbolList = drawing.symbolList.concat( [symDef.n + 200, k + '-dot', symDef.n + 300, k + '-open-dot']); } }); var MAXSYMBOL = drawing.symbolNames.length, // add a dot in the middle of the symbol DOTPATH = 'M0,0.5L0.5,0L0,-0.5L-0.5,0Z'; drawing.symbolNumber = function(v) { if(typeof v === 'string') { var vbase = 0; if(v.indexOf('-open') > 0) { vbase = 100; v = v.replace('-open', ''); } if(v.indexOf('-dot') > 0) { vbase += 200; v = v.replace('-dot', ''); } v = drawing.symbolNames.indexOf(v); if(v >= 0) { v += vbase; } } if((v % 100 >= MAXSYMBOL) || v >= 400) { return 0; } return Math.floor(Math.max(v, 0)); }; function singlePointStyle(d, sel, trace, markerScale, lineScale, marker, markerLine, gd) { // only scatter & box plots get marker path and opacity // bars, histograms don't if(Registry.traceIs(trace, 'symbols')) { var sizeFn = makeBubbleSizeFn(trace); sel.attr('d', function(d) { var r; // handle multi-trace graph edit case if(d.ms === 'various' || marker.size === 'various') r = 3; else { r = subTypes.isBubble(trace) ? sizeFn(d.ms) : (marker.size || 6) / 2; } // store the calculated size so hover can use it d.mrc = r; // turn the symbol into a sanitized number var x = drawing.symbolNumber(d.mx || marker.symbol) || 0, xBase = x % 100; // save if this marker is open // because that impacts how to handle colors d.om = x % 200 >= 100; return drawing.symbolFuncs[xBase](r) + (x >= 200 ? DOTPATH : ''); }) .style('opacity', function(d) { return (d.mo + 1 || marker.opacity + 1) - 1; }); } var perPointGradient = false; // 'so' is suspected outliers, for box plots var fillColor, lineColor, lineWidth; if(d.so) { lineWidth = markerLine.outlierwidth; lineColor = markerLine.outliercolor; fillColor = marker.outliercolor; } else { lineWidth = (d.mlw + 1 || markerLine.width + 1 || // TODO: we need the latter for legends... can we get rid of it? (d.trace ? d.trace.marker.line.width : 0) + 1) - 1; if('mlc' in d) lineColor = d.mlcc = lineScale(d.mlc); // weird case: array wasn't long enough to apply to every point else if(Array.isArray(markerLine.color)) lineColor = Color.defaultLine; else lineColor = markerLine.color; if(Array.isArray(marker.color)) { fillColor = Color.defaultLine; perPointGradient = true; } if('mc' in d) fillColor = d.mcc = markerScale(d.mc); else fillColor = marker.color || 'rgba(0,0,0,0)'; } if(d.om) { // open markers can't have zero linewidth, default to 1px, // and use fill color as stroke color sel.call(Color.stroke, fillColor) .style({ 'stroke-width': (lineWidth || 1) + 'px', fill: 'none' }); } else { sel.style('stroke-width', lineWidth + 'px'); var markerGradient = marker.gradient; var gradientType = d.mgt; if(gradientType) perPointGradient = true; else gradientType = markerGradient && markerGradient.type; if(gradientType && gradientType !== 'none') { var gradientColor = d.mgc; if(gradientColor) perPointGradient = true; else gradientColor = markerGradient.color; var gradientID = 'g' + gd._fullLayout._uid + '-' + trace.uid; if(perPointGradient) gradientID += '-' + d.i; sel.call(drawing.gradient, gd, gradientID, gradientType, fillColor, gradientColor); } else { sel.call(Color.fill, fillColor); } if(lineWidth) { sel.call(Color.stroke, lineColor); } } } var HORZGRADIENT = {x1: 1, x2: 0, y1: 0, y2: 0}; var VERTGRADIENT = {x1: 0, x2: 0, y1: 1, y2: 0}; drawing.gradient = function(sel, gd, gradientID, type, color1, color2) { var gradient = gd._fullLayout._defs.select('.gradients') .selectAll('#' + gradientID) .data([type + color1 + color2], Lib.identity); gradient.exit().remove(); gradient.enter() .append(type === 'radial' ? 'radialGradient' : 'linearGradient') .each(function() { var el = d3.select(this); if(type === 'horizontal') el.attr(HORZGRADIENT); else if(type === 'vertical') el.attr(VERTGRADIENT); el.attr('id', gradientID); var tc1 = tinycolor(color1); var tc2 = tinycolor(color2); el.append('stop').attr({ offset: '0%', 'stop-color': Color.tinyRGB(tc2), 'stop-opacity': tc2.getAlpha() }); el.append('stop').attr({ offset: '100%', 'stop-color': Color.tinyRGB(tc1), 'stop-opacity': tc1.getAlpha() }); }); sel.style({ fill: 'url(#' + gradientID + ')', 'fill-opacity': null }); }; /* * Make the gradients container and clear out any previous gradients. * We never collect all the gradients we need in one place, * so we can't ever remove gradients that have stopped being useful, * except all at once before a full redraw. * The upside of this is arbitrary points can share gradient defs */ drawing.initGradients = function(gd) { var gradientsGroup = gd._fullLayout._defs.selectAll('.gradients').data([0]); gradientsGroup.enter().append('g').classed('gradients', true); gradientsGroup.selectAll('linearGradient,radialGradient').remove(); }; drawing.singlePointStyle = function(d, sel, trace, markerScale, lineScale, gd) { var marker = trace.marker; singlePointStyle(d, sel, trace, markerScale, lineScale, marker, marker.line, gd); }; drawing.pointStyle = function(s, trace, gd) { if(!s.size()) return; // allow array marker and marker line colors to be // scaled by given max and min to colorscales var marker = trace.marker; var markerScale = drawing.tryColorscale(marker, ''); var lineScale = drawing.tryColorscale(marker, 'line'); s.each(function(d) { drawing.singlePointStyle(d, d3.select(this), trace, markerScale, lineScale, gd); }); }; drawing.tryColorscale = function(marker, prefix) { var cont = prefix ? Lib.nestedProperty(marker, prefix).get() : marker, scl = cont.colorscale, colorArray = cont.color; if(scl && Array.isArray(colorArray)) { return Colorscale.makeColorScaleFunc( Colorscale.extractScale(scl, cont.cmin, cont.cmax) ); } else return Lib.identity; }; // draw text at points var TEXTOFFSETSIGN = {start: 1, end: -1, middle: 0, bottom: 1, top: -1}; drawing.textPointStyle = function(s, trace, gd) { s.each(function(d) { var p = d3.select(this), text = d.tx || trace.text; if(!text || Array.isArray(text)) { // isArray test handles the case of (intentionally) missing // or empty text within a text array p.remove(); return; } var pos = d.tp || trace.textposition, v = pos.indexOf('top') !== -1 ? 'top' : pos.indexOf('bottom') !== -1 ? 'bottom' : 'middle', h = pos.indexOf('left') !== -1 ? 'end' : pos.indexOf('right') !== -1 ? 'start' : 'middle', fontSize = d.ts || trace.textfont.size, // if markers are shown, offset a little more than // the nominal marker size // ie 2/1.6 * nominal, bcs some markers are a bit bigger r = d.mrc ? (d.mrc / 0.8 + 1) : 0; fontSize = (isNumeric(fontSize) && fontSize > 0) ? fontSize : 0; p.call(drawing.font, d.tf || trace.textfont.family, fontSize, d.tc || trace.textfont.color) .attr('text-anchor', h) .text(text) .call(svgTextUtils.convertToTspans, gd); var pgroup = d3.select(this.parentNode); var numLines = (svgTextUtils.lineCount(p) - 1) * LINE_SPACING + 1; var dx = TEXTOFFSETSIGN[h] * r; var dy = fontSize * 0.75 + TEXTOFFSETSIGN[v] * r + (TEXTOFFSETSIGN[v] - 1) * numLines * fontSize / 2; // fix the overall text group position pgroup.attr('transform', 'translate(' + dx + ',' + dy + ')'); }); }; // generalized Catmull-Rom splines, per // http://www.cemyuksel.com/research/catmullrom_param/catmullrom.pdf var CatmullRomExp = 0.5; drawing.smoothopen = function(pts, smoothness) { if(pts.length < 3) { return 'M' + pts.join('L');} var path = 'M' + pts[0], tangents = [], i; for(i = 1; i < pts.length - 1; i++) { tangents.push(makeTangent(pts[i - 1], pts[i], pts[i + 1], smoothness)); } path += 'Q' + tangents[0][0] + ' ' + pts[1]; for(i = 2; i < pts.length - 1; i++) { path += 'C' + tangents[i - 2][1] + ' ' + tangents[i - 1][0] + ' ' + pts[i]; } path += 'Q' + tangents[pts.length - 3][1] + ' ' + pts[pts.length - 1]; return path; }; drawing.smoothclosed = function(pts, smoothness) { if(pts.length < 3) { return 'M' + pts.join('L') + 'Z'; } var path = 'M' + pts[0], pLast = pts.length - 1, tangents = [makeTangent(pts[pLast], pts[0], pts[1], smoothness)], i; for(i = 1; i < pLast; i++) { tangents.push(makeTangent(pts[i - 1], pts[i], pts[i + 1], smoothness)); } tangents.push( makeTangent(pts[pLast - 1], pts[pLast], pts[0], smoothness) ); for(i = 1; i <= pLast; i++) { path += 'C' + tangents[i - 1][1] + ' ' + tangents[i][0] + ' ' + pts[i]; } path += 'C' + tangents[pLast][1] + ' ' + tangents[0][0] + ' ' + pts[0] + 'Z'; return path; }; function makeTangent(prevpt, thispt, nextpt, smoothness) { var d1x = prevpt[0] - thispt[0], d1y = prevpt[1] - thispt[1], d2x = nextpt[0] - thispt[0], d2y = nextpt[1] - thispt[1], d1a = Math.pow(d1x * d1x + d1y * d1y, CatmullRomExp / 2), d2a = Math.pow(d2x * d2x + d2y * d2y, CatmullRomExp / 2), numx = (d2a * d2a * d1x - d1a * d1a * d2x) * smoothness, numy = (d2a * d2a * d1y - d1a * d1a * d2y) * smoothness, denom1 = 3 * d2a * (d1a + d2a), denom2 = 3 * d1a * (d1a + d2a); return [ [ d3.round(thispt[0] + (denom1 && numx / denom1), 2), d3.round(thispt[1] + (denom1 && numy / denom1), 2) ], [ d3.round(thispt[0] - (denom2 && numx / denom2), 2), d3.round(thispt[1] - (denom2 && numy / denom2), 2) ] ]; } // step paths - returns a generator function for paths // with the given step shape var STEPPATH = { hv: function(p0, p1) { return 'H' + d3.round(p1[0], 2) + 'V' + d3.round(p1[1], 2); }, vh: function(p0, p1) { return 'V' + d3.round(p1[1], 2) + 'H' + d3.round(p1[0], 2); }, hvh: function(p0, p1) { return 'H' + d3.round((p0[0] + p1[0]) / 2, 2) + 'V' + d3.round(p1[1], 2) + 'H' + d3.round(p1[0], 2); }, vhv: function(p0, p1) { return 'V' + d3.round((p0[1] + p1[1]) / 2, 2) + 'H' + d3.round(p1[0], 2) + 'V' + d3.round(p1[1], 2); } }; var STEPLINEAR = function(p0, p1) { return 'L' + d3.round(p1[0], 2) + ',' + d3.round(p1[1], 2); }; drawing.steps = function(shape) { var onestep = STEPPATH[shape] || STEPLINEAR; return function(pts) { var path = 'M' + d3.round(pts[0][0], 2) + ',' + d3.round(pts[0][1], 2); for(var i = 1; i < pts.length; i++) { path += onestep(pts[i - 1], pts[i]); } return path; }; }; // off-screen svg render testing element, shared by the whole page // uses the id 'js-plotly-tester' and stores it in drawing.tester drawing.makeTester = function() { var tester = d3.select('body') .selectAll('#js-plotly-tester') .data([0]); tester.enter().append('svg') .attr('id', 'js-plotly-tester') .attr(xmlnsNamespaces.svgAttrs) .style({ position: 'absolute', left: '-10000px', top: '-10000px', width: '9000px', height: '9000px', 'z-index': '1' }); // browsers differ on how they describe the bounding rect of // the svg if its contents spill over... so make a 1x1px // reference point we can measure off of. var testref = tester.selectAll('.js-reference-point').data([0]); testref.enter().append('path') .classed('js-reference-point', true) .attr('d', 'M0,0H1V1H0Z') .style({ 'stroke-width': 0, fill: 'black' }); drawing.tester = tester; drawing.testref = testref; }; /* * use our offscreen tester to get a clientRect for an element, * in a reference frame where it isn't translated (or transformed) and * its anchor point is at (0,0) * always returns a copy of the bbox, so the caller can modify it safely * * @param {SVGElement} node: the element to measure. If possible this should be * a or MathJax element that's already passed through * `convertToTspans` because in that case we can cache the results, but it's * possible to pass in any svg element. * * @param {boolean} inTester: is this element already in `drawing.tester`? * If you are measuring a dummy element, rather than one you really intend * to use on the plot, making it in `drawing.tester` in the first place * allows us to test faster because it cuts out cloning and appending it. * * @param {string} hash: for internal use only, if we already know the cache key * for this element beforehand. * * @return {object}: a plain object containing the width, height, left, right, * top, and bottom of `node` */ drawing.savedBBoxes = {}; var savedBBoxesCount = 0; var maxSavedBBoxes = 10000; drawing.bBox = function(node, inTester, hash) { /* * Cache elements we've already measured so we don't have to * remeasure the same thing many times * We have a few bBox callers though who pass a node larger than * a or a MathJax , such as an axis group containing many labels. * These will not generate a hash (unless we figure out an appropriate * hash key for them) and thus we will not hash them. */ if(!hash) hash = nodeHash(node); var out; if(hash) { out = drawing.savedBBoxes[hash]; if(out) return Lib.extendFlat({}, out); } else if(node.childNodes.length === 1) { /* * If we have only one child element, which is itself hashable, make * a new hash from this element plus its x,y,transform * These bounding boxes *include* x,y,transform - mostly for use by * callers trying to avoid overlaps (ie titles) */ var innerNode = node.childNodes[0]; hash = nodeHash(innerNode); if(hash) { var x = +innerNode.getAttribute('x') || 0; var y = +innerNode.getAttribute('y') || 0; var transform = innerNode.getAttribute('transform'); if(!transform) { // in this case, just varying x and y, don't bother caching // the final bBox because the alteration is quick. var innerBB = drawing.bBox(innerNode, false, hash); if(x) { innerBB.left += x; innerBB.right += x; } if(y) { innerBB.top += y; innerBB.bottom += y; } return innerBB; } /* * else we have a transform - rather than make a complicated * (and error-prone and probably slow) transform parser/calculator, * just continue on calculating the boundingClientRect of the group * and use the new composite hash to cache it. * That said, `innerNode.transform.baseVal` is an array of * `SVGTransform` objects, that *do* seem to have a nice matrix * multiplication interface that we could use to avoid making * another getBoundingClientRect call... */ hash += '~' + x + '~' + y + '~' + transform; out = drawing.savedBBoxes[hash]; if(out) return Lib.extendFlat({}, out); } } var testNode, tester; if(inTester) { testNode = node; } else { tester = drawing.tester.node(); // copy the node to test into the tester testNode = node.cloneNode(true); tester.appendChild(testNode); } // standardize its position (and newline tspans if any) d3.select(testNode) .attr('transform', null) .call(svgTextUtils.positionText, 0, 0); var testRect = testNode.getBoundingClientRect(); var refRect = drawing.testref .node() .getBoundingClientRect(); if(!inTester) tester.removeChild(testNode); var bb = { height: testRect.height, width: testRect.width, left: testRect.left - refRect.left, top: testRect.top - refRect.top, right: testRect.right - refRect.left, bottom: testRect.bottom - refRect.top }; // make sure we don't have too many saved boxes, // or a long session could overload on memory // by saving boxes for long-gone elements if(savedBBoxesCount >= maxSavedBBoxes) { drawing.savedBBoxes = {}; savedBBoxesCount = 0; } // cache this bbox if(hash) drawing.savedBBoxes[hash] = bb; savedBBoxesCount++; return Lib.extendFlat({}, bb); }; // capture everything about a node (at least in our usage) that // impacts its bounding box, given that bBox clears x, y, and transform function nodeHash(node) { var inputText = node.getAttribute('data-unformatted'); if(inputText === null) return; return inputText + node.getAttribute('data-math') + node.getAttribute('text-anchor') + node.getAttribute('style'); } /* * make a robust clipPath url from a local id * note! We'd better not be exporting from a page * with a or the svg will not be portable! */ drawing.setClipUrl = function(s, localId) { if(!localId) { s.attr('clip-path', null); return; } var url = '#' + localId, base = d3.select('base'); // add id to location href w/o hashes if any) if(base.size() && base.attr('href')) { url = window.location.href.split('#')[0] + url; } s.attr('clip-path', 'url(' + url + ')'); }; drawing.getTranslate = function(element) { // Note the separator [^\d] between x and y in this regex // We generally use ',' but IE will convert it to ' ' var re = /.*\btranslate\((-?\d*\.?\d*)[^-\d]*(-?\d*\.?\d*)[^\d].*/, getter = element.attr ? 'attr' : 'getAttribute', transform = element[getter]('transform') || ''; var translate = transform.replace(re, function(match, p1, p2) { return [p1, p2].join(' '); }) .split(' '); return { x: +translate[0] || 0, y: +translate[1] || 0 }; }; drawing.setTranslate = function(element, x, y) { var re = /(\btranslate\(.*?\);?)/, getter = element.attr ? 'attr' : 'getAttribute', setter = element.attr ? 'attr' : 'setAttribute', transform = element[getter]('transform') || ''; x = x || 0; y = y || 0; transform = transform.replace(re, '').trim(); transform += ' translate(' + x + ', ' + y + ')'; transform = transform.trim(); element[setter]('transform', transform); return transform; }; drawing.getScale = function(element) { var re = /.*\bscale\((\d*\.?\d*)[^\d]*(\d*\.?\d*)[^\d].*/, getter = element.attr ? 'attr' : 'getAttribute', transform = element[getter]('transform') || ''; var translate = transform.replace(re, function(match, p1, p2) { return [p1, p2].join(' '); }) .split(' '); return { x: +translate[0] || 1, y: +translate[1] || 1 }; }; drawing.setScale = function(element, x, y) { var re = /(\bscale\(.*?\);?)/, getter = element.attr ? 'attr' : 'getAttribute', setter = element.attr ? 'attr' : 'setAttribute', transform = element[getter]('transform') || ''; x = x || 1; y = y || 1; transform = transform.replace(re, '').trim(); transform += ' scale(' + x + ', ' + y + ')'; transform = transform.trim(); element[setter]('transform', transform); return transform; }; drawing.setPointGroupScale = function(selection, x, y) { var t, scale, re; x = x || 1; y = y || 1; if(x === 1 && y === 1) { scale = ''; } else { // The same scale transform for every point: scale = ' scale(' + x + ',' + y + ')'; } // A regex to strip any existing scale: re = /\s*sc.*/; selection.each(function() { // Get the transform: t = (this.getAttribute('transform') || '').replace(re, ''); t += scale; t = t.trim(); // Append the scale transform this.setAttribute('transform', t); }); return scale; }; var TEXT_POINT_LAST_TRANSLATION_RE = /translate\([^)]*\)\s*$/; drawing.setTextPointsScale = function(selection, xScale, yScale) { selection.each(function() { var transforms; var el = d3.select(this); var text = el.select('text'); var x = parseFloat(text.attr('x') || 0); var y = parseFloat(text.attr('y') || 0); var existingTransform = (el.attr('transform') || '').match(TEXT_POINT_LAST_TRANSLATION_RE); if(xScale === 1 && yScale === 1) { transforms = []; } else { transforms = [ 'translate(' + x + ',' + y + ')', 'scale(' + xScale + ',' + yScale + ')', 'translate(' + (-x) + ',' + (-y) + ')', ]; } if(existingTransform) { transforms.push(existingTransform); } el.attr('transform', transforms.join(' ')); }); }; },{"../../constants/alignment":130,"../../constants/xmlns_namespaces":134,"../../lib":147,"../../lib/svg_text_utils":164,"../../registry":219,"../../traces/scatter/make_bubble_size_func":268,"../../traces/scatter/subtypes":273,"../color":34,"../colorscale":48,"./symbol_defs":59,"d3":7,"fast-isnumeric":10,"tinycolor2":16}],59:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); /** Marker symbol definitions * users can specify markers either by number or name * add 100 (or '-open') and you get an open marker * open markers have no fill and use line color as the stroke color * add 200 (or '-dot') and you get a dot in the middle * add both and you get both */ module.exports = { circle: { n: 0, f: function(r) { var rs = d3.round(r, 2); return 'M' + rs + ',0A' + rs + ',' + rs + ' 0 1,1 0,-' + rs + 'A' + rs + ',' + rs + ' 0 0,1 ' + rs + ',0Z'; } }, square: { n: 1, f: function(r) { var rs = d3.round(r, 2); return 'M' + rs + ',' + rs + 'H-' + rs + 'V-' + rs + 'H' + rs + 'Z'; } }, diamond: { n: 2, f: function(r) { var rd = d3.round(r * 1.3, 2); return 'M' + rd + ',0L0,' + rd + 'L-' + rd + ',0L0,-' + rd + 'Z'; } }, cross: { n: 3, f: function(r) { var rc = d3.round(r * 0.4, 2), rc2 = d3.round(r * 1.2, 2); return 'M' + rc2 + ',' + rc + 'H' + rc + 'V' + rc2 + 'H-' + rc + 'V' + rc + 'H-' + rc2 + 'V-' + rc + 'H-' + rc + 'V-' + rc2 + 'H' + rc + 'V-' + rc + 'H' + rc2 + 'Z'; } }, x: { n: 4, f: function(r) { var rx = d3.round(r * 0.8 / Math.sqrt(2), 2), ne = 'l' + rx + ',' + rx, se = 'l' + rx + ',-' + rx, sw = 'l-' + rx + ',-' + rx, nw = 'l-' + rx + ',' + rx; return 'M0,' + rx + ne + se + sw + se + sw + nw + sw + nw + ne + nw + ne + 'Z'; } }, 'triangle-up': { n: 5, f: function(r) { var rt = d3.round(r * 2 / Math.sqrt(3), 2), r2 = d3.round(r / 2, 2), rs = d3.round(r, 2); return 'M-' + rt + ',' + r2 + 'H' + rt + 'L0,-' + rs + 'Z'; } }, 'triangle-down': { n: 6, f: function(r) { var rt = d3.round(r * 2 / Math.sqrt(3), 2), r2 = d3.round(r / 2, 2), rs = d3.round(r, 2); return 'M-' + rt + ',-' + r2 + 'H' + rt + 'L0,' + rs + 'Z'; } }, 'triangle-left': { n: 7, f: function(r) { var rt = d3.round(r * 2 / Math.sqrt(3), 2), r2 = d3.round(r / 2, 2), rs = d3.round(r, 2); return 'M' + r2 + ',-' + rt + 'V' + rt + 'L-' + rs + ',0Z'; } }, 'triangle-right': { n: 8, f: function(r) { var rt = d3.round(r * 2 / Math.sqrt(3), 2), r2 = d3.round(r / 2, 2), rs = d3.round(r, 2); return 'M-' + r2 + ',-' + rt + 'V' + rt + 'L' + rs + ',0Z'; } }, 'triangle-ne': { n: 9, f: function(r) { var r1 = d3.round(r * 0.6, 2), r2 = d3.round(r * 1.2, 2); return 'M-' + r2 + ',-' + r1 + 'H' + r1 + 'V' + r2 + 'Z'; } }, 'triangle-se': { n: 10, f: function(r) { var r1 = d3.round(r * 0.6, 2), r2 = d3.round(r * 1.2, 2); return 'M' + r1 + ',-' + r2 + 'V' + r1 + 'H-' + r2 + 'Z'; } }, 'triangle-sw': { n: 11, f: function(r) { var r1 = d3.round(r * 0.6, 2), r2 = d3.round(r * 1.2, 2); return 'M' + r2 + ',' + r1 + 'H-' + r1 + 'V-' + r2 + 'Z'; } }, 'triangle-nw': { n: 12, f: function(r) { var r1 = d3.round(r * 0.6, 2), r2 = d3.round(r * 1.2, 2); return 'M-' + r1 + ',' + r2 + 'V-' + r1 + 'H' + r2 + 'Z'; } }, pentagon: { n: 13, f: function(r) { var x1 = d3.round(r * 0.951, 2), x2 = d3.round(r * 0.588, 2), y0 = d3.round(-r, 2), y1 = d3.round(r * -0.309, 2), y2 = d3.round(r * 0.809, 2); return 'M' + x1 + ',' + y1 + 'L' + x2 + ',' + y2 + 'H-' + x2 + 'L-' + x1 + ',' + y1 + 'L0,' + y0 + 'Z'; } }, hexagon: { n: 14, f: function(r) { var y0 = d3.round(r, 2), y1 = d3.round(r / 2, 2), x = d3.round(r * Math.sqrt(3) / 2, 2); return 'M' + x + ',-' + y1 + 'V' + y1 + 'L0,' + y0 + 'L-' + x + ',' + y1 + 'V-' + y1 + 'L0,-' + y0 + 'Z'; } }, hexagon2: { n: 15, f: function(r) { var x0 = d3.round(r, 2), x1 = d3.round(r / 2, 2), y = d3.round(r * Math.sqrt(3) / 2, 2); return 'M-' + x1 + ',' + y + 'H' + x1 + 'L' + x0 + ',0L' + x1 + ',-' + y + 'H-' + x1 + 'L-' + x0 + ',0Z'; } }, octagon: { n: 16, f: function(r) { var a = d3.round(r * 0.924, 2), b = d3.round(r * 0.383, 2); return 'M-' + b + ',-' + a + 'H' + b + 'L' + a + ',-' + b + 'V' + b + 'L' + b + ',' + a + 'H-' + b + 'L-' + a + ',' + b + 'V-' + b + 'Z'; } }, star: { n: 17, f: function(r) { var rs = r * 1.4, x1 = d3.round(rs * 0.225, 2), x2 = d3.round(rs * 0.951, 2), x3 = d3.round(rs * 0.363, 2), x4 = d3.round(rs * 0.588, 2), y0 = d3.round(-rs, 2), y1 = d3.round(rs * -0.309, 2), y3 = d3.round(rs * 0.118, 2), y4 = d3.round(rs * 0.809, 2), y5 = d3.round(rs * 0.382, 2); return 'M' + x1 + ',' + y1 + 'H' + x2 + 'L' + x3 + ',' + y3 + 'L' + x4 + ',' + y4 + 'L0,' + y5 + 'L-' + x4 + ',' + y4 + 'L-' + x3 + ',' + y3 + 'L-' + x2 + ',' + y1 + 'H-' + x1 + 'L0,' + y0 + 'Z'; } }, hexagram: { n: 18, f: function(r) { var y = d3.round(r * 0.66, 2), x1 = d3.round(r * 0.38, 2), x2 = d3.round(r * 0.76, 2); return 'M-' + x2 + ',0l-' + x1 + ',-' + y + 'h' + x2 + 'l' + x1 + ',-' + y + 'l' + x1 + ',' + y + 'h' + x2 + 'l-' + x1 + ',' + y + 'l' + x1 + ',' + y + 'h-' + x2 + 'l-' + x1 + ',' + y + 'l-' + x1 + ',-' + y + 'h-' + x2 + 'Z'; } }, 'star-triangle-up': { n: 19, f: function(r) { var x = d3.round(r * Math.sqrt(3) * 0.8, 2), y1 = d3.round(r * 0.8, 2), y2 = d3.round(r * 1.6, 2), rc = d3.round(r * 4, 2), aPart = 'A ' + rc + ',' + rc + ' 0 0 1 '; return 'M-' + x + ',' + y1 + aPart + x + ',' + y1 + aPart + '0,-' + y2 + aPart + '-' + x + ',' + y1 + 'Z'; } }, 'star-triangle-down': { n: 20, f: function(r) { var x = d3.round(r * Math.sqrt(3) * 0.8, 2), y1 = d3.round(r * 0.8, 2), y2 = d3.round(r * 1.6, 2), rc = d3.round(r * 4, 2), aPart = 'A ' + rc + ',' + rc + ' 0 0 1 '; return 'M' + x + ',-' + y1 + aPart + '-' + x + ',-' + y1 + aPart + '0,' + y2 + aPart + x + ',-' + y1 + 'Z'; } }, 'star-square': { n: 21, f: function(r) { var rp = d3.round(r * 1.1, 2), rc = d3.round(r * 2, 2), aPart = 'A ' + rc + ',' + rc + ' 0 0 1 '; return 'M-' + rp + ',-' + rp + aPart + '-' + rp + ',' + rp + aPart + rp + ',' + rp + aPart + rp + ',-' + rp + aPart + '-' + rp + ',-' + rp + 'Z'; } }, 'star-diamond': { n: 22, f: function(r) { var rp = d3.round(r * 1.4, 2), rc = d3.round(r * 1.9, 2), aPart = 'A ' + rc + ',' + rc + ' 0 0 1 '; return 'M-' + rp + ',0' + aPart + '0,' + rp + aPart + rp + ',0' + aPart + '0,-' + rp + aPart + '-' + rp + ',0' + 'Z'; } }, 'diamond-tall': { n: 23, f: function(r) { var x = d3.round(r * 0.7, 2), y = d3.round(r * 1.4, 2); return 'M0,' + y + 'L' + x + ',0L0,-' + y + 'L-' + x + ',0Z'; } }, 'diamond-wide': { n: 24, f: function(r) { var x = d3.round(r * 1.4, 2), y = d3.round(r * 0.7, 2); return 'M0,' + y + 'L' + x + ',0L0,-' + y + 'L-' + x + ',0Z'; } }, hourglass: { n: 25, f: function(r) { var rs = d3.round(r, 2); return 'M' + rs + ',' + rs + 'H-' + rs + 'L' + rs + ',-' + rs + 'H-' + rs + 'Z'; }, noDot: true }, bowtie: { n: 26, f: function(r) { var rs = d3.round(r, 2); return 'M' + rs + ',' + rs + 'V-' + rs + 'L-' + rs + ',' + rs + 'V-' + rs + 'Z'; }, noDot: true }, 'circle-cross': { n: 27, f: function(r) { var rs = d3.round(r, 2); return 'M0,' + rs + 'V-' + rs + 'M' + rs + ',0H-' + rs + 'M' + rs + ',0A' + rs + ',' + rs + ' 0 1,1 0,-' + rs + 'A' + rs + ',' + rs + ' 0 0,1 ' + rs + ',0Z'; }, needLine: true, noDot: true }, 'circle-x': { n: 28, f: function(r) { var rs = d3.round(r, 2), rc = d3.round(r / Math.sqrt(2), 2); return 'M' + rc + ',' + rc + 'L-' + rc + ',-' + rc + 'M' + rc + ',-' + rc + 'L-' + rc + ',' + rc + 'M' + rs + ',0A' + rs + ',' + rs + ' 0 1,1 0,-' + rs + 'A' + rs + ',' + rs + ' 0 0,1 ' + rs + ',0Z'; }, needLine: true, noDot: true }, 'square-cross': { n: 29, f: function(r) { var rs = d3.round(r, 2); return 'M0,' + rs + 'V-' + rs + 'M' + rs + ',0H-' + rs + 'M' + rs + ',' + rs + 'H-' + rs + 'V-' + rs + 'H' + rs + 'Z'; }, needLine: true, noDot: true }, 'square-x': { n: 30, f: function(r) { var rs = d3.round(r, 2); return 'M' + rs + ',' + rs + 'L-' + rs + ',-' + rs + 'M' + rs + ',-' + rs + 'L-' + rs + ',' + rs + 'M' + rs + ',' + rs + 'H-' + rs + 'V-' + rs + 'H' + rs + 'Z'; }, needLine: true, noDot: true }, 'diamond-cross': { n: 31, f: function(r) { var rd = d3.round(r * 1.3, 2); return 'M' + rd + ',0L0,' + rd + 'L-' + rd + ',0L0,-' + rd + 'Z' + 'M0,-' + rd + 'V' + rd + 'M-' + rd + ',0H' + rd; }, needLine: true, noDot: true }, 'diamond-x': { n: 32, f: function(r) { var rd = d3.round(r * 1.3, 2), r2 = d3.round(r * 0.65, 2); return 'M' + rd + ',0L0,' + rd + 'L-' + rd + ',0L0,-' + rd + 'Z' + 'M-' + r2 + ',-' + r2 + 'L' + r2 + ',' + r2 + 'M-' + r2 + ',' + r2 + 'L' + r2 + ',-' + r2; }, needLine: true, noDot: true }, 'cross-thin': { n: 33, f: function(r) { var rc = d3.round(r * 1.4, 2); return 'M0,' + rc + 'V-' + rc + 'M' + rc + ',0H-' + rc; }, needLine: true, noDot: true }, 'x-thin': { n: 34, f: function(r) { var rx = d3.round(r, 2); return 'M' + rx + ',' + rx + 'L-' + rx + ',-' + rx + 'M' + rx + ',-' + rx + 'L-' + rx + ',' + rx; }, needLine: true, noDot: true }, asterisk: { n: 35, f: function(r) { var rc = d3.round(r * 1.2, 2); var rs = d3.round(r * 0.85, 2); return 'M0,' + rc + 'V-' + rc + 'M' + rc + ',0H-' + rc + 'M' + rs + ',' + rs + 'L-' + rs + ',-' + rs + 'M' + rs + ',-' + rs + 'L-' + rs + ',' + rs; }, needLine: true, noDot: true }, hash: { n: 36, f: function(r) { var r1 = d3.round(r / 2, 2), r2 = d3.round(r, 2); return 'M' + r1 + ',' + r2 + 'V-' + r2 + 'm-' + r2 + ',0V' + r2 + 'M' + r2 + ',' + r1 + 'H-' + r2 + 'm0,-' + r2 + 'H' + r2; }, needLine: true }, 'y-up': { n: 37, f: function(r) { var x = d3.round(r * 1.2, 2), y0 = d3.round(r * 1.6, 2), y1 = d3.round(r * 0.8, 2); return 'M-' + x + ',' + y1 + 'L0,0M' + x + ',' + y1 + 'L0,0M0,-' + y0 + 'L0,0'; }, needLine: true, noDot: true }, 'y-down': { n: 38, f: function(r) { var x = d3.round(r * 1.2, 2), y0 = d3.round(r * 1.6, 2), y1 = d3.round(r * 0.8, 2); return 'M-' + x + ',-' + y1 + 'L0,0M' + x + ',-' + y1 + 'L0,0M0,' + y0 + 'L0,0'; }, needLine: true, noDot: true }, 'y-left': { n: 39, f: function(r) { var y = d3.round(r * 1.2, 2), x0 = d3.round(r * 1.6, 2), x1 = d3.round(r * 0.8, 2); return 'M' + x1 + ',' + y + 'L0,0M' + x1 + ',-' + y + 'L0,0M-' + x0 + ',0L0,0'; }, needLine: true, noDot: true }, 'y-right': { n: 40, f: function(r) { var y = d3.round(r * 1.2, 2), x0 = d3.round(r * 1.6, 2), x1 = d3.round(r * 0.8, 2); return 'M-' + x1 + ',' + y + 'L0,0M-' + x1 + ',-' + y + 'L0,0M' + x0 + ',0L0,0'; }, needLine: true, noDot: true }, 'line-ew': { n: 41, f: function(r) { var rc = d3.round(r * 1.4, 2); return 'M' + rc + ',0H-' + rc; }, needLine: true, noDot: true }, 'line-ns': { n: 42, f: function(r) { var rc = d3.round(r * 1.4, 2); return 'M0,' + rc + 'V-' + rc; }, needLine: true, noDot: true }, 'line-ne': { n: 43, f: function(r) { var rx = d3.round(r, 2); return 'M' + rx + ',-' + rx + 'L-' + rx + ',' + rx; }, needLine: true, noDot: true }, 'line-nw': { n: 44, f: function(r) { var rx = d3.round(r, 2); return 'M' + rx + ',' + rx + 'L-' + rx + ',-' + rx; }, needLine: true, noDot: true } }; },{"d3":7}],60:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { visible: { valType: 'boolean', }, type: { valType: 'enumerated', values: ['percent', 'constant', 'sqrt', 'data'], }, symmetric: { valType: 'boolean', }, array: { valType: 'data_array', }, arrayminus: { valType: 'data_array', }, value: { valType: 'number', min: 0, dflt: 10, }, valueminus: { valType: 'number', min: 0, dflt: 10, }, traceref: { valType: 'integer', min: 0, dflt: 0, }, tracerefminus: { valType: 'integer', min: 0, dflt: 0, }, copy_ystyle: { valType: 'boolean', }, copy_zstyle: { valType: 'boolean', }, color: { valType: 'color', }, thickness: { valType: 'number', min: 0, dflt: 2, }, width: { valType: 'number', min: 0, }, _deprecated: { opacity: { valType: 'number', } } }; },{}],61:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var Registry = require('../../registry'); var Axes = require('../../plots/cartesian/axes'); var makeComputeError = require('./compute_error'); module.exports = function calc(gd) { var calcdata = gd.calcdata; for(var i = 0; i < calcdata.length; i++) { var calcTrace = calcdata[i], trace = calcTrace[0].trace; if(!Registry.traceIs(trace, 'errorBarsOK')) continue; var xa = Axes.getFromId(gd, trace.xaxis), ya = Axes.getFromId(gd, trace.yaxis); calcOneAxis(calcTrace, trace, xa, 'x'); calcOneAxis(calcTrace, trace, ya, 'y'); } }; function calcOneAxis(calcTrace, trace, axis, coord) { var opts = trace['error_' + coord] || {}, isVisible = (opts.visible && ['linear', 'log'].indexOf(axis.type) !== -1), vals = []; if(!isVisible) return; var computeError = makeComputeError(opts); for(var i = 0; i < calcTrace.length; i++) { var calcPt = calcTrace[i], calcCoord = calcPt[coord]; if(!isNumeric(axis.c2l(calcCoord))) continue; var errors = computeError(calcCoord, i); if(isNumeric(errors[0]) && isNumeric(errors[1])) { var shoe = calcPt[coord + 's'] = calcCoord - errors[0], hat = calcPt[coord + 'h'] = calcCoord + errors[1]; vals.push(shoe, hat); } } Axes.expand(axis, vals, {padded: true}); } },{"../../plots/cartesian/axes":183,"../../registry":219,"./compute_error":62,"fast-isnumeric":10}],62:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** * Error bar computing function generator * * N.B. The generated function does not clean the dataPt entries. Non-numeric * entries result in undefined error magnitudes. * * @param {object} opts error bar attributes * * @return {function} : * @param {numeric} dataPt data point from where to compute the error magnitude * @param {number} index index of dataPt in its corresponding data array * @return {array} * - error[0] : error magnitude in the negative direction * - error[1] : " " " " positive " */ module.exports = function makeComputeError(opts) { var type = opts.type, symmetric = opts.symmetric; if(type === 'data') { var array = opts.array, arrayminus = opts.arrayminus; if(symmetric || arrayminus === undefined) { return function computeError(dataPt, index) { var val = +(array[index]); return [val, val]; }; } else { return function computeError(dataPt, index) { return [+arrayminus[index], +array[index]]; }; } } else { var computeErrorValue = makeComputeErrorValue(type, opts.value), computeErrorValueMinus = makeComputeErrorValue(type, opts.valueminus); if(symmetric || opts.valueminus === undefined) { return function computeError(dataPt) { var val = computeErrorValue(dataPt); return [val, val]; }; } else { return function computeError(dataPt) { return [ computeErrorValueMinus(dataPt), computeErrorValue(dataPt) ]; }; } } }; /** * Compute error bar magnitude (for all types except data) * * @param {string} type error bar type * @param {numeric} value error bar value * * @return {function} : * @param {numeric} dataPt */ function makeComputeErrorValue(type, value) { if(type === 'percent') { return function(dataPt) { return Math.abs(dataPt * value / 100); }; } if(type === 'constant') { return function() { return Math.abs(value); }; } if(type === 'sqrt') { return function(dataPt) { return Math.sqrt(Math.abs(dataPt)); }; } } },{}],63:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var Registry = require('../../registry'); var Lib = require('../../lib'); var attributes = require('./attributes'); module.exports = function(traceIn, traceOut, defaultColor, opts) { var objName = 'error_' + opts.axis, containerOut = traceOut[objName] = {}, containerIn = traceIn[objName] || {}; function coerce(attr, dflt) { return Lib.coerce(containerIn, containerOut, attributes, attr, dflt); } var hasErrorBars = ( containerIn.array !== undefined || containerIn.value !== undefined || containerIn.type === 'sqrt' ); var visible = coerce('visible', hasErrorBars); if(visible === false) return; var type = coerce('type', 'array' in containerIn ? 'data' : 'percent'), symmetric = true; if(type !== 'sqrt') { symmetric = coerce('symmetric', !((type === 'data' ? 'arrayminus' : 'valueminus') in containerIn)); } if(type === 'data') { var array = coerce('array'); if(!array) containerOut.array = []; coerce('traceref'); if(!symmetric) { var arrayminus = coerce('arrayminus'); if(!arrayminus) containerOut.arrayminus = []; coerce('tracerefminus'); } } else if(type === 'percent' || type === 'constant') { coerce('value'); if(!symmetric) coerce('valueminus'); } var copyAttr = 'copy_' + opts.inherit + 'style'; if(opts.inherit) { var inheritObj = traceOut['error_' + opts.inherit]; if((inheritObj || {}).visible) { coerce(copyAttr, !(containerIn.color || isNumeric(containerIn.thickness) || isNumeric(containerIn.width))); } } if(!opts.inherit || !containerOut[copyAttr]) { coerce('color', defaultColor); coerce('thickness'); coerce('width', Registry.traceIs(traceOut, 'gl3d') ? 0 : 4); } }; },{"../../lib":147,"../../registry":219,"./attributes":60,"fast-isnumeric":10}],64:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var errorBars = module.exports = {}; errorBars.attributes = require('./attributes'); errorBars.supplyDefaults = require('./defaults'); errorBars.calc = require('./calc'); errorBars.calcFromTrace = function(trace, layout) { var x = trace.x || [], y = trace.y || [], len = x.length || y.length; var calcdataMock = new Array(len); for(var i = 0; i < len; i++) { calcdataMock[i] = { x: x[i], y: y[i] }; } calcdataMock[0].trace = trace; errorBars.calc({ calcdata: [calcdataMock], _fullLayout: layout }); return calcdataMock; }; errorBars.plot = require('./plot'); errorBars.style = require('./style'); errorBars.hoverInfo = function(calcPoint, trace, hoverPoint) { if((trace.error_y || {}).visible) { hoverPoint.yerr = calcPoint.yh - calcPoint.y; if(!trace.error_y.symmetric) hoverPoint.yerrneg = calcPoint.y - calcPoint.ys; } if((trace.error_x || {}).visible) { hoverPoint.xerr = calcPoint.xh - calcPoint.x; if(!trace.error_x.symmetric) hoverPoint.xerrneg = calcPoint.x - calcPoint.xs; } }; },{"./attributes":60,"./calc":61,"./defaults":63,"./plot":65,"./style":66}],65:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var isNumeric = require('fast-isnumeric'); var Drawing = require('../drawing'); var subTypes = require('../../traces/scatter/subtypes'); module.exports = function plot(traces, plotinfo, transitionOpts) { var isNew; var xa = plotinfo.xaxis; var ya = plotinfo.yaxis; var hasAnimation = transitionOpts && transitionOpts.duration > 0; traces.each(function(d) { var trace = d[0].trace, // || {} is in case the trace (specifically scatterternary) // doesn't support error bars at all, but does go through // the scatter.plot mechanics, which calls ErrorBars.plot // internally xObj = trace.error_x || {}, yObj = trace.error_y || {}; var keyFunc; if(trace.ids) { keyFunc = function(d) {return d.id;}; } var sparse = ( subTypes.hasMarkers(trace) && trace.marker.maxdisplayed > 0 ); if(!yObj.visible && !xObj.visible) return; var errorbars = d3.select(this).selectAll('g.errorbar') .data(d, keyFunc); errorbars.exit().remove(); errorbars.style('opacity', 1); var enter = errorbars.enter().append('g') .classed('errorbar', true); if(hasAnimation) { enter.style('opacity', 0).transition() .duration(transitionOpts.duration) .style('opacity', 1); } Drawing.setClipUrl(errorbars, plotinfo.layerClipId); errorbars.each(function(d) { var errorbar = d3.select(this); var coords = errorCoords(d, xa, ya); if(sparse && !d.vis) return; var path; if(yObj.visible && isNumeric(coords.x) && isNumeric(coords.yh) && isNumeric(coords.ys)) { var yw = yObj.width; path = 'M' + (coords.x - yw) + ',' + coords.yh + 'h' + (2 * yw) + // hat 'm-' + yw + ',0V' + coords.ys; // bar if(!coords.noYS) path += 'm-' + yw + ',0h' + (2 * yw); // shoe var yerror = errorbar.select('path.yerror'); isNew = !yerror.size(); if(isNew) { yerror = errorbar.append('path') .style('vector-effect', 'non-scaling-stroke') .classed('yerror', true); } else if(hasAnimation) { yerror = yerror .transition() .duration(transitionOpts.duration) .ease(transitionOpts.easing); } yerror.attr('d', path); } if(xObj.visible && isNumeric(coords.y) && isNumeric(coords.xh) && isNumeric(coords.xs)) { var xw = (xObj.copy_ystyle ? yObj : xObj).width; path = 'M' + coords.xh + ',' + (coords.y - xw) + 'v' + (2 * xw) + // hat 'm0,-' + xw + 'H' + coords.xs; // bar if(!coords.noXS) path += 'm0,-' + xw + 'v' + (2 * xw); // shoe var xerror = errorbar.select('path.xerror'); isNew = !xerror.size(); if(isNew) { xerror = errorbar.append('path') .style('vector-effect', 'non-scaling-stroke') .classed('xerror', true); } else if(hasAnimation) { xerror = xerror .transition() .duration(transitionOpts.duration) .ease(transitionOpts.easing); } xerror.attr('d', path); } }); }); }; // compute the coordinates of the error-bar objects function errorCoords(d, xa, ya) { var out = { x: xa.c2p(d.x), y: ya.c2p(d.y) }; // calculate the error bar size and hat and shoe locations if(d.yh !== undefined) { out.yh = ya.c2p(d.yh); out.ys = ya.c2p(d.ys); // if the shoes go off-scale (ie log scale, error bars past zero) // clip the bar and hide the shoes if(!isNumeric(out.ys)) { out.noYS = true; out.ys = ya.c2p(d.ys, true); } } if(d.xh !== undefined) { out.xh = xa.c2p(d.xh); out.xs = xa.c2p(d.xs); if(!isNumeric(out.xs)) { out.noXS = true; out.xs = xa.c2p(d.xs, true); } } return out; } },{"../../traces/scatter/subtypes":273,"../drawing":58,"d3":7,"fast-isnumeric":10}],66:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Color = require('../color'); module.exports = function style(traces) { traces.each(function(d) { var trace = d[0].trace, yObj = trace.error_y || {}, xObj = trace.error_x || {}; var s = d3.select(this); s.selectAll('path.yerror') .style('stroke-width', yObj.thickness + 'px') .call(Color.stroke, yObj.color); if(xObj.copy_ystyle) xObj = yObj; s.selectAll('path.xerror') .style('stroke-width', xObj.thickness + 'px') .call(Color.stroke, xObj.color); }); }; },{"../color":34,"d3":7}],67:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var extendFlat = require('../../lib/extend').extendFlat; var fontAttrs = require('../../plots/font_attributes'); module.exports = { hoverlabel: { bgcolor: { valType: 'color', arrayOk: true, }, bordercolor: { valType: 'color', arrayOk: true, }, font: { family: extendFlat({}, fontAttrs.family, { arrayOk: true }), size: extendFlat({}, fontAttrs.size, { arrayOk: true }), color: extendFlat({}, fontAttrs.color, { arrayOk: true }) }, namelength: { valType: 'integer', min: -1, arrayOk: true, } } }; },{"../../lib/extend":142,"../../plots/font_attributes":207}],68:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var Registry = require('../../registry'); module.exports = function calc(gd) { var calcdata = gd.calcdata; var fullLayout = gd._fullLayout; function makeCoerceHoverInfo(trace) { return function(val) { return Lib.coerceHoverinfo({hoverinfo: val}, {_module: trace._module}, fullLayout); }; } for(var i = 0; i < calcdata.length; i++) { var cd = calcdata[i]; var trace = cd[0].trace; // don't include hover calc fields for pie traces // as calcdata items might be sorted by value and // won't match the data array order. if(Registry.traceIs(trace, 'pie')) continue; var fillFn = Registry.traceIs(trace, '2dMap') ? paste : Lib.fillArray; fillFn(trace.hoverinfo, cd, 'hi', makeCoerceHoverInfo(trace)); if(!trace.hoverlabel) continue; fillFn(trace.hoverlabel.bgcolor, cd, 'hbg'); fillFn(trace.hoverlabel.bordercolor, cd, 'hbc'); fillFn(trace.hoverlabel.font.size, cd, 'hts'); fillFn(trace.hoverlabel.font.color, cd, 'htc'); fillFn(trace.hoverlabel.font.family, cd, 'htf'); fillFn(trace.hoverlabel.namelength, cd, 'hnl'); } }; function paste(traceAttr, cd, cdAttr, fn) { fn = fn || Lib.identity; if(Array.isArray(traceAttr)) { cd[0][cdAttr] = fn(traceAttr); } } },{"../../lib":147,"../../registry":219}],69:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = require('../../registry'); var hover = require('./hover').hover; module.exports = function click(gd, evt, subplot) { var annotationsDone = Registry.getComponentMethod('annotations', 'onClick')(gd, gd._hoverdata); // fallback to fail-safe in case the plot type's hover method doesn't pass the subplot. // Ternary, for example, didn't, but it was caught because tested. if(subplot !== undefined) { // The true flag at the end causes it to re-run the hover computation to figure out *which* // point is being clicked. Without this, clicking is somewhat unreliable. hover(gd, evt, subplot, true); } function emitClick() { gd.emit('plotly_click', {points: gd._hoverdata, event: evt}); } if(gd._hoverdata && evt && evt.target) { if(annotationsDone && annotationsDone.then) { annotationsDone.then(emitClick); } else emitClick(); // why do we get a double event without this??? if(evt.stopImmediatePropagation) evt.stopImmediatePropagation(); } }; },{"../../registry":219,"./hover":73}],70:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { // max pixels away from mouse to allow a point to highlight MAXDIST: 20, // hover labels for multiple horizontal bars get tilted by this angle YANGLE: 60, // size and display constants for hover text // pixel size of hover arrows HOVERARROWSIZE: 6, // pixels padding around text HOVERTEXTPAD: 3, // hover font HOVERFONTSIZE: 13, HOVERFONT: 'Arial, sans-serif', // minimum time (msec) between hover calls HOVERMINTIME: 50 }; },{}],71:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var attributes = require('./attributes'); var handleHoverLabelDefaults = require('./hoverlabel_defaults'); module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) { function coerce(attr, dflt) { return Lib.coerce(traceIn, traceOut, attributes, attr, dflt); } handleHoverLabelDefaults(traceIn, traceOut, coerce, layout.hoverlabel); }; },{"../../lib":147,"./attributes":67,"./hoverlabel_defaults":74}],72:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var constants = require('./constants'); // look for either subplot or xaxis and yaxis attributes exports.getSubplot = function getSubplot(trace) { return trace.subplot || (trace.xaxis + trace.yaxis) || trace.geo; }; // convenience functions for mapping all relevant axes exports.flat = function flat(subplots, v) { var out = new Array(subplots.length); for(var i = 0; i < subplots.length; i++) { out[i] = v; } return out; }; exports.p2c = function p2c(axArray, v) { var out = new Array(axArray.length); for(var i = 0; i < axArray.length; i++) { out[i] = axArray[i].p2c(v); } return out; }; exports.getDistanceFunction = function getDistanceFunction(mode, dx, dy, dxy) { if(mode === 'closest') return dxy || quadrature(dx, dy); return mode === 'x' ? dx : dy; }; exports.getClosest = function getClosest(cd, distfn, pointData) { // do we already have a point number? (array mode only) if(pointData.index !== false) { if(pointData.index >= 0 && pointData.index < cd.length) { pointData.distance = 0; } else pointData.index = false; } else { // apply the distance function to each data point // this is the longest loop... if this bogs down, we may need // to create pre-sorted data (by x or y), not sure how to // do this for 'closest' for(var i = 0; i < cd.length; i++) { var newDistance = distfn(cd[i]); if(newDistance <= pointData.distance) { pointData.index = i; pointData.distance = newDistance; } } } return pointData; }; // for bar charts and others with finite-size objects: you must be inside // it to see its hover info, so distance is infinite outside. // But make distance inside be at least 1/4 MAXDIST, and a little bigger // for bigger bars, to prioritize scatter and smaller bars over big bars // // note that for closest mode, two inbox's will get added in quadrature // args are (signed) difference from the two opposite edges // count one edge as in, so that over continuous ranges you never get a gap exports.inbox = function inbox(v0, v1) { if(v0 * v1 < 0 || v0 === 0) { return constants.MAXDIST * (0.6 - 0.3 / Math.max(3, Math.abs(v0 - v1))); } return Infinity; }; function quadrature(dx, dy) { return function(di) { var x = dx(di), y = dy(di); return Math.sqrt(x * x + y * y); }; } /** Appends values inside array attributes corresponding to given point number * * @param {object} pointData : point data object (gets mutated here) * @param {object} trace : full trace object * @param {number} pointNumber : point number */ exports.appendArrayPointValue = function(pointData, trace, pointNumber) { var arrayAttrs = trace._arrayAttrs; if(!arrayAttrs) { return; } for(var i = 0; i < arrayAttrs.length; i++) { var astr = arrayAttrs[i]; var key; if(astr === 'ids') key = 'id'; else if(astr === 'locations') key = 'location'; else key = astr; if(pointData[key] === undefined) { var val = Lib.nestedProperty(trace, astr).get(); if(Array.isArray(pointNumber)) { if(Array.isArray(val) && Array.isArray(val[pointNumber[0]])) { pointData[key] = val[pointNumber[0]][pointNumber[1]]; } } else { pointData[key] = val[pointNumber]; } } } }; },{"../../lib":147,"./constants":70}],73:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var isNumeric = require('fast-isnumeric'); var tinycolor = require('tinycolor2'); var Lib = require('../../lib'); var Events = require('../../lib/events'); var svgTextUtils = require('../../lib/svg_text_utils'); var overrideCursor = require('../../lib/override_cursor'); var Drawing = require('../drawing'); var Color = require('../color'); var dragElement = require('../dragelement'); var Axes = require('../../plots/cartesian/axes'); var Registry = require('../../registry'); var helpers = require('./helpers'); var constants = require('./constants'); // hover labels for multiple horizontal bars get tilted by some angle, // then need to be offset differently if they overlap var YANGLE = constants.YANGLE; var YA_RADIANS = Math.PI * YANGLE / 180; // expansion of projected height var YFACTOR = 1 / Math.sin(YA_RADIANS); // to make the appropriate post-rotation x offset, // you need both x and y offsets var YSHIFTX = Math.cos(YA_RADIANS); var YSHIFTY = Math.sin(YA_RADIANS); // size and display constants for hover text var HOVERARROWSIZE = constants.HOVERARROWSIZE; var HOVERTEXTPAD = constants.HOVERTEXTPAD; // fx.hover: highlight data on hover // evt can be a mousemove event, or an object with data about what points // to hover on // {xpx,ypx[,hovermode]} - pixel locations from top left // (with optional overriding hovermode) // {xval,yval[,hovermode]} - data values // [{curveNumber,(pointNumber|xval and/or yval)}] - // array of specific points to highlight // pointNumber is a single integer if gd.data[curveNumber] is 1D, // or a two-element array if it's 2D // xval and yval are data values, // 1D data may specify either or both, // 2D data must specify both // subplot is an id string (default "xy") // makes use of gl.hovermode, which can be: // x (find the points with the closest x values, ie a column), // closest (find the single closest point) // internally there are two more that occasionally get used: // y (pick out a row - only used for multiple horizontal bar charts) // array (used when the user specifies an explicit // array of points to hover on) // // We wrap the hovers in a timer, to limit their frequency. // The actual rendering is done by private function _hover. exports.hover = function hover(gd, evt, subplot, noHoverEvent) { if(typeof gd === 'string') gd = document.getElementById(gd); if(gd._lastHoverTime === undefined) gd._lastHoverTime = 0; // If we have an update queued, discard it now if(gd._hoverTimer !== undefined) { clearTimeout(gd._hoverTimer); gd._hoverTimer = undefined; } // Is it more than 100ms since the last update? If so, force // an update now (synchronously) and exit if(Date.now() > gd._lastHoverTime + constants.HOVERMINTIME) { _hover(gd, evt, subplot, noHoverEvent); gd._lastHoverTime = Date.now(); return; } // Queue up the next hover for 100ms from now (if no further events) gd._hoverTimer = setTimeout(function() { _hover(gd, evt, subplot, noHoverEvent); gd._lastHoverTime = Date.now(); gd._hoverTimer = undefined; }, constants.HOVERMINTIME); }; /* * Draw a single hover item in a pre-existing svg container somewhere * hoverItem should have keys: * - x and y (or x0, x1, y0, and y1): * the pixel position to mark, relative to opts.container * - xLabel, yLabel, zLabel, text, and name: * info to go in the label * - color: * the background color for the label. * - idealAlign (optional): * 'left' or 'right' for which side of the x/y box to try to put this on first * - borderColor (optional): * color for the border, defaults to strongest contrast with color * - fontFamily (optional): * string, the font for this label, defaults to constants.HOVERFONT * - fontSize (optional): * the label font size, defaults to constants.HOVERFONTSIZE * - fontColor (optional): * defaults to borderColor * opts should have keys: * - bgColor: * the background color this is against, used if the trace is * non-opaque, and for the name, which goes outside the box * - container: * a or element to add the hover label to * - outerContainer: * normally a parent of `container`, sets the bounding box to use to * constrain the hover label and determine whether to show it on the left or right */ exports.loneHover = function loneHover(hoverItem, opts) { var pointData = { color: hoverItem.color || Color.defaultLine, x0: hoverItem.x0 || hoverItem.x || 0, x1: hoverItem.x1 || hoverItem.x || 0, y0: hoverItem.y0 || hoverItem.y || 0, y1: hoverItem.y1 || hoverItem.y || 0, xLabel: hoverItem.xLabel, yLabel: hoverItem.yLabel, zLabel: hoverItem.zLabel, text: hoverItem.text, name: hoverItem.name, idealAlign: hoverItem.idealAlign, // optional extra bits of styling borderColor: hoverItem.borderColor, fontFamily: hoverItem.fontFamily, fontSize: hoverItem.fontSize, fontColor: hoverItem.fontColor, // filler to make createHoverText happy trace: { index: 0, hoverinfo: '' }, xa: {_offset: 0}, ya: {_offset: 0}, index: 0 }; var container3 = d3.select(opts.container), outerContainer3 = opts.outerContainer ? d3.select(opts.outerContainer) : container3; var fullOpts = { hovermode: 'closest', rotateLabels: false, bgColor: opts.bgColor || Color.background, container: container3, outerContainer: outerContainer3 }; var hoverLabel = createHoverText([pointData], fullOpts, opts.gd); alignHoverText(hoverLabel, fullOpts.rotateLabels); return hoverLabel.node(); }; // The actual implementation is here: function _hover(gd, evt, subplot, noHoverEvent) { if((subplot === 'pie' || subplot === 'sankey') && !noHoverEvent) { gd.emit('plotly_hover', { event: evt.originalEvent, points: [evt] }); return; } if(!subplot) subplot = 'xy'; // if the user passed in an array of subplots, // use those instead of finding overlayed plots var subplots = Array.isArray(subplot) ? subplot : [subplot]; var fullLayout = gd._fullLayout, plots = fullLayout._plots || [], plotinfo = plots[subplot]; // list of all overlaid subplots to look at if(plotinfo) { var overlayedSubplots = plotinfo.overlays.map(function(pi) { return pi.id; }); subplots = subplots.concat(overlayedSubplots); } var len = subplots.length, xaArray = new Array(len), yaArray = new Array(len); for(var i = 0; i < len; i++) { var spId = subplots[i]; // 'cartesian' case var plotObj = plots[spId]; if(plotObj) { // TODO make sure that fullLayout_plots axis refs // get updated properly so that we don't have // to use Axes.getFromId in general. xaArray[i] = Axes.getFromId(gd, plotObj.xaxis._id); yaArray[i] = Axes.getFromId(gd, plotObj.yaxis._id); continue; } // other subplot types var _subplot = fullLayout[spId]._subplot; xaArray[i] = _subplot.xaxis; yaArray[i] = _subplot.yaxis; } var hovermode = evt.hovermode || fullLayout.hovermode; if(['x', 'y', 'closest'].indexOf(hovermode) === -1 || !gd.calcdata || gd.querySelector('.zoombox') || gd._dragging) { return dragElement.unhoverRaw(gd, evt); } // hoverData: the set of candidate points we've found to highlight var hoverData = [], // searchData: the data to search in. Mostly this is just a copy of // gd.calcdata, filtered to the subplot and overlays we're on // but if a point array is supplied it will be a mapping // of indicated curves searchData = [], // [x|y]valArray: the axis values of the hover event // mapped onto each of the currently selected overlaid subplots xvalArray, yvalArray, // used in loops itemnum, curvenum, cd, trace, subplotId, subploti, mode, xval, yval, pointData, closedataPreviousLength; // Figure out what we're hovering on: // mouse location or user-supplied data if(Array.isArray(evt)) { // user specified an array of points to highlight hovermode = 'array'; for(itemnum = 0; itemnum < evt.length; itemnum++) { cd = gd.calcdata[evt[itemnum].curveNumber||0]; if(cd[0].trace.hoverinfo !== 'skip') { searchData.push(cd); } } } else { for(curvenum = 0; curvenum < gd.calcdata.length; curvenum++) { cd = gd.calcdata[curvenum]; trace = cd[0].trace; if(trace.hoverinfo !== 'skip' && subplots.indexOf(helpers.getSubplot(trace)) !== -1) { searchData.push(cd); } } // [x|y]px: the pixels (from top left) of the mouse location // on the currently selected plot area var hasUserCalledHover = !evt.target, xpx, ypx; if(hasUserCalledHover) { if('xpx' in evt) xpx = evt.xpx; else xpx = xaArray[0]._length / 2; if('ypx' in evt) ypx = evt.ypx; else ypx = yaArray[0]._length / 2; } else { // fire the beforehover event and quit if it returns false // note that we're only calling this on real mouse events, so // manual calls to fx.hover will always run. if(Events.triggerHandler(gd, 'plotly_beforehover', evt) === false) { return; } var dbb = evt.target.getBoundingClientRect(); xpx = evt.clientX - dbb.left; ypx = evt.clientY - dbb.top; // in case hover was called from mouseout into hovertext, // it's possible you're not actually over the plot anymore if(xpx < 0 || xpx > dbb.width || ypx < 0 || ypx > dbb.height) { return dragElement.unhoverRaw(gd, evt); } } if('xval' in evt) xvalArray = helpers.flat(subplots, evt.xval); else xvalArray = helpers.p2c(xaArray, xpx); if('yval' in evt) yvalArray = helpers.flat(subplots, evt.yval); else yvalArray = helpers.p2c(yaArray, ypx); if(!isNumeric(xvalArray[0]) || !isNumeric(yvalArray[0])) { Lib.warn('Fx.hover failed', evt, gd); return dragElement.unhoverRaw(gd, evt); } } // the pixel distance to beat as a matching point // in 'x' or 'y' mode this resets for each trace var distance = Infinity; // find the closest point in each trace // this is minimum dx and/or dy, depending on mode // and the pixel position for the label (labelXpx, labelYpx) for(curvenum = 0; curvenum < searchData.length; curvenum++) { cd = searchData[curvenum]; // filter out invisible or broken data if(!cd || !cd[0] || !cd[0].trace || cd[0].trace.visible !== true) continue; trace = cd[0].trace; // Explicitly bail out for these two. I don't know how to otherwise prevent // the rest of this function from running and failing if(['carpet', 'contourcarpet'].indexOf(trace._module.name) !== -1) continue; subplotId = helpers.getSubplot(trace); subploti = subplots.indexOf(subplotId); // within one trace mode can sometimes be overridden mode = hovermode; // container for new point, also used to pass info into module.hoverPoints pointData = { // trace properties cd: cd, trace: trace, xa: xaArray[subploti], ya: yaArray[subploti], // point properties - override all of these index: false, // point index in trace - only used by plotly.js hoverdata consumers distance: Math.min(distance, constants.MAXDIST), // pixel distance or pseudo-distance color: Color.defaultLine, // trace color name: trace.name, x0: undefined, x1: undefined, y0: undefined, y1: undefined, xLabelVal: undefined, yLabelVal: undefined, zLabelVal: undefined, text: undefined }; // add ref to subplot object (non-cartesian case) if(fullLayout[subplotId]) { pointData.subplot = fullLayout[subplotId]._subplot; } closedataPreviousLength = hoverData.length; // for a highlighting array, figure out what // we're searching for with this element if(mode === 'array') { var selection = evt[curvenum]; if('pointNumber' in selection) { pointData.index = selection.pointNumber; mode = 'closest'; } else { mode = ''; if('xval' in selection) { xval = selection.xval; mode = 'x'; } if('yval' in selection) { yval = selection.yval; mode = mode ? 'closest' : 'y'; } } } else { xval = xvalArray[subploti]; yval = yvalArray[subploti]; } // Now find the points. if(trace._module && trace._module.hoverPoints) { var newPoints = trace._module.hoverPoints(pointData, xval, yval, mode); if(newPoints) { var newPoint; for(var newPointNum = 0; newPointNum < newPoints.length; newPointNum++) { newPoint = newPoints[newPointNum]; if(isNumeric(newPoint.x0) && isNumeric(newPoint.y0)) { hoverData.push(cleanPoint(newPoint, hovermode)); } } } } else { Lib.log('Unrecognized trace type in hover:', trace); } // in closest mode, remove any existing (farther) points // and don't look any farther than this latest point (or points, if boxes) if(hovermode === 'closest' && hoverData.length > closedataPreviousLength) { hoverData.splice(0, closedataPreviousLength); distance = hoverData[0].distance; } } // nothing left: remove all labels and quit if(hoverData.length === 0) return dragElement.unhoverRaw(gd, evt); hoverData.sort(function(d1, d2) { return d1.distance - d2.distance; }); // lastly, emit custom hover/unhover events var oldhoverdata = gd._hoverdata, newhoverdata = []; // pull out just the data that's useful to // other people and send it to the event for(itemnum = 0; itemnum < hoverData.length; itemnum++) { var pt = hoverData[itemnum]; var out = { data: pt.trace._input, fullData: pt.trace, curveNumber: pt.trace.index, pointNumber: pt.index }; if(pt.trace._module.eventData) out = pt.trace._module.eventData(out, pt); else { out.x = pt.xVal; out.y = pt.yVal; out.xaxis = pt.xa; out.yaxis = pt.ya; if(pt.zLabelVal !== undefined) out.z = pt.zLabelVal; } helpers.appendArrayPointValue(out, pt.trace, pt.index); newhoverdata.push(out); } gd._hoverdata = newhoverdata; if(hoverChanged(gd, evt, oldhoverdata) && fullLayout._hasCartesian) { var spikelineOpts = { hovermode: hovermode, fullLayout: fullLayout, container: fullLayout._hoverlayer, outerContainer: fullLayout._paperdiv }; createSpikelines(hoverData, spikelineOpts); } // if there's more than one horz bar trace, // rotate the labels so they don't overlap var rotateLabels = hovermode === 'y' && searchData.length > 1; var bgColor = Color.combine( fullLayout.plot_bgcolor || Color.background, fullLayout.paper_bgcolor ); var labelOpts = { hovermode: hovermode, rotateLabels: rotateLabels, bgColor: bgColor, container: fullLayout._hoverlayer, outerContainer: fullLayout._paperdiv, commonLabelOpts: fullLayout.hoverlabel }; var hoverLabels = createHoverText(hoverData, labelOpts, gd); hoverAvoidOverlaps(hoverData, rotateLabels ? 'xa' : 'ya'); alignHoverText(hoverLabels, rotateLabels); // TODO: tagName hack is needed to appease geo.js's hack of using evt.target=true // we should improve the "fx" API so other plots can use it without these hack. if(evt.target && evt.target.tagName) { var hasClickToShow = Registry.getComponentMethod('annotations', 'hasClickToShow')(gd, newhoverdata); overrideCursor(d3.select(evt.target), hasClickToShow ? 'pointer' : ''); } // don't emit events if called manually if(!evt.target || noHoverEvent || !hoverChanged(gd, evt, oldhoverdata)) return; if(oldhoverdata) { gd.emit('plotly_unhover', { event: evt, points: oldhoverdata }); } gd.emit('plotly_hover', { event: evt, points: gd._hoverdata, xaxes: xaArray, yaxes: yaArray, xvals: xvalArray, yvals: yvalArray }); } function createHoverText(hoverData, opts, gd) { var hovermode = opts.hovermode; var rotateLabels = opts.rotateLabels; var bgColor = opts.bgColor; var container = opts.container; var outerContainer = opts.outerContainer; var commonLabelOpts = opts.commonLabelOpts || {}; // opts.fontFamily/Size are used for the common label // and as defaults for each hover label, though the individual labels // can override this. var fontFamily = opts.fontFamily || constants.HOVERFONT; var fontSize = opts.fontSize || constants.HOVERFONTSIZE; var c0 = hoverData[0]; var xa = c0.xa; var ya = c0.ya; var commonAttr = hovermode === 'y' ? 'yLabel' : 'xLabel'; var t0 = c0[commonAttr]; var t00 = (String(t0) || '').split(' ')[0]; var outerContainerBB = outerContainer.node().getBoundingClientRect(); var outerTop = outerContainerBB.top; var outerWidth = outerContainerBB.width; var outerHeight = outerContainerBB.height; // show the common label, if any, on the axis // never show a common label in array mode, // even if sometimes there could be one var showCommonLabel = c0.distance <= constants.MAXDIST && (hovermode === 'x' || hovermode === 'y'); // all hover traces hoverinfo must contain the hovermode // to have common labels var i, traceHoverinfo; for(i = 0; i < hoverData.length; i++) { traceHoverinfo = hoverData[i].hoverinfo || hoverData[i].trace.hoverinfo; var parts = traceHoverinfo.split('+'); if(parts.indexOf('all') === -1 && parts.indexOf(hovermode) === -1) { showCommonLabel = false; break; } } var commonLabel = container.selectAll('g.axistext') .data(showCommonLabel ? [0] : []); commonLabel.enter().append('g') .classed('axistext', true); commonLabel.exit().remove(); commonLabel.each(function() { var label = d3.select(this), lpath = label.selectAll('path').data([0]), ltext = label.selectAll('text').data([0]); lpath.enter().append('path') .style({ fill: commonLabelOpts.bgcolor || Color.defaultLine, stroke: commonLabelOpts.bordercolor || Color.background, 'stroke-width': '1px' }); ltext.enter().append('text') .call(Drawing.font, commonLabelOpts.font.family || fontFamily, commonLabelOpts.font.size || fontSize, commonLabelOpts.font.color || Color.background ) // prohibit tex interpretation until we can handle // tex and regular text together .attr('data-notex', 1); ltext.text(t0) .call(svgTextUtils.positionText, 0, 0) .call(svgTextUtils.convertToTspans, gd); label.attr('transform', ''); var tbb = ltext.node().getBoundingClientRect(); if(hovermode === 'x') { ltext.attr('text-anchor', 'middle') .call(svgTextUtils.positionText, 0, (xa.side === 'top' ? (outerTop - tbb.bottom - HOVERARROWSIZE - HOVERTEXTPAD) : (outerTop - tbb.top + HOVERARROWSIZE + HOVERTEXTPAD))); var topsign = xa.side === 'top' ? '-' : ''; lpath.attr('d', 'M0,0' + 'L' + HOVERARROWSIZE + ',' + topsign + HOVERARROWSIZE + 'H' + (HOVERTEXTPAD + tbb.width / 2) + 'v' + topsign + (HOVERTEXTPAD * 2 + tbb.height) + 'H-' + (HOVERTEXTPAD + tbb.width / 2) + 'V' + topsign + HOVERARROWSIZE + 'H-' + HOVERARROWSIZE + 'Z'); label.attr('transform', 'translate(' + (xa._offset + (c0.x0 + c0.x1) / 2) + ',' + (ya._offset + (xa.side === 'top' ? 0 : ya._length)) + ')'); } else { ltext.attr('text-anchor', ya.side === 'right' ? 'start' : 'end') .call(svgTextUtils.positionText, (ya.side === 'right' ? 1 : -1) * (HOVERTEXTPAD + HOVERARROWSIZE), outerTop - tbb.top - tbb.height / 2); var leftsign = ya.side === 'right' ? '' : '-'; lpath.attr('d', 'M0,0' + 'L' + leftsign + HOVERARROWSIZE + ',' + HOVERARROWSIZE + 'V' + (HOVERTEXTPAD + tbb.height / 2) + 'h' + leftsign + (HOVERTEXTPAD * 2 + tbb.width) + 'V-' + (HOVERTEXTPAD + tbb.height / 2) + 'H' + leftsign + HOVERARROWSIZE + 'V-' + HOVERARROWSIZE + 'Z'); label.attr('transform', 'translate(' + (xa._offset + (ya.side === 'right' ? xa._length : 0)) + ',' + (ya._offset + (c0.y0 + c0.y1) / 2) + ')'); } // remove the "close but not quite" points // because of error bars, only take up to a space hoverData = hoverData.filter(function(d) { return (d.zLabelVal !== undefined) || (d[commonAttr] || '').split(' ')[0] === t00; }); }); // show all the individual labels // first create the objects var hoverLabels = container.selectAll('g.hovertext') .data(hoverData, function(d) { return [d.trace.index, d.index, d.x0, d.y0, d.name, d.attr, d.xa, d.ya || ''].join(','); }); hoverLabels.enter().append('g') .classed('hovertext', true) .each(function() { var g = d3.select(this); // trace name label (rect and text.name) g.append('rect') .call(Color.fill, Color.addOpacity(bgColor, 0.8)); g.append('text').classed('name', true); // trace data label (path and text.nums) g.append('path') .style('stroke-width', '1px'); g.append('text').classed('nums', true) .call(Drawing.font, fontFamily, fontSize); }); hoverLabels.exit().remove(); // then put the text in, position the pointer to the data, // and figure out sizes hoverLabels.each(function(d) { var g = d3.select(this).attr('transform', ''), name = '', text = ''; // combine possible non-opaque trace color with bgColor var baseColor = Color.opacity(d.color) ? d.color : Color.defaultLine; var traceColor = Color.combine(baseColor, bgColor); // find a contrasting color for border and text var contrastColor = d.borderColor || Color.contrast(traceColor); // to get custom 'name' labels pass cleanPoint if(d.nameOverride !== undefined) d.name = d.nameOverride; if(d.name) { // strip out our pseudo-html elements from d.name (if it exists at all) name = svgTextUtils.plainText(d.name || ''); var nameLength = Math.round(d.nameLength); if(nameLength > -1 && name.length > nameLength) { if(nameLength > 3) name = name.substr(0, nameLength - 3) + '...'; else name = name.substr(0, nameLength); } } // used by other modules (initially just ternary) that // manage their own hoverinfo independent of cleanPoint // the rest of this will still apply, so such modules // can still put things in (x|y|z)Label, text, and name // and hoverinfo will still determine their visibility if(d.extraText !== undefined) text += d.extraText; if(d.zLabel !== undefined) { if(d.xLabel !== undefined) text += 'x: ' + d.xLabel + '
'; if(d.yLabel !== undefined) text += 'y: ' + d.yLabel + '
'; text += (text ? 'z: ' : '') + d.zLabel; } else if(showCommonLabel && d[hovermode + 'Label'] === t0) { text = d[(hovermode === 'x' ? 'y' : 'x') + 'Label'] || ''; } else if(d.xLabel === undefined) { if(d.yLabel !== undefined) text = d.yLabel; } else if(d.yLabel === undefined) text = d.xLabel; else text = '(' + d.xLabel + ', ' + d.yLabel + ')'; if(d.text && !Array.isArray(d.text)) { text += (text ? '
' : '') + d.text; } // if 'text' is empty at this point, // put 'name' in main label and don't show secondary label if(text === '') { // if 'name' is also empty, remove entire label if(name === '') g.remove(); text = name; } // main label var tx = g.select('text.nums') .call(Drawing.font, d.fontFamily || fontFamily, d.fontSize || fontSize, d.fontColor || contrastColor) .text(text) .attr('data-notex', 1) .call(svgTextUtils.positionText, 0, 0) .call(svgTextUtils.convertToTspans, gd); var tx2 = g.select('text.name'), tx2width = 0; // secondary label for non-empty 'name' if(name && name !== text) { tx2.call(Drawing.font, d.fontFamily || fontFamily, d.fontSize || fontSize, traceColor) .text(name) .attr('data-notex', 1) .call(svgTextUtils.positionText, 0, 0) .call(svgTextUtils.convertToTspans, gd); tx2width = tx2.node().getBoundingClientRect().width + 2 * HOVERTEXTPAD; } else { tx2.remove(); g.select('rect').remove(); } g.select('path') .style({ fill: traceColor, stroke: contrastColor }); var tbb = tx.node().getBoundingClientRect(), htx = d.xa._offset + (d.x0 + d.x1) / 2, hty = d.ya._offset + (d.y0 + d.y1) / 2, dx = Math.abs(d.x1 - d.x0), dy = Math.abs(d.y1 - d.y0), txTotalWidth = tbb.width + HOVERARROWSIZE + HOVERTEXTPAD + tx2width, anchorStartOK, anchorEndOK; d.ty0 = outerTop - tbb.top; d.bx = tbb.width + 2 * HOVERTEXTPAD; d.by = tbb.height + 2 * HOVERTEXTPAD; d.anchor = 'start'; d.txwidth = tbb.width; d.tx2width = tx2width; d.offset = 0; if(rotateLabels) { d.pos = htx; anchorStartOK = hty + dy / 2 + txTotalWidth <= outerHeight; anchorEndOK = hty - dy / 2 - txTotalWidth >= 0; if((d.idealAlign === 'top' || !anchorStartOK) && anchorEndOK) { hty -= dy / 2; d.anchor = 'end'; } else if(anchorStartOK) { hty += dy / 2; d.anchor = 'start'; } else d.anchor = 'middle'; } else { d.pos = hty; anchorStartOK = htx + dx / 2 + txTotalWidth <= outerWidth; anchorEndOK = htx - dx / 2 - txTotalWidth >= 0; if((d.idealAlign === 'left' || !anchorStartOK) && anchorEndOK) { htx -= dx / 2; d.anchor = 'end'; } else if(anchorStartOK) { htx += dx / 2; d.anchor = 'start'; } else d.anchor = 'middle'; } tx.attr('text-anchor', d.anchor); if(tx2width) tx2.attr('text-anchor', d.anchor); g.attr('transform', 'translate(' + htx + ',' + hty + ')' + (rotateLabels ? 'rotate(' + YANGLE + ')' : '')); }); return hoverLabels; } // Make groups of touching points, and within each group // move each point so that no labels overlap, but the average // label position is the same as it was before moving. Indicentally, // this is equivalent to saying all the labels are on equal linear // springs about their initial position. Initially, each point is // its own group, but as we find overlaps we will clump the points. // // Also, there are hard constraints at the edges of the graphs, // that push all groups to the middle so they are visible. I don't // know what happens if the group spans all the way from one edge to // the other, though it hardly matters - there's just too much // information then. function hoverAvoidOverlaps(hoverData, ax) { var nummoves = 0, // make groups of touching points pointgroups = hoverData .map(function(d, i) { var axis = d[ax]; return [{ i: i, dp: 0, pos: d.pos, posref: d.posref, size: d.by * (axis._id.charAt(0) === 'x' ? YFACTOR : 1) / 2, pmin: axis._offset, pmax: axis._offset + axis._length }]; }) .sort(function(a, b) { return a[0].posref - b[0].posref; }), donepositioning, topOverlap, bottomOverlap, i, j, pti, sumdp; function constrainGroup(grp) { var minPt = grp[0], maxPt = grp[grp.length - 1]; // overlap with the top - positive vals are overlaps topOverlap = minPt.pmin - minPt.pos - minPt.dp + minPt.size; // overlap with the bottom - positive vals are overlaps bottomOverlap = maxPt.pos + maxPt.dp + maxPt.size - minPt.pmax; // check for min overlap first, so that we always // see the largest labels // allow for .01px overlap, so we don't get an // infinite loop from rounding errors if(topOverlap > 0.01) { for(j = grp.length - 1; j >= 0; j--) grp[j].dp += topOverlap; donepositioning = false; } if(bottomOverlap < 0.01) return; if(topOverlap < -0.01) { // make sure we're not pushing back and forth for(j = grp.length - 1; j >= 0; j--) grp[j].dp -= bottomOverlap; donepositioning = false; } if(!donepositioning) return; // no room to fix positioning, delete off-screen points // first see how many points we need to delete var deleteCount = 0; for(i = 0; i < grp.length; i++) { pti = grp[i]; if(pti.pos + pti.dp + pti.size > minPt.pmax) deleteCount++; } // start by deleting points whose data is off screen for(i = grp.length - 1; i >= 0; i--) { if(deleteCount <= 0) break; pti = grp[i]; // pos has already been constrained to [pmin,pmax] // so look for points close to that to delete if(pti.pos > minPt.pmax - 1) { pti.del = true; deleteCount--; } } for(i = 0; i < grp.length; i++) { if(deleteCount <= 0) break; pti = grp[i]; // pos has already been constrained to [pmin,pmax] // so look for points close to that to delete if(pti.pos < minPt.pmin + 1) { pti.del = true; deleteCount--; // shift the whole group minus into this new space bottomOverlap = pti.size * 2; for(j = grp.length - 1; j >= 0; j--) grp[j].dp -= bottomOverlap; } } // then delete points that go off the bottom for(i = grp.length - 1; i >= 0; i--) { if(deleteCount <= 0) break; pti = grp[i]; if(pti.pos + pti.dp + pti.size > minPt.pmax) { pti.del = true; deleteCount--; } } } // loop through groups, combining them if they overlap, // until nothing moves while(!donepositioning && nummoves <= hoverData.length) { // to avoid infinite loops, don't move more times // than there are traces nummoves++; // assume nothing will move in this iteration, // reverse this if it does donepositioning = true; i = 0; while(i < pointgroups.length - 1) { // the higher (g0) and lower (g1) point group var g0 = pointgroups[i], g1 = pointgroups[i + 1], // the lowest point in the higher group (p0) // the highest point in the lower group (p1) p0 = g0[g0.length - 1], p1 = g1[0]; topOverlap = p0.pos + p0.dp + p0.size - p1.pos - p1.dp + p1.size; // Only group points that lie on the same axes if(topOverlap > 0.01 && (p0.pmin === p1.pmin) && (p0.pmax === p1.pmax)) { // push the new point(s) added to this group out of the way for(j = g1.length - 1; j >= 0; j--) g1[j].dp += topOverlap; // add them to the group g0.push.apply(g0, g1); pointgroups.splice(i + 1, 1); // adjust for minimum average movement sumdp = 0; for(j = g0.length - 1; j >= 0; j--) sumdp += g0[j].dp; bottomOverlap = sumdp / g0.length; for(j = g0.length - 1; j >= 0; j--) g0[j].dp -= bottomOverlap; donepositioning = false; } else i++; } // check if we're going off the plot on either side and fix pointgroups.forEach(constrainGroup); } // now put these offsets into hoverData for(i = pointgroups.length - 1; i >= 0; i--) { var grp = pointgroups[i]; for(j = grp.length - 1; j >= 0; j--) { var pt = grp[j], hoverPt = hoverData[pt.i]; hoverPt.offset = pt.dp; hoverPt.del = pt.del; } } } function alignHoverText(hoverLabels, rotateLabels) { // finally set the text positioning relative to the data and draw the // box around it hoverLabels.each(function(d) { var g = d3.select(this); if(d.del) { g.remove(); return; } var horzSign = d.anchor === 'end' ? -1 : 1, tx = g.select('text.nums'), alignShift = {start: 1, end: -1, middle: 0}[d.anchor], txx = alignShift * (HOVERARROWSIZE + HOVERTEXTPAD), tx2x = txx + alignShift * (d.txwidth + HOVERTEXTPAD), offsetX = 0, offsetY = d.offset; if(d.anchor === 'middle') { txx -= d.tx2width / 2; tx2x -= d.tx2width / 2; } if(rotateLabels) { offsetY *= -YSHIFTY; offsetX = d.offset * YSHIFTX; } g.select('path').attr('d', d.anchor === 'middle' ? // middle aligned: rect centered on data ('M-' + (d.bx / 2) + ',-' + (d.by / 2) + 'h' + d.bx + 'v' + d.by + 'h-' + d.bx + 'Z') : // left or right aligned: side rect with arrow to data ('M0,0L' + (horzSign * HOVERARROWSIZE + offsetX) + ',' + (HOVERARROWSIZE + offsetY) + 'v' + (d.by / 2 - HOVERARROWSIZE) + 'h' + (horzSign * d.bx) + 'v-' + d.by + 'H' + (horzSign * HOVERARROWSIZE + offsetX) + 'V' + (offsetY - HOVERARROWSIZE) + 'Z')); tx.call(svgTextUtils.positionText, txx + offsetX, offsetY + d.ty0 - d.by / 2 + HOVERTEXTPAD); if(d.tx2width) { g.select('text.name') .call(svgTextUtils.positionText, tx2x + alignShift * HOVERTEXTPAD + offsetX, offsetY + d.ty0 - d.by / 2 + HOVERTEXTPAD); g.select('rect') .call(Drawing.setRect, tx2x + (alignShift - 1) * d.tx2width / 2 + offsetX, offsetY - d.by / 2 - 1, d.tx2width, d.by + 2); } }); } function cleanPoint(d, hovermode) { var trace = d.trace || {}; var cd0 = d.cd[0]; var cd = d.cd[d.index] || {}; function fill(key, calcKey, traceKey) { var val; if(cd[calcKey]) { val = cd[calcKey]; } else if(cd0[calcKey]) { var arr = cd0[calcKey]; if(Array.isArray(arr) && Array.isArray(arr[d.index[0]])) { val = arr[d.index[0]][d.index[1]]; } } else { val = Lib.nestedProperty(trace, traceKey).get(); } if(val) d[key] = val; } fill('hoverinfo', 'hi', 'hoverinfo'); fill('color', 'hbg', 'hoverlabel.bgcolor'); fill('borderColor', 'hbc', 'hoverlabel.bordercolor'); fill('fontFamily', 'htf', 'hoverlabel.font.family'); fill('fontSize', 'hts', 'hoverlabel.font.size'); fill('fontColor', 'htc', 'hoverlabel.font.color'); fill('nameLength', 'hnl', 'hoverlabel.namelength'); d.posref = hovermode === 'y' ? (d.x0 + d.x1) / 2 : (d.y0 + d.y1) / 2; // then constrain all the positions to be on the plot d.x0 = Lib.constrain(d.x0, 0, d.xa._length); d.x1 = Lib.constrain(d.x1, 0, d.xa._length); d.y0 = Lib.constrain(d.y0, 0, d.ya._length); d.y1 = Lib.constrain(d.y1, 0, d.ya._length); // and convert the x and y label values into objects // formatted as text, with font info var logOffScale; if(d.xLabelVal !== undefined) { logOffScale = (d.xa.type === 'log' && d.xLabelVal <= 0); var xLabelObj = Axes.tickText(d.xa, d.xa.c2l(logOffScale ? -d.xLabelVal : d.xLabelVal), 'hover'); if(logOffScale) { if(d.xLabelVal === 0) d.xLabel = '0'; else d.xLabel = '-' + xLabelObj.text; } // TODO: should we do something special if the axis calendar and // the data calendar are different? Somehow display both dates with // their system names? Right now it will just display in the axis calendar // but users could add the other one as text. else d.xLabel = xLabelObj.text; d.xVal = d.xa.c2d(d.xLabelVal); } if(d.yLabelVal !== undefined) { logOffScale = (d.ya.type === 'log' && d.yLabelVal <= 0); var yLabelObj = Axes.tickText(d.ya, d.ya.c2l(logOffScale ? -d.yLabelVal : d.yLabelVal), 'hover'); if(logOffScale) { if(d.yLabelVal === 0) d.yLabel = '0'; else d.yLabel = '-' + yLabelObj.text; } // TODO: see above TODO else d.yLabel = yLabelObj.text; d.yVal = d.ya.c2d(d.yLabelVal); } if(d.zLabelVal !== undefined) d.zLabel = String(d.zLabelVal); // for box means and error bars, add the range to the label if(!isNaN(d.xerr) && !(d.xa.type === 'log' && d.xerr <= 0)) { var xeText = Axes.tickText(d.xa, d.xa.c2l(d.xerr), 'hover').text; if(d.xerrneg !== undefined) { d.xLabel += ' +' + xeText + ' / -' + Axes.tickText(d.xa, d.xa.c2l(d.xerrneg), 'hover').text; } else d.xLabel += ' ± ' + xeText; // small distance penalty for error bars, so that if there are // traces with errors and some without, the error bar label will // hoist up to the point if(hovermode === 'x') d.distance += 1; } if(!isNaN(d.yerr) && !(d.ya.type === 'log' && d.yerr <= 0)) { var yeText = Axes.tickText(d.ya, d.ya.c2l(d.yerr), 'hover').text; if(d.yerrneg !== undefined) { d.yLabel += ' +' + yeText + ' / -' + Axes.tickText(d.ya, d.ya.c2l(d.yerrneg), 'hover').text; } else d.yLabel += ' ± ' + yeText; if(hovermode === 'y') d.distance += 1; } var infomode = d.hoverinfo || d.trace.hoverinfo; if(infomode !== 'all') { infomode = infomode.split('+'); if(infomode.indexOf('x') === -1) d.xLabel = undefined; if(infomode.indexOf('y') === -1) d.yLabel = undefined; if(infomode.indexOf('z') === -1) d.zLabel = undefined; if(infomode.indexOf('text') === -1) d.text = undefined; if(infomode.indexOf('name') === -1) d.name = undefined; } return d; } function createSpikelines(hoverData, opts) { var hovermode = opts.hovermode; var container = opts.container; var c0 = hoverData[0]; var xa = c0.xa; var ya = c0.ya; var showX = xa.showspikes; var showY = ya.showspikes; // Remove old spikeline items container.selectAll('.spikeline').remove(); if(hovermode !== 'closest' || !(showX || showY)) return; var fullLayout = opts.fullLayout; var xPoint = xa._offset + (c0.x0 + c0.x1) / 2; var yPoint = ya._offset + (c0.y0 + c0.y1) / 2; var contrastColor = Color.combine(fullLayout.plot_bgcolor, fullLayout.paper_bgcolor); var dfltDashColor = tinycolor.readability(c0.color, contrastColor) < 1.5 ? Color.contrast(contrastColor) : c0.color; if(showY) { var yMode = ya.spikemode; var yThickness = ya.spikethickness; var yColor = ya.spikecolor || dfltDashColor; var yBB = ya._boundingBox; var xEdge = ((yBB.left + yBB.right) / 2) < xPoint ? yBB.right : yBB.left; if(yMode.indexOf('toaxis') !== -1 || yMode.indexOf('across') !== -1) { var xBase = xEdge; var xEndSpike = xPoint; if(yMode.indexOf('across') !== -1) { xBase = ya._counterSpan[0]; xEndSpike = ya._counterSpan[1]; } // Background horizontal Line (to y-axis) container.append('line') .attr({ 'x1': xBase, 'x2': xEndSpike, 'y1': yPoint, 'y2': yPoint, 'stroke-width': yThickness + 2, 'stroke': contrastColor }) .classed('spikeline', true) .classed('crisp', true); // Foreground horizontal line (to y-axis) container.append('line') .attr({ 'x1': xBase, 'x2': xEndSpike, 'y1': yPoint, 'y2': yPoint, 'stroke-width': yThickness, 'stroke': yColor, 'stroke-dasharray': Drawing.dashStyle(ya.spikedash, yThickness) }) .classed('spikeline', true) .classed('crisp', true); } // Y axis marker if(yMode.indexOf('marker') !== -1) { container.append('circle') .attr({ 'cx': xEdge + (ya.side !== 'right' ? yThickness : -yThickness), 'cy': yPoint, 'r': yThickness, 'fill': yColor }) .classed('spikeline', true); } } if(showX) { var xMode = xa.spikemode; var xThickness = xa.spikethickness; var xColor = xa.spikecolor || dfltDashColor; var xBB = xa._boundingBox; var yEdge = ((xBB.top + xBB.bottom) / 2) < yPoint ? xBB.bottom : xBB.top; if(xMode.indexOf('toaxis') !== -1 || xMode.indexOf('across') !== -1) { var yBase = yEdge; var yEndSpike = yPoint; if(xMode.indexOf('across') !== -1) { yBase = xa._counterSpan[0]; yEndSpike = xa._counterSpan[1]; } // Background vertical line (to x-axis) container.append('line') .attr({ 'x1': xPoint, 'x2': xPoint, 'y1': yBase, 'y2': yEndSpike, 'stroke-width': xThickness + 2, 'stroke': contrastColor }) .classed('spikeline', true) .classed('crisp', true); // Foreground vertical line (to x-axis) container.append('line') .attr({ 'x1': xPoint, 'x2': xPoint, 'y1': yBase, 'y2': yEndSpike, 'stroke-width': xThickness, 'stroke': xColor, 'stroke-dasharray': Drawing.dashStyle(xa.spikedash, xThickness) }) .classed('spikeline', true) .classed('crisp', true); } // X axis marker if(xMode.indexOf('marker') !== -1) { container.append('circle') .attr({ 'cx': xPoint, 'cy': yEdge - (xa.side !== 'top' ? xThickness : -xThickness), 'r': xThickness, 'fill': xColor }) .classed('spikeline', true); } } } function hoverChanged(gd, evt, oldhoverdata) { // don't emit any events if nothing changed if(!oldhoverdata || oldhoverdata.length !== gd._hoverdata.length) return true; for(var i = oldhoverdata.length - 1; i >= 0; i--) { var oldPt = oldhoverdata[i], newPt = gd._hoverdata[i]; if(oldPt.curveNumber !== newPt.curveNumber || String(oldPt.pointNumber) !== String(newPt.pointNumber)) { return true; } } return false; } },{"../../lib":147,"../../lib/events":141,"../../lib/override_cursor":156,"../../lib/svg_text_utils":164,"../../plots/cartesian/axes":183,"../../registry":219,"../color":34,"../dragelement":55,"../drawing":58,"./constants":70,"./helpers":72,"d3":7,"fast-isnumeric":10,"tinycolor2":16}],74:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); module.exports = function handleHoverLabelDefaults(contIn, contOut, coerce, opts) { opts = opts || {}; coerce('hoverlabel.bgcolor', opts.bgcolor); coerce('hoverlabel.bordercolor', opts.bordercolor); coerce('hoverlabel.namelength', opts.namelength); Lib.coerceFont(coerce, 'hoverlabel.font', opts.font); }; },{"../../lib":147}],75:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Lib = require('../../lib'); var dragElement = require('../dragelement'); var helpers = require('./helpers'); var layoutAttributes = require('./layout_attributes'); module.exports = { moduleType: 'component', name: 'fx', constants: require('./constants'), schema: { layout: layoutAttributes }, attributes: require('./attributes'), layoutAttributes: layoutAttributes, supplyLayoutGlobalDefaults: require('./layout_global_defaults'), supplyDefaults: require('./defaults'), supplyLayoutDefaults: require('./layout_defaults'), calc: require('./calc'), getDistanceFunction: helpers.getDistanceFunction, getClosest: helpers.getClosest, inbox: helpers.inbox, appendArrayPointValue: helpers.appendArrayPointValue, castHoverOption: castHoverOption, castHoverinfo: castHoverinfo, hover: require('./hover').hover, unhover: dragElement.unhover, loneHover: require('./hover').loneHover, loneUnhover: loneUnhover, click: require('./click') }; function loneUnhover(containerOrSelection) { // duck type whether the arg is a d3 selection because ie9 doesn't // handle instanceof like modern browsers do. var selection = Lib.isD3Selection(containerOrSelection) ? containerOrSelection : d3.select(containerOrSelection); selection.selectAll('g.hovertext').remove(); selection.selectAll('.spikeline').remove(); } // helpers for traces that use Fx.loneHover function castHoverOption(trace, ptNumber, attr) { return Lib.castOption(trace, ptNumber, 'hoverlabel.' + attr); } function castHoverinfo(trace, fullLayout, ptNumber) { function _coerce(val) { return Lib.coerceHoverinfo({hoverinfo: val}, {_module: trace._module}, fullLayout); } return Lib.castOption(trace, ptNumber, 'hoverinfo', _coerce); } },{"../../lib":147,"../dragelement":55,"./attributes":67,"./calc":68,"./click":69,"./constants":70,"./defaults":71,"./helpers":72,"./hover":73,"./layout_attributes":76,"./layout_defaults":77,"./layout_global_defaults":78,"d3":7}],76:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var extendFlat = require('../../lib/extend').extendFlat; var fontAttrs = require('../../plots/font_attributes'); var constants = require('./constants'); module.exports = { dragmode: { valType: 'enumerated', values: ['zoom', 'pan', 'select', 'lasso', 'orbit', 'turntable'], dflt: 'zoom', }, hovermode: { valType: 'enumerated', values: ['x', 'y', 'closest', false], }, hoverlabel: { bgcolor: { valType: 'color', }, bordercolor: { valType: 'color', }, font: { family: extendFlat({}, fontAttrs.family, { dflt: constants.HOVERFONT }), size: extendFlat({}, fontAttrs.size, { dflt: constants.HOVERFONTSIZE }), color: extendFlat({}, fontAttrs.color) }, namelength: { valType: 'integer', min: -1, dflt: 15, } } }; },{"../../lib/extend":142,"../../plots/font_attributes":207,"./constants":70}],77:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var layoutAttributes = require('./layout_attributes'); module.exports = function supplyLayoutDefaults(layoutIn, layoutOut, fullData) { function coerce(attr, dflt) { return Lib.coerce(layoutIn, layoutOut, layoutAttributes, attr, dflt); } coerce('dragmode'); var hovermodeDflt; if(layoutOut._has('cartesian')) { // flag for 'horizontal' plots: // determines the state of the mode bar 'compare' hovermode button layoutOut._isHoriz = isHoriz(fullData); hovermodeDflt = layoutOut._isHoriz ? 'y' : 'x'; } else hovermodeDflt = 'closest'; coerce('hovermode', hovermodeDflt); // if only mapbox subplots is present on graph, // reset 'zoom' dragmode to 'pan' until 'zoom' is implemented, // so that the correct modebar button is active if(layoutOut._has('mapbox') && layoutOut._basePlotModules.length === 1 && layoutOut.dragmode === 'zoom') { layoutOut.dragmode = 'pan'; } }; function isHoriz(fullData) { var out = true; for(var i = 0; i < fullData.length; i++) { var trace = fullData[i]; if(trace.orientation !== 'h') { out = false; break; } } return out; } },{"../../lib":147,"./layout_attributes":76}],78:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var handleHoverLabelDefaults = require('./hoverlabel_defaults'); var layoutAttributes = require('./layout_attributes'); module.exports = function supplyLayoutGlobalDefaults(layoutIn, layoutOut) { function coerce(attr, dflt) { return Lib.coerce(layoutIn, layoutOut, layoutAttributes, attr, dflt); } handleHoverLabelDefaults(layoutIn, layoutOut, coerce); }; },{"../../lib":147,"./hoverlabel_defaults":74,"./layout_attributes":76}],79:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var cartesianConstants = require('../../plots/cartesian/constants'); module.exports = { _isLinkedToArray: 'image', visible: { valType: 'boolean', dflt: true, }, source: { valType: 'string', }, layer: { valType: 'enumerated', values: ['below', 'above'], dflt: 'above', }, sizex: { valType: 'number', dflt: 0, }, sizey: { valType: 'number', dflt: 0, }, sizing: { valType: 'enumerated', values: ['fill', 'contain', 'stretch'], dflt: 'contain', }, opacity: { valType: 'number', min: 0, max: 1, dflt: 1, }, x: { valType: 'any', dflt: 0, }, y: { valType: 'any', dflt: 0, }, xanchor: { valType: 'enumerated', values: ['left', 'center', 'right'], dflt: 'left', }, yanchor: { valType: 'enumerated', values: ['top', 'middle', 'bottom'], dflt: 'top', }, xref: { valType: 'enumerated', values: [ 'paper', cartesianConstants.idRegex.x.toString() ], dflt: 'paper', }, yref: { valType: 'enumerated', values: [ 'paper', cartesianConstants.idRegex.y.toString() ], dflt: 'paper', } }; },{"../../plots/cartesian/constants":188}],80:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var toLogRange = require('../../lib/to_log_range'); /* * convertCoords: when converting an axis between log and linear * you need to alter any images on that axis to keep them * pointing at the same data point. * In v2.0 this will become obsolete (or perhaps size will still need conversion?) * we convert size by declaring that the maximum extent *in data units* should be * the same, assuming the image is anchored by its center (could remove that restriction * if we think it's important) even though the actual left and right values will not be * quite the same since the scale becomes nonlinear (and central anchor means the pixel * center of the image, not the data units center) * * gd: the plot div * ax: the axis being changed * newType: the type it's getting * doExtra: function(attr, val) from inside relayout that sets the attribute. * Use this to make the changes as it's aware if any other changes in the * same relayout call should override this conversion. */ module.exports = function convertCoords(gd, ax, newType, doExtra) { ax = ax || {}; var toLog = (newType === 'log') && (ax.type === 'linear'), fromLog = (newType === 'linear') && (ax.type === 'log'); if(!(toLog || fromLog)) return; var images = gd._fullLayout.images, axLetter = ax._id.charAt(0), image, attrPrefix; for(var i = 0; i < images.length; i++) { image = images[i]; attrPrefix = 'images[' + i + '].'; if(image[axLetter + 'ref'] === ax._id) { var currentPos = image[axLetter], currentSize = image['size' + axLetter], newPos = null, newSize = null; if(toLog) { newPos = toLogRange(currentPos, ax.range); // this is the inverse of the conversion we do in fromLog below // so that the conversion is reversible (notice the fromLog conversion // is like sinh, and this one looks like arcsinh) var dx = currentSize / Math.pow(10, newPos) / 2; newSize = 2 * Math.log(dx + Math.sqrt(1 + dx * dx)) / Math.LN10; } else { newPos = Math.pow(10, currentPos); newSize = newPos * (Math.pow(10, currentSize / 2) - Math.pow(10, -currentSize / 2)); } // if conversion failed, delete the value so it can get a default later on if(!isNumeric(newPos)) { newPos = null; newSize = null; } else if(!isNumeric(newSize)) newSize = null; doExtra(attrPrefix + axLetter, newPos); doExtra(attrPrefix + 'size' + axLetter, newSize); } } }; },{"../../lib/to_log_range":165,"fast-isnumeric":10}],81:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var Axes = require('../../plots/cartesian/axes'); var handleArrayContainerDefaults = require('../../plots/array_container_defaults'); var attributes = require('./attributes'); var name = 'images'; module.exports = function supplyLayoutDefaults(layoutIn, layoutOut) { var opts = { name: name, handleItemDefaults: imageDefaults }; handleArrayContainerDefaults(layoutIn, layoutOut, opts); }; function imageDefaults(imageIn, imageOut, fullLayout) { function coerce(attr, dflt) { return Lib.coerce(imageIn, imageOut, attributes, attr, dflt); } var source = coerce('source'); var visible = coerce('visible', !!source); if(!visible) return imageOut; coerce('layer'); coerce('xanchor'); coerce('yanchor'); coerce('sizex'); coerce('sizey'); coerce('sizing'); coerce('opacity'); var gdMock = { _fullLayout: fullLayout }, axLetters = ['x', 'y']; for(var i = 0; i < 2; i++) { // 'paper' is the fallback axref var axLetter = axLetters[i], axRef = Axes.coerceRef(imageIn, imageOut, gdMock, axLetter, 'paper'); Axes.coercePosition(imageOut, gdMock, coerce, axRef, axLetter, 0); } return imageOut; } },{"../../lib":147,"../../plots/array_container_defaults":180,"../../plots/cartesian/axes":183,"./attributes":79}],82:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Drawing = require('../drawing'); var Axes = require('../../plots/cartesian/axes'); var xmlnsNamespaces = require('../../constants/xmlns_namespaces'); module.exports = function draw(gd) { var fullLayout = gd._fullLayout, imageDataAbove = [], imageDataSubplot = {}, imageDataBelow = [], subplot, i; // Sort into top, subplot, and bottom layers for(i = 0; i < fullLayout.images.length; i++) { var img = fullLayout.images[i]; if(img.visible) { if(img.layer === 'below' && img.xref !== 'paper' && img.yref !== 'paper') { subplot = img.xref + img.yref; var plotinfo = fullLayout._plots[subplot]; if(!plotinfo) { // Fall back to _imageLowerLayer in case the requested subplot doesn't exist. // This can happen if you reference the image to an x / y axis combination // that doesn't have any data on it (and layer is below) imageDataBelow.push(img); continue; } if(plotinfo.mainplot) { subplot = plotinfo.mainplot.id; } if(!imageDataSubplot[subplot]) { imageDataSubplot[subplot] = []; } imageDataSubplot[subplot].push(img); } else if(img.layer === 'above') { imageDataAbove.push(img); } else { imageDataBelow.push(img); } } } var anchors = { x: { left: { sizing: 'xMin', offset: 0 }, center: { sizing: 'xMid', offset: -1 / 2 }, right: { sizing: 'xMax', offset: -1 } }, y: { top: { sizing: 'YMin', offset: 0 }, middle: { sizing: 'YMid', offset: -1 / 2 }, bottom: { sizing: 'YMax', offset: -1 } } }; // Images must be converted to dataURL's for exporting. function setImage(d) { var thisImage = d3.select(this); if(this.img && this.img.src === d.source) { return; } thisImage.attr('xmlns', xmlnsNamespaces.svg); var imagePromise = new Promise(function(resolve) { var img = new Image(); this.img = img; // If not set, a `tainted canvas` error is thrown img.setAttribute('crossOrigin', 'anonymous'); img.onerror = errorHandler; img.onload = function() { var canvas = document.createElement('canvas'); canvas.width = this.width; canvas.height = this.height; var ctx = canvas.getContext('2d'); ctx.drawImage(this, 0, 0); var dataURL = canvas.toDataURL('image/png'); thisImage.attr('xlink:href', dataURL); // resolve promise in onload handler instead of on 'load' to support IE11 // see https://github.com/plotly/plotly.js/issues/1685 // for more details resolve(); }; thisImage.on('error', errorHandler); img.src = d.source; function errorHandler() { thisImage.remove(); resolve(); } }.bind(this)); gd._promises.push(imagePromise); } function applyAttributes(d) { var thisImage = d3.select(this); // Axes if specified var xa = Axes.getFromId(gd, d.xref), ya = Axes.getFromId(gd, d.yref); var size = fullLayout._size, width = xa ? Math.abs(xa.l2p(d.sizex) - xa.l2p(0)) : d.sizex * size.w, height = ya ? Math.abs(ya.l2p(d.sizey) - ya.l2p(0)) : d.sizey * size.h; // Offsets for anchor positioning var xOffset = width * anchors.x[d.xanchor].offset, yOffset = height * anchors.y[d.yanchor].offset; var sizing = anchors.x[d.xanchor].sizing + anchors.y[d.yanchor].sizing; // Final positions var xPos = (xa ? xa.r2p(d.x) + xa._offset : d.x * size.w + size.l) + xOffset, yPos = (ya ? ya.r2p(d.y) + ya._offset : size.h - d.y * size.h + size.t) + yOffset; // Construct the proper aspectRatio attribute switch(d.sizing) { case 'fill': sizing += ' slice'; break; case 'stretch': sizing = 'none'; break; } thisImage.attr({ x: xPos, y: yPos, width: width, height: height, preserveAspectRatio: sizing, opacity: d.opacity }); // Set proper clipping on images var xId = xa ? xa._id : '', yId = ya ? ya._id : '', clipAxes = xId + yId; thisImage.call(Drawing.setClipUrl, clipAxes ? ('clip' + fullLayout._uid + clipAxes) : null ); } var imagesBelow = fullLayout._imageLowerLayer.selectAll('image') .data(imageDataBelow), imagesAbove = fullLayout._imageUpperLayer.selectAll('image') .data(imageDataAbove); imagesBelow.enter().append('image'); imagesAbove.enter().append('image'); imagesBelow.exit().remove(); imagesAbove.exit().remove(); imagesBelow.each(function(d) { setImage.bind(this)(d); applyAttributes.bind(this)(d); }); imagesAbove.each(function(d) { setImage.bind(this)(d); applyAttributes.bind(this)(d); }); var allSubplots = Object.keys(fullLayout._plots); for(i = 0; i < allSubplots.length; i++) { subplot = allSubplots[i]; var subplotObj = fullLayout._plots[subplot]; // filter out overlaid plots (which havd their images on the main plot) // and gl2d plots (which don't support below images, at least not yet) if(!subplotObj.imagelayer) continue; var imagesOnSubplot = subplotObj.imagelayer.selectAll('image') // even if there are no images on this subplot, we need to run // enter and exit in case there were previously .data(imageDataSubplot[subplot] || []); imagesOnSubplot.enter().append('image'); imagesOnSubplot.exit().remove(); imagesOnSubplot.each(function(d) { setImage.bind(this)(d); applyAttributes.bind(this)(d); }); } }; },{"../../constants/xmlns_namespaces":134,"../../plots/cartesian/axes":183,"../drawing":58,"d3":7}],83:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { moduleType: 'component', name: 'images', layoutAttributes: require('./attributes'), supplyLayoutDefaults: require('./defaults'), draw: require('./draw'), convertCoords: require('./convert_coords') }; },{"./attributes":79,"./convert_coords":80,"./defaults":81,"./draw":82}],84:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** * Determine the position anchor property of x/y xanchor/yanchor components. * * - values < 1/3 align the low side at that fraction, * - values [1/3, 2/3] align the center at that fraction, * - values > 2/3 align the right at that fraction. */ exports.isRightAnchor = function isRightAnchor(opts) { return ( opts.xanchor === 'right' || (opts.xanchor === 'auto' && opts.x >= 2 / 3) ); }; exports.isCenterAnchor = function isCenterAnchor(opts) { return ( opts.xanchor === 'center' || (opts.xanchor === 'auto' && opts.x > 1 / 3 && opts.x < 2 / 3) ); }; exports.isBottomAnchor = function isBottomAnchor(opts) { return ( opts.yanchor === 'bottom' || (opts.yanchor === 'auto' && opts.y <= 1 / 3) ); }; exports.isMiddleAnchor = function isMiddleAnchor(opts) { return ( opts.yanchor === 'middle' || (opts.yanchor === 'auto' && opts.y > 1 / 3 && opts.y < 2 / 3) ); }; },{}],85:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var fontAttrs = require('../../plots/font_attributes'); var colorAttrs = require('../color/attributes'); var extendFlat = require('../../lib/extend').extendFlat; module.exports = { bgcolor: { valType: 'color', }, bordercolor: { valType: 'color', dflt: colorAttrs.defaultLine, }, borderwidth: { valType: 'number', min: 0, dflt: 0, }, font: extendFlat({}, fontAttrs, { }), orientation: { valType: 'enumerated', values: ['v', 'h'], dflt: 'v', }, traceorder: { valType: 'flaglist', flags: ['reversed', 'grouped'], extras: ['normal'], }, tracegroupgap: { valType: 'number', min: 0, dflt: 10, }, x: { valType: 'number', min: -2, max: 3, dflt: 1.02, }, xanchor: { valType: 'enumerated', values: ['auto', 'left', 'center', 'right'], dflt: 'left', }, y: { valType: 'number', min: -2, max: 3, dflt: 1, }, yanchor: { valType: 'enumerated', values: ['auto', 'top', 'middle', 'bottom'], dflt: 'auto', } }; },{"../../lib/extend":142,"../../plots/font_attributes":207,"../color/attributes":33}],86:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { scrollBarWidth: 4, scrollBarHeight: 20, scrollBarColor: '#808BA4', scrollBarMargin: 4 }; },{}],87:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = require('../../registry'); var Lib = require('../../lib'); var attributes = require('./attributes'); var basePlotLayoutAttributes = require('../../plots/layout_attributes'); var helpers = require('./helpers'); module.exports = function legendDefaults(layoutIn, layoutOut, fullData) { var containerIn = layoutIn.legend || {}, containerOut = layoutOut.legend = {}; var visibleTraces = 0, defaultOrder = 'normal', defaultX, defaultY, defaultXAnchor, defaultYAnchor; for(var i = 0; i < fullData.length; i++) { var trace = fullData[i]; if(helpers.legendGetsTrace(trace)) { visibleTraces++; // always show the legend by default if there's a pie if(Registry.traceIs(trace, 'pie')) visibleTraces++; } if((Registry.traceIs(trace, 'bar') && layoutOut.barmode === 'stack') || ['tonextx', 'tonexty'].indexOf(trace.fill) !== -1) { defaultOrder = helpers.isGrouped({traceorder: defaultOrder}) ? 'grouped+reversed' : 'reversed'; } if(trace.legendgroup !== undefined && trace.legendgroup !== '') { defaultOrder = helpers.isReversed({traceorder: defaultOrder}) ? 'reversed+grouped' : 'grouped'; } } function coerce(attr, dflt) { return Lib.coerce(containerIn, containerOut, attributes, attr, dflt); } var showLegend = Lib.coerce(layoutIn, layoutOut, basePlotLayoutAttributes, 'showlegend', visibleTraces > 1); if(showLegend === false) return; coerce('bgcolor', layoutOut.paper_bgcolor); coerce('bordercolor'); coerce('borderwidth'); Lib.coerceFont(coerce, 'font', layoutOut.font); coerce('orientation'); if(containerOut.orientation === 'h') { var xaxis = layoutIn.xaxis; if(xaxis && xaxis.rangeslider && xaxis.rangeslider.visible) { defaultX = 0; defaultXAnchor = 'left'; defaultY = 1.1; defaultYAnchor = 'bottom'; } else { defaultX = 0; defaultXAnchor = 'left'; defaultY = -0.1; defaultYAnchor = 'top'; } } coerce('traceorder', defaultOrder); if(helpers.isGrouped(layoutOut.legend)) coerce('tracegroupgap'); coerce('x', defaultX); coerce('xanchor', defaultXAnchor); coerce('y', defaultY); coerce('yanchor', defaultYAnchor); Lib.noneOrAll(containerIn, containerOut, ['x', 'y']); }; },{"../../lib":147,"../../plots/layout_attributes":210,"../../registry":219,"./attributes":85,"./helpers":90}],88:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Plotly = require('../../plotly'); var Lib = require('../../lib'); var Plots = require('../../plots/plots'); var Registry = require('../../registry'); var dragElement = require('../dragelement'); var Drawing = require('../drawing'); var Color = require('../color'); var svgTextUtils = require('../../lib/svg_text_utils'); var constants = require('./constants'); var interactConstants = require('../../constants/interactions'); var LINE_SPACING = require('../../constants/alignment').LINE_SPACING; var getLegendData = require('./get_legend_data'); var style = require('./style'); var helpers = require('./helpers'); var anchorUtils = require('./anchor_utils'); var SHOWISOLATETIP = true; var DBLCLICKDELAY = interactConstants.DBLCLICKDELAY; module.exports = function draw(gd) { var fullLayout = gd._fullLayout; var clipId = 'legend' + fullLayout._uid; if(!fullLayout._infolayer || !gd.calcdata) return; if(!gd._legendMouseDownTime) gd._legendMouseDownTime = 0; var opts = fullLayout.legend, legendData = fullLayout.showlegend && getLegendData(gd.calcdata, opts), hiddenSlices = fullLayout.hiddenlabels || []; if(!fullLayout.showlegend || !legendData.length) { fullLayout._infolayer.selectAll('.legend').remove(); fullLayout._topdefs.select('#' + clipId).remove(); Plots.autoMargin(gd, 'legend'); return; } var legend = fullLayout._infolayer.selectAll('g.legend') .data([0]); legend.enter().append('g') .attr({ 'class': 'legend', 'pointer-events': 'all' }); var clipPath = fullLayout._topdefs.selectAll('#' + clipId) .data([0]); clipPath.enter().append('clipPath') .attr('id', clipId) .append('rect'); var bg = legend.selectAll('rect.bg') .data([0]); bg.enter().append('rect').attr({ 'class': 'bg', 'shape-rendering': 'crispEdges' }); bg.call(Color.stroke, opts.bordercolor); bg.call(Color.fill, opts.bgcolor); bg.style('stroke-width', opts.borderwidth + 'px'); var scrollBox = legend.selectAll('g.scrollbox') .data([0]); scrollBox.enter().append('g') .attr('class', 'scrollbox'); var scrollBar = legend.selectAll('rect.scrollbar') .data([0]); scrollBar.enter().append('rect') .attr({ 'class': 'scrollbar', 'rx': 20, 'ry': 2, 'width': 0, 'height': 0 }) .call(Color.fill, '#808BA4'); var groups = scrollBox.selectAll('g.groups') .data(legendData); groups.enter().append('g') .attr('class', 'groups'); groups.exit().remove(); var traces = groups.selectAll('g.traces') .data(Lib.identity); traces.enter().append('g').attr('class', 'traces'); traces.exit().remove(); traces.call(style, gd) .style('opacity', function(d) { var trace = d[0].trace; if(Registry.traceIs(trace, 'pie')) { return hiddenSlices.indexOf(d[0].label) !== -1 ? 0.5 : 1; } else { return trace.visible === 'legendonly' ? 0.5 : 1; } }) .each(function() { d3.select(this) .call(drawTexts, gd) .call(setupTraceToggle, gd); }); var firstRender = legend.enter().size() !== 0; if(firstRender) { computeLegendDimensions(gd, groups, traces); expandMargin(gd); } // Position and size the legend var lxMin = 0, lxMax = fullLayout.width, lyMin = 0, lyMax = fullLayout.height; computeLegendDimensions(gd, groups, traces); if(opts.height > lyMax) { // If the legend doesn't fit in the plot area, // do not expand the vertical margins. expandHorizontalMargin(gd); } else { expandMargin(gd); } // Scroll section must be executed after repositionLegend. // It requires the legend width, height, x and y to position the scrollbox // and these values are mutated in repositionLegend. var gs = fullLayout._size, lx = gs.l + gs.w * opts.x, ly = gs.t + gs.h * (1 - opts.y); if(anchorUtils.isRightAnchor(opts)) { lx -= opts.width; } else if(anchorUtils.isCenterAnchor(opts)) { lx -= opts.width / 2; } if(anchorUtils.isBottomAnchor(opts)) { ly -= opts.height; } else if(anchorUtils.isMiddleAnchor(opts)) { ly -= opts.height / 2; } // Make sure the legend left and right sides are visible var legendWidth = opts.width, legendWidthMax = gs.w; if(legendWidth > legendWidthMax) { lx = gs.l; legendWidth = legendWidthMax; } else { if(lx + legendWidth > lxMax) lx = lxMax - legendWidth; if(lx < lxMin) lx = lxMin; legendWidth = Math.min(lxMax - lx, opts.width); } // Make sure the legend top and bottom are visible // (legends with a scroll bar are not allowed to stretch beyond the extended // margins) var legendHeight = opts.height, legendHeightMax = gs.h; if(legendHeight > legendHeightMax) { ly = gs.t; legendHeight = legendHeightMax; } else { if(ly + legendHeight > lyMax) ly = lyMax - legendHeight; if(ly < lyMin) ly = lyMin; legendHeight = Math.min(lyMax - ly, opts.height); } // Set size and position of all the elements that make up a legend: // legend, background and border, scroll box and scroll bar Drawing.setTranslate(legend, lx, ly); var scrollBarYMax = legendHeight - constants.scrollBarHeight - 2 * constants.scrollBarMargin, scrollBoxYMax = opts.height - legendHeight, scrollBarY, scrollBoxY; if(opts.height <= legendHeight || gd._context.staticPlot) { // if scrollbar should not be shown. bg.attr({ width: legendWidth - opts.borderwidth, height: legendHeight - opts.borderwidth, x: opts.borderwidth / 2, y: opts.borderwidth / 2 }); Drawing.setTranslate(scrollBox, 0, 0); clipPath.select('rect').attr({ width: legendWidth - 2 * opts.borderwidth, height: legendHeight - 2 * opts.borderwidth, x: opts.borderwidth, y: opts.borderwidth }); scrollBox.call(Drawing.setClipUrl, clipId); } else { scrollBarY = constants.scrollBarMargin, scrollBoxY = scrollBox.attr('data-scroll') || 0; // increase the background and clip-path width // by the scrollbar width and margin bg.attr({ width: legendWidth - 2 * opts.borderwidth + constants.scrollBarWidth + constants.scrollBarMargin, height: legendHeight - opts.borderwidth, x: opts.borderwidth / 2, y: opts.borderwidth / 2 }); clipPath.select('rect').attr({ width: legendWidth - 2 * opts.borderwidth + constants.scrollBarWidth + constants.scrollBarMargin, height: legendHeight - 2 * opts.borderwidth, x: opts.borderwidth, y: opts.borderwidth - scrollBoxY }); scrollBox.call(Drawing.setClipUrl, clipId); if(firstRender) scrollHandler(scrollBarY, scrollBoxY); legend.on('wheel', null); // to be safe, remove previous listeners legend.on('wheel', function() { scrollBoxY = Lib.constrain( scrollBox.attr('data-scroll') - d3.event.deltaY / scrollBarYMax * scrollBoxYMax, -scrollBoxYMax, 0); scrollBarY = constants.scrollBarMargin - scrollBoxY / scrollBoxYMax * scrollBarYMax; scrollHandler(scrollBarY, scrollBoxY); if(scrollBoxY !== 0 && scrollBoxY !== -scrollBoxYMax) { d3.event.preventDefault(); } }); // to be safe, remove previous listeners scrollBar.on('.drag', null); scrollBox.on('.drag', null); var drag = d3.behavior.drag().on('drag', function() { scrollBarY = Lib.constrain( d3.event.y - constants.scrollBarHeight / 2, constants.scrollBarMargin, constants.scrollBarMargin + scrollBarYMax); scrollBoxY = - (scrollBarY - constants.scrollBarMargin) / scrollBarYMax * scrollBoxYMax; scrollHandler(scrollBarY, scrollBoxY); }); scrollBar.call(drag); scrollBox.call(drag); } function scrollHandler(scrollBarY, scrollBoxY) { scrollBox .attr('data-scroll', scrollBoxY) .call(Drawing.setTranslate, 0, scrollBoxY); scrollBar.call( Drawing.setRect, legendWidth, scrollBarY, constants.scrollBarWidth, constants.scrollBarHeight ); clipPath.select('rect').attr({ y: opts.borderwidth - scrollBoxY }); } if(gd._context.edits.legendPosition) { var xf, yf, x0, y0; legend.classed('cursor-move', true); dragElement.init({ element: legend.node(), gd: gd, prepFn: function() { var transform = Drawing.getTranslate(legend); x0 = transform.x; y0 = transform.y; }, moveFn: function(dx, dy) { var newX = x0 + dx, newY = y0 + dy; Drawing.setTranslate(legend, newX, newY); xf = dragElement.align(newX, 0, gs.l, gs.l + gs.w, opts.xanchor); yf = dragElement.align(newY, 0, gs.t + gs.h, gs.t, opts.yanchor); }, doneFn: function(dragged, numClicks, e) { if(dragged && xf !== undefined && yf !== undefined) { Plotly.relayout(gd, {'legend.x': xf, 'legend.y': yf}); } else { var clickedTrace = fullLayout._infolayer.selectAll('g.traces').filter(function() { var bbox = this.getBoundingClientRect(); return (e.clientX >= bbox.left && e.clientX <= bbox.right && e.clientY >= bbox.top && e.clientY <= bbox.bottom); }); if(clickedTrace.size() > 0) { if(numClicks === 1) { legend._clickTimeout = setTimeout(function() { handleClick(clickedTrace, gd, numClicks); }, DBLCLICKDELAY); } else if(numClicks === 2) { if(legend._clickTimeout) { clearTimeout(legend._clickTimeout); } handleClick(clickedTrace, gd, numClicks); } } } } }); } }; function drawTexts(g, gd) { var legendItem = g.data()[0][0], fullLayout = gd._fullLayout, trace = legendItem.trace, isPie = Registry.traceIs(trace, 'pie'), traceIndex = trace.index, name = isPie ? legendItem.label : trace.name; var text = g.selectAll('text.legendtext') .data([0]); text.enter().append('text').classed('legendtext', true); text.attr('text-anchor', 'start') .classed('user-select-none', true) .call(Drawing.font, fullLayout.legend.font) .text(name); function textLayout(s) { svgTextUtils.convertToTspans(s, gd, function() { computeTextDimensions(g, gd); }); } if(gd._context.edits.legendText && !isPie) { text.call(svgTextUtils.makeEditable, {gd: gd}) .call(textLayout) .on('edit', function(text) { this.text(text) .call(textLayout); if(!this.text()) text = ' \u0020\u0020 '; var fullInput = legendItem.trace._fullInput || {}, astr; // N.B. this block isn't super clean, // is unfortunately untested at the moment, // and only works for for 'ohlc' and 'candlestick', // but should be generalized for other one-to-many transforms if(['ohlc', 'candlestick'].indexOf(fullInput.type) !== -1) { var transforms = legendItem.trace.transforms, direction = transforms[transforms.length - 1].direction; astr = direction + '.name'; } else astr = 'name'; Plotly.restyle(gd, astr, text, traceIndex); }); } else text.call(textLayout); } function setupTraceToggle(g, gd) { var newMouseDownTime, numClicks = 1; var traceToggle = g.selectAll('rect') .data([0]); traceToggle.enter().append('rect') .classed('legendtoggle', true) .style('cursor', 'pointer') .attr('pointer-events', 'all') .call(Color.fill, 'rgba(0,0,0,0)'); traceToggle.on('mousedown', function() { newMouseDownTime = (new Date()).getTime(); if(newMouseDownTime - gd._legendMouseDownTime < DBLCLICKDELAY) { // in a click train numClicks += 1; } else { // new click train numClicks = 1; gd._legendMouseDownTime = newMouseDownTime; } }); traceToggle.on('mouseup', function() { if(gd._dragged || gd._editing) return; var legend = gd._fullLayout.legend; if((new Date()).getTime() - gd._legendMouseDownTime > DBLCLICKDELAY) { numClicks = Math.max(numClicks - 1, 1); } if(numClicks === 1) { legend._clickTimeout = setTimeout(function() { handleClick(g, gd, numClicks); }, DBLCLICKDELAY); } else if(numClicks === 2) { if(legend._clickTimeout) { clearTimeout(legend._clickTimeout); } gd._legendMouseDownTime = 0; handleClick(g, gd, numClicks); } }); } function handleClick(g, gd, numClicks) { if(gd._dragged || gd._editing) return; var hiddenSlices = gd._fullLayout.hiddenlabels ? gd._fullLayout.hiddenlabels.slice() : []; var legendItem = g.data()[0][0], fullData = gd._fullData, trace = legendItem.trace, legendgroup = trace.legendgroup, traceIndicesInGroup = [], tracei, newVisible; if(numClicks === 1 && SHOWISOLATETIP && gd.data && gd._context.showTips) { Lib.notifier('Double click on legend to isolate individual trace', 'long'); SHOWISOLATETIP = false; } else { SHOWISOLATETIP = false; } if(Registry.traceIs(trace, 'pie')) { var thisLabel = legendItem.label, thisLabelIndex = hiddenSlices.indexOf(thisLabel); if(numClicks === 1) { if(thisLabelIndex === -1) hiddenSlices.push(thisLabel); else hiddenSlices.splice(thisLabelIndex, 1); } else if(numClicks === 2) { hiddenSlices = []; gd.calcdata[0].forEach(function(d) { if(thisLabel !== d.label) { hiddenSlices.push(d.label); } }); if(gd._fullLayout.hiddenlabels && gd._fullLayout.hiddenlabels.length === hiddenSlices.length && thisLabelIndex === -1) { hiddenSlices = []; } } Plotly.relayout(gd, 'hiddenlabels', hiddenSlices); } else { var allTraces = [], traceVisibility = [], i; for(i = 0; i < fullData.length; i++) { allTraces.push(i); // Allow the legendonly state through for *all* trace types (including // carpet for which it's overridden with true/false in supplyDefaults) traceVisibility.push( Registry.traceIs(fullData[i], 'notLegendIsolatable') ? true : 'legendonly' ); } if(legendgroup === '') { traceIndicesInGroup = [trace.index]; traceVisibility[trace.index] = true; } else { for(i = 0; i < fullData.length; i++) { tracei = fullData[i]; if(tracei.legendgroup === legendgroup) { traceIndicesInGroup.push(tracei.index); traceVisibility[allTraces.indexOf(i)] = true; } } } if(numClicks === 1) { newVisible = trace.visible === true ? 'legendonly' : true; Plotly.restyle(gd, 'visible', newVisible, traceIndicesInGroup); } else if(numClicks === 2) { var sameAsLast = true; for(i = 0; i < fullData.length; i++) { if(fullData[i].visible !== traceVisibility[i]) { sameAsLast = false; break; } } if(sameAsLast) { traceVisibility = true; } var visibilityUpdates = []; for(i = 0; i < fullData.length; i++) { visibilityUpdates.push(allTraces[i]); } Plotly.restyle(gd, 'visible', traceVisibility, visibilityUpdates); } } } function computeTextDimensions(g, gd) { var legendItem = g.data()[0][0]; if(!legendItem.trace.showlegend) { g.remove(); return; } var mathjaxGroup = g.select('g[class*=math-group]'); var mathjaxNode = mathjaxGroup.node(); var opts = gd._fullLayout.legend; var lineHeight = opts.font.size * LINE_SPACING; var height, width; if(mathjaxNode) { var mathjaxBB = Drawing.bBox(mathjaxNode); height = mathjaxBB.height; width = mathjaxBB.width; Drawing.setTranslate(mathjaxGroup, 0, (height / 4)); } else { var text = g.select('.legendtext'); var textLines = svgTextUtils.lineCount(text); var textNode = text.node(); height = lineHeight * textLines; width = textNode ? Drawing.bBox(textNode).width : 0; // approximation to height offset to center the font // to avoid getBoundingClientRect var textY = lineHeight * (0.3 + (1 - textLines) / 2); // TODO: this 40 should go in a constants file (along with other // values related to the legend symbol size) svgTextUtils.positionText(text, 40, textY); } height = Math.max(height, 16) + 3; legendItem.height = height; legendItem.width = width; } function computeLegendDimensions(gd, groups, traces) { var fullLayout = gd._fullLayout; var opts = fullLayout.legend; var borderwidth = opts.borderwidth; var isGrouped = helpers.isGrouped(opts); var extraWidth = 0; opts.width = 0; opts.height = 0; if(helpers.isVertical(opts)) { if(isGrouped) { groups.each(function(d, i) { Drawing.setTranslate(this, 0, i * opts.tracegroupgap); }); } traces.each(function(d) { var legendItem = d[0], textHeight = legendItem.height, textWidth = legendItem.width; Drawing.setTranslate(this, borderwidth, (5 + borderwidth + opts.height + textHeight / 2)); opts.height += textHeight; opts.width = Math.max(opts.width, textWidth); }); opts.width += 45 + borderwidth * 2; opts.height += 10 + borderwidth * 2; if(isGrouped) { opts.height += (opts._lgroupsLength - 1) * opts.tracegroupgap; } extraWidth = 40; } else if(isGrouped) { var groupXOffsets = [opts.width], groupData = groups.data(); for(var i = 0, n = groupData.length; i < n; i++) { var textWidths = groupData[i].map(function(legendItemArray) { return legendItemArray[0].width; }); var groupWidth = 40 + Math.max.apply(null, textWidths); opts.width += opts.tracegroupgap + groupWidth; groupXOffsets.push(opts.width); } groups.each(function(d, i) { Drawing.setTranslate(this, groupXOffsets[i], 0); }); groups.each(function() { var group = d3.select(this), groupTraces = group.selectAll('g.traces'), groupHeight = 0; groupTraces.each(function(d) { var legendItem = d[0], textHeight = legendItem.height; Drawing.setTranslate(this, 0, (5 + borderwidth + groupHeight + textHeight / 2)); groupHeight += textHeight; }); opts.height = Math.max(opts.height, groupHeight); }); opts.height += 10 + borderwidth * 2; opts.width += borderwidth * 2; } else { var rowHeight = 0, maxTraceHeight = 0, maxTraceWidth = 0, offsetX = 0; // calculate largest width for traces and use for width of all legend items traces.each(function(d) { maxTraceWidth = Math.max(40 + d[0].width, maxTraceWidth); }); traces.each(function(d) { var legendItem = d[0], traceWidth = maxTraceWidth, traceGap = opts.tracegroupgap || 5; if((borderwidth + offsetX + traceGap + traceWidth) > (fullLayout.width - (fullLayout.margin.r + fullLayout.margin.l))) { offsetX = 0; rowHeight = rowHeight + maxTraceHeight; opts.height = opts.height + maxTraceHeight; // reset for next row maxTraceHeight = 0; } Drawing.setTranslate(this, (borderwidth + offsetX), (5 + borderwidth + legendItem.height / 2) + rowHeight); opts.width += traceGap + traceWidth; opts.height = Math.max(opts.height, legendItem.height); // keep track of tallest trace in group offsetX += traceGap + traceWidth; maxTraceHeight = Math.max(legendItem.height, maxTraceHeight); }); opts.width += borderwidth * 2; opts.height += 10 + borderwidth * 2; } // make sure we're only getting full pixels opts.width = Math.ceil(opts.width); opts.height = Math.ceil(opts.height); traces.each(function(d) { var legendItem = d[0], bg = d3.select(this).select('.legendtoggle'); bg.call(Drawing.setRect, 0, -legendItem.height / 2, (gd._context.edits.legendText ? 0 : opts.width) + extraWidth, legendItem.height ); }); } function expandMargin(gd) { var fullLayout = gd._fullLayout, opts = fullLayout.legend; var xanchor = 'left'; if(anchorUtils.isRightAnchor(opts)) { xanchor = 'right'; } else if(anchorUtils.isCenterAnchor(opts)) { xanchor = 'center'; } var yanchor = 'top'; if(anchorUtils.isBottomAnchor(opts)) { yanchor = 'bottom'; } else if(anchorUtils.isMiddleAnchor(opts)) { yanchor = 'middle'; } // lastly check if the margin auto-expand has changed Plots.autoMargin(gd, 'legend', { x: opts.x, y: opts.y, l: opts.width * ({right: 1, center: 0.5}[xanchor] || 0), r: opts.width * ({left: 1, center: 0.5}[xanchor] || 0), b: opts.height * ({top: 1, middle: 0.5}[yanchor] || 0), t: opts.height * ({bottom: 1, middle: 0.5}[yanchor] || 0) }); } function expandHorizontalMargin(gd) { var fullLayout = gd._fullLayout, opts = fullLayout.legend; var xanchor = 'left'; if(anchorUtils.isRightAnchor(opts)) { xanchor = 'right'; } else if(anchorUtils.isCenterAnchor(opts)) { xanchor = 'center'; } // lastly check if the margin auto-expand has changed Plots.autoMargin(gd, 'legend', { x: opts.x, y: 0.5, l: opts.width * ({right: 1, center: 0.5}[xanchor] || 0), r: opts.width * ({left: 1, center: 0.5}[xanchor] || 0), b: 0, t: 0 }); } },{"../../constants/alignment":130,"../../constants/interactions":131,"../../lib":147,"../../lib/svg_text_utils":164,"../../plotly":178,"../../plots/plots":212,"../../registry":219,"../color":34,"../dragelement":55,"../drawing":58,"./anchor_utils":84,"./constants":86,"./get_legend_data":89,"./helpers":90,"./style":92,"d3":7}],89:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = require('../../registry'); var helpers = require('./helpers'); module.exports = function getLegendData(calcdata, opts) { var lgroupToTraces = {}, lgroups = [], hasOneNonBlankGroup = false, slicesShown = {}, lgroupi = 0; var i, j; function addOneItem(legendGroup, legendItem) { // each '' legend group is treated as a separate group if(legendGroup === '' || !helpers.isGrouped(opts)) { var uniqueGroup = '~~i' + lgroupi; // TODO: check this against fullData legendgroups? lgroups.push(uniqueGroup); lgroupToTraces[uniqueGroup] = [[legendItem]]; lgroupi++; } else if(lgroups.indexOf(legendGroup) === -1) { lgroups.push(legendGroup); hasOneNonBlankGroup = true; lgroupToTraces[legendGroup] = [[legendItem]]; } else lgroupToTraces[legendGroup].push([legendItem]); } // build an { legendgroup: [cd0, cd0], ... } object for(i = 0; i < calcdata.length; i++) { var cd = calcdata[i], cd0 = cd[0], trace = cd0.trace, lgroup = trace.legendgroup; if(!helpers.legendGetsTrace(trace) || !trace.showlegend) continue; if(Registry.traceIs(trace, 'pie')) { if(!slicesShown[lgroup]) slicesShown[lgroup] = {}; for(j = 0; j < cd.length; j++) { var labelj = cd[j].label; if(!slicesShown[lgroup][labelj]) { addOneItem(lgroup, { label: labelj, color: cd[j].color, i: cd[j].i, trace: trace }); slicesShown[lgroup][labelj] = true; } } } else addOneItem(lgroup, cd0); } // won't draw a legend in this case if(!lgroups.length) return []; // rearrange lgroupToTraces into a d3-friendly array of arrays var lgroupsLength = lgroups.length, ltraces, legendData; if(hasOneNonBlankGroup && helpers.isGrouped(opts)) { legendData = new Array(lgroupsLength); for(i = 0; i < lgroupsLength; i++) { ltraces = lgroupToTraces[lgroups[i]]; legendData[i] = helpers.isReversed(opts) ? ltraces.reverse() : ltraces; } } else { // collapse all groups into one if all groups are blank legendData = [new Array(lgroupsLength)]; for(i = 0; i < lgroupsLength; i++) { ltraces = lgroupToTraces[lgroups[i]][0]; legendData[0][helpers.isReversed(opts) ? lgroupsLength - i - 1 : i] = ltraces; } lgroupsLength = 1; } // needed in repositionLegend opts._lgroupsLength = lgroupsLength; return legendData; }; },{"../../registry":219,"./helpers":90}],90:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = require('../../registry'); exports.legendGetsTrace = function legendGetsTrace(trace) { return trace.visible && Registry.traceIs(trace, 'showLegend'); }; exports.isGrouped = function isGrouped(legendLayout) { return (legendLayout.traceorder || '').indexOf('grouped') !== -1; }; exports.isVertical = function isVertical(legendLayout) { return legendLayout.orientation !== 'h'; }; exports.isReversed = function isReversed(legendLayout) { return (legendLayout.traceorder || '').indexOf('reversed') !== -1; }; },{"../../registry":219}],91:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { moduleType: 'component', name: 'legend', layoutAttributes: require('./attributes'), supplyLayoutDefaults: require('./defaults'), draw: require('./draw'), style: require('./style') }; },{"./attributes":85,"./defaults":87,"./draw":88,"./style":92}],92:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Registry = require('../../registry'); var Lib = require('../../lib'); var Drawing = require('../drawing'); var Color = require('../color'); var subTypes = require('../../traces/scatter/subtypes'); var stylePie = require('../../traces/pie/style_one'); module.exports = function style(s, gd) { s.each(function(d) { var traceGroup = d3.select(this); var layers = traceGroup.selectAll('g.layers') .data([0]); layers.enter().append('g') .classed('layers', true); layers.style('opacity', d[0].trace.opacity); var fill = layers .selectAll('g.legendfill') .data([d]); fill.enter().append('g') .classed('legendfill', true); var line = layers .selectAll('g.legendlines') .data([d]); line.enter().append('g') .classed('legendlines', true); var symbol = layers .selectAll('g.legendsymbols') .data([d]); symbol.enter().append('g') .classed('legendsymbols', true); symbol.selectAll('g.legendpoints') .data([d]) .enter().append('g') .classed('legendpoints', true); }) .each(styleBars) .each(styleBoxes) .each(stylePies) .each(styleLines) .each(stylePoints); function styleLines(d) { var trace = d[0].trace, showFill = trace.visible && trace.fill && trace.fill !== 'none', showLine = subTypes.hasLines(trace); if(trace && trace._module && trace._module.name === 'contourcarpet') { showLine = trace.contours.showlines; showFill = trace.contours.coloring === 'fill'; } var fill = d3.select(this).select('.legendfill').selectAll('path') .data(showFill ? [d] : []); fill.enter().append('path').classed('js-fill', true); fill.exit().remove(); fill.attr('d', 'M5,0h30v6h-30z') .call(Drawing.fillGroupStyle); var line = d3.select(this).select('.legendlines').selectAll('path') .data(showLine ? [d] : []); line.enter().append('path').classed('js-line', true) .attr('d', 'M5,0h30'); line.exit().remove(); line.call(Drawing.lineGroupStyle); } function stylePoints(d) { var d0 = d[0], trace = d0.trace, showMarkers = subTypes.hasMarkers(trace), showText = subTypes.hasText(trace), showLines = subTypes.hasLines(trace); var dMod, tMod; // 'scatter3d' and 'scattergeo' don't use gd.calcdata yet; // use d0.trace to infer arrayOk attributes function boundVal(attrIn, arrayToValFn, bounds) { var valIn = Lib.nestedProperty(trace, attrIn).get(), valToBound = (Array.isArray(valIn) && arrayToValFn) ? arrayToValFn(valIn) : valIn; if(bounds) { if(valToBound < bounds[0]) return bounds[0]; else if(valToBound > bounds[1]) return bounds[1]; } return valToBound; } function pickFirst(array) { return array[0]; } // constrain text, markers, etc so they'll fit on the legend if(showMarkers || showText || showLines) { var dEdit = {}, tEdit = {}; if(showMarkers) { dEdit.mc = boundVal('marker.color', pickFirst); dEdit.mo = boundVal('marker.opacity', Lib.mean, [0.2, 1]); dEdit.ms = boundVal('marker.size', Lib.mean, [2, 16]); dEdit.mlc = boundVal('marker.line.color', pickFirst); dEdit.mlw = boundVal('marker.line.width', Lib.mean, [0, 5]); tEdit.marker = { sizeref: 1, sizemin: 1, sizemode: 'diameter' }; } if(showLines) { tEdit.line = { width: boundVal('line.width', pickFirst, [0, 10]) }; } if(showText) { dEdit.tx = 'Aa'; dEdit.tp = boundVal('textposition', pickFirst); dEdit.ts = 10; dEdit.tc = boundVal('textfont.color', pickFirst); dEdit.tf = boundVal('textfont.family', pickFirst); } dMod = [Lib.minExtend(d0, dEdit)]; tMod = Lib.minExtend(trace, tEdit); } var ptgroup = d3.select(this).select('g.legendpoints'); var pts = ptgroup.selectAll('path.scatterpts') .data(showMarkers ? dMod : []); pts.enter().append('path').classed('scatterpts', true) .attr('transform', 'translate(20,0)'); pts.exit().remove(); pts.call(Drawing.pointStyle, tMod, gd); // 'mrc' is set in pointStyle and used in textPointStyle: // constrain it here if(showMarkers) dMod[0].mrc = 3; var txt = ptgroup.selectAll('g.pointtext') .data(showText ? dMod : []); txt.enter() .append('g').classed('pointtext', true) .append('text').attr('transform', 'translate(20,0)'); txt.exit().remove(); txt.selectAll('text').call(Drawing.textPointStyle, tMod, gd); } function styleBars(d) { var trace = d[0].trace, marker = trace.marker || {}, markerLine = marker.line || {}, barpath = d3.select(this).select('g.legendpoints') .selectAll('path.legendbar') .data(Registry.traceIs(trace, 'bar') ? [d] : []); barpath.enter().append('path').classed('legendbar', true) .attr('d', 'M6,6H-6V-6H6Z') .attr('transform', 'translate(20,0)'); barpath.exit().remove(); barpath.each(function(d) { var p = d3.select(this), d0 = d[0], w = (d0.mlw + 1 || markerLine.width + 1) - 1; p.style('stroke-width', w + 'px') .call(Color.fill, d0.mc || marker.color); if(w) { p.call(Color.stroke, d0.mlc || markerLine.color); } }); } function styleBoxes(d) { var trace = d[0].trace, pts = d3.select(this).select('g.legendpoints') .selectAll('path.legendbox') .data(Registry.traceIs(trace, 'box') && trace.visible ? [d] : []); pts.enter().append('path').classed('legendbox', true) // if we want the median bar, prepend M6,0H-6 .attr('d', 'M6,6H-6V-6H6Z') .attr('transform', 'translate(20,0)'); pts.exit().remove(); pts.each(function() { var w = trace.line.width, p = d3.select(this); p.style('stroke-width', w + 'px') .call(Color.fill, trace.fillcolor); if(w) { p.call(Color.stroke, trace.line.color); } }); } function stylePies(d) { var trace = d[0].trace, pts = d3.select(this).select('g.legendpoints') .selectAll('path.legendpie') .data(Registry.traceIs(trace, 'pie') && trace.visible ? [d] : []); pts.enter().append('path').classed('legendpie', true) .attr('d', 'M6,6H-6V-6H6Z') .attr('transform', 'translate(20,0)'); pts.exit().remove(); if(pts.size()) pts.call(stylePie, d[0], trace); } }; },{"../../lib":147,"../../registry":219,"../../traces/pie/style_one":251,"../../traces/scatter/subtypes":273,"../color":34,"../drawing":58,"d3":7}],93:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Plotly = require('../../plotly'); var Plots = require('../../plots/plots'); var Axes = require('../../plots/cartesian/axes'); var Lib = require('../../lib'); var downloadImage = require('../../snapshot/download'); var Icons = require('../../../build/ploticon'); var modeBarButtons = module.exports = {}; /** * ModeBar buttons configuration * * @param {string} name * name / id of the buttons (for tracking) * @param {string} title * text that appears while hovering over the button, * enter null, false or '' for no hover text * @param {string} icon * svg icon object associated with the button * can be linked to Plotly.Icons to use the default plotly icons * @param {string} [gravity] * icon positioning * @param {function} click * click handler associated with the button, a function of * 'gd' (the main graph object) and * 'ev' (the event object) * @param {string} [attr] * attribute associated with button, * use this with 'val' to keep track of the state * @param {*} [val] * initial 'attr' value, can be a function of gd * @param {boolean} [toggle] * is the button a toggle button? */ modeBarButtons.toImage = { name: 'toImage', title: 'Download plot as a png', icon: Icons.camera, click: function(gd) { var format = 'png'; Lib.notifier('Taking snapshot - this may take a few seconds', 'long'); if(Lib.isIE()) { Lib.notifier('IE only supports svg. Changing format to svg.', 'long'); format = 'svg'; } downloadImage(gd, {'format': format}) .then(function(filename) { Lib.notifier('Snapshot succeeded - ' + filename, 'long'); }) .catch(function() { Lib.notifier('Sorry there was a problem downloading your snapshot!', 'long'); }); } }; modeBarButtons.sendDataToCloud = { name: 'sendDataToCloud', title: 'Save and edit plot in cloud', icon: Icons.disk, click: function(gd) { Plots.sendDataToCloud(gd); } }; modeBarButtons.zoom2d = { name: 'zoom2d', title: 'Zoom', attr: 'dragmode', val: 'zoom', icon: Icons.zoombox, click: handleCartesian }; modeBarButtons.pan2d = { name: 'pan2d', title: 'Pan', attr: 'dragmode', val: 'pan', icon: Icons.pan, click: handleCartesian }; modeBarButtons.select2d = { name: 'select2d', title: 'Box Select', attr: 'dragmode', val: 'select', icon: Icons.selectbox, click: handleCartesian }; modeBarButtons.lasso2d = { name: 'lasso2d', title: 'Lasso Select', attr: 'dragmode', val: 'lasso', icon: Icons.lasso, click: handleCartesian }; modeBarButtons.zoomIn2d = { name: 'zoomIn2d', title: 'Zoom in', attr: 'zoom', val: 'in', icon: Icons.zoom_plus, click: handleCartesian }; modeBarButtons.zoomOut2d = { name: 'zoomOut2d', title: 'Zoom out', attr: 'zoom', val: 'out', icon: Icons.zoom_minus, click: handleCartesian }; modeBarButtons.autoScale2d = { name: 'autoScale2d', title: 'Autoscale', attr: 'zoom', val: 'auto', icon: Icons.autoscale, click: handleCartesian }; modeBarButtons.resetScale2d = { name: 'resetScale2d', title: 'Reset axes', attr: 'zoom', val: 'reset', icon: Icons.home, click: handleCartesian }; modeBarButtons.hoverClosestCartesian = { name: 'hoverClosestCartesian', title: 'Show closest data on hover', attr: 'hovermode', val: 'closest', icon: Icons.tooltip_basic, gravity: 'ne', click: handleCartesian }; modeBarButtons.hoverCompareCartesian = { name: 'hoverCompareCartesian', title: 'Compare data on hover', attr: 'hovermode', val: function(gd) { return gd._fullLayout._isHoriz ? 'y' : 'x'; }, icon: Icons.tooltip_compare, gravity: 'ne', click: handleCartesian }; function handleCartesian(gd, ev) { var button = ev.currentTarget, astr = button.getAttribute('data-attr'), val = button.getAttribute('data-val') || true, fullLayout = gd._fullLayout, aobj = {}, axList = Axes.list(gd, null, true), ax, allEnabled = 'on', i; if(astr === 'zoom') { var mag = (val === 'in') ? 0.5 : 2, r0 = (1 + mag) / 2, r1 = (1 - mag) / 2; var axName; for(i = 0; i < axList.length; i++) { ax = axList[i]; if(!ax.fixedrange) { axName = ax._name; if(val === 'auto') aobj[axName + '.autorange'] = true; else if(val === 'reset') { if(ax._rangeInitial === undefined) { aobj[axName + '.autorange'] = true; } else { var rangeInitial = ax._rangeInitial.slice(); aobj[axName + '.range[0]'] = rangeInitial[0]; aobj[axName + '.range[1]'] = rangeInitial[1]; } if(ax._showSpikeInitial !== undefined) { aobj[axName + '.showspikes'] = ax._showSpikeInitial; if(allEnabled === 'on' && !ax._showSpikeInitial) { allEnabled = 'off'; } } } else { var rangeNow = [ ax.r2l(ax.range[0]), ax.r2l(ax.range[1]), ]; var rangeNew = [ r0 * rangeNow[0] + r1 * rangeNow[1], r0 * rangeNow[1] + r1 * rangeNow[0] ]; aobj[axName + '.range[0]'] = ax.l2r(rangeNew[0]); aobj[axName + '.range[1]'] = ax.l2r(rangeNew[1]); } } } fullLayout._cartesianSpikesEnabled = allEnabled; } else { // if ALL traces have orientation 'h', 'hovermode': 'x' otherwise: 'y' if(astr === 'hovermode' && (val === 'x' || val === 'y')) { val = fullLayout._isHoriz ? 'y' : 'x'; button.setAttribute('data-val', val); if(val !== 'closest') { fullLayout._cartesianSpikesEnabled = 'off'; } } else if(astr === 'hovermode' && val === 'closest') { for(i = 0; i < axList.length; i++) { ax = axList[i]; if(allEnabled === 'on' && !ax.showspikes) { allEnabled = 'off'; } } fullLayout._cartesianSpikesEnabled = allEnabled; } aobj[astr] = val; } Plotly.relayout(gd, aobj); } modeBarButtons.zoom3d = { name: 'zoom3d', title: 'Zoom', attr: 'scene.dragmode', val: 'zoom', icon: Icons.zoombox, click: handleDrag3d }; modeBarButtons.pan3d = { name: 'pan3d', title: 'Pan', attr: 'scene.dragmode', val: 'pan', icon: Icons.pan, click: handleDrag3d }; modeBarButtons.orbitRotation = { name: 'orbitRotation', title: 'orbital rotation', attr: 'scene.dragmode', val: 'orbit', icon: Icons['3d_rotate'], click: handleDrag3d }; modeBarButtons.tableRotation = { name: 'tableRotation', title: 'turntable rotation', attr: 'scene.dragmode', val: 'turntable', icon: Icons['z-axis'], click: handleDrag3d }; function handleDrag3d(gd, ev) { var button = ev.currentTarget, attr = button.getAttribute('data-attr'), val = button.getAttribute('data-val') || true, fullLayout = gd._fullLayout, sceneIds = Plots.getSubplotIds(fullLayout, 'gl3d'), layoutUpdate = {}; var parts = attr.split('.'); for(var i = 0; i < sceneIds.length; i++) { layoutUpdate[sceneIds[i] + '.' + parts[1]] = val; } Plotly.relayout(gd, layoutUpdate); } modeBarButtons.resetCameraDefault3d = { name: 'resetCameraDefault3d', title: 'Reset camera to default', attr: 'resetDefault', icon: Icons.home, click: handleCamera3d }; modeBarButtons.resetCameraLastSave3d = { name: 'resetCameraLastSave3d', title: 'Reset camera to last save', attr: 'resetLastSave', icon: Icons.movie, click: handleCamera3d }; function handleCamera3d(gd, ev) { var button = ev.currentTarget, attr = button.getAttribute('data-attr'), fullLayout = gd._fullLayout, sceneIds = Plots.getSubplotIds(fullLayout, 'gl3d'), aobj = {}; for(var i = 0; i < sceneIds.length; i++) { var sceneId = sceneIds[i], key = sceneId + '.camera', scene = fullLayout[sceneId]._scene; if(attr === 'resetDefault') { aobj[key] = null; } else if(attr === 'resetLastSave') { aobj[key] = Lib.extendDeep({}, scene.cameraInitial); } } Plotly.relayout(gd, aobj); } modeBarButtons.hoverClosest3d = { name: 'hoverClosest3d', title: 'Toggle show closest data on hover', attr: 'hovermode', val: null, toggle: true, icon: Icons.tooltip_basic, gravity: 'ne', click: handleHover3d }; function handleHover3d(gd, ev) { var button = ev.currentTarget, val = button._previousVal || false, layout = gd.layout, fullLayout = gd._fullLayout, sceneIds = Plots.getSubplotIds(fullLayout, 'gl3d'); var axes = ['xaxis', 'yaxis', 'zaxis'], spikeAttrs = ['showspikes', 'spikesides', 'spikethickness', 'spikecolor']; // initialize 'current spike' object to be stored in the DOM var currentSpikes = {}, axisSpikes = {}, layoutUpdate = {}; if(val) { layoutUpdate = Lib.extendDeep(layout, val); button._previousVal = null; } else { layoutUpdate = { 'allaxes.showspikes': false }; for(var i = 0; i < sceneIds.length; i++) { var sceneId = sceneIds[i], sceneLayout = fullLayout[sceneId], sceneSpikes = currentSpikes[sceneId] = {}; sceneSpikes.hovermode = sceneLayout.hovermode; layoutUpdate[sceneId + '.hovermode'] = false; // copy all the current spike attrs for(var j = 0; j < 3; j++) { var axis = axes[j]; axisSpikes = sceneSpikes[axis] = {}; for(var k = 0; k < spikeAttrs.length; k++) { var spikeAttr = spikeAttrs[k]; axisSpikes[spikeAttr] = sceneLayout[axis][spikeAttr]; } } } button._previousVal = Lib.extendDeep({}, currentSpikes); } Plotly.relayout(gd, layoutUpdate); } modeBarButtons.zoomInGeo = { name: 'zoomInGeo', title: 'Zoom in', attr: 'zoom', val: 'in', icon: Icons.zoom_plus, click: handleGeo }; modeBarButtons.zoomOutGeo = { name: 'zoomOutGeo', title: 'Zoom out', attr: 'zoom', val: 'out', icon: Icons.zoom_minus, click: handleGeo }; modeBarButtons.resetGeo = { name: 'resetGeo', title: 'Reset', attr: 'reset', val: null, icon: Icons.autoscale, click: handleGeo }; modeBarButtons.hoverClosestGeo = { name: 'hoverClosestGeo', title: 'Toggle show closest data on hover', attr: 'hovermode', val: null, toggle: true, icon: Icons.tooltip_basic, gravity: 'ne', click: toggleHover }; function handleGeo(gd, ev) { var button = ev.currentTarget, attr = button.getAttribute('data-attr'), val = button.getAttribute('data-val') || true, fullLayout = gd._fullLayout, geoIds = Plots.getSubplotIds(fullLayout, 'geo'); for(var i = 0; i < geoIds.length; i++) { var geo = fullLayout[geoIds[i]]._subplot; if(attr === 'zoom') { var scale = geo.projection.scale(); var newScale = (val === 'in') ? 2 * scale : 0.5 * scale; geo.projection.scale(newScale); geo.zoom.scale(newScale); geo.render(); } else if(attr === 'reset') geo.zoomReset(); } } modeBarButtons.hoverClosestGl2d = { name: 'hoverClosestGl2d', title: 'Toggle show closest data on hover', attr: 'hovermode', val: null, toggle: true, icon: Icons.tooltip_basic, gravity: 'ne', click: toggleHover }; modeBarButtons.hoverClosestPie = { name: 'hoverClosestPie', title: 'Toggle show closest data on hover', attr: 'hovermode', val: 'closest', icon: Icons.tooltip_basic, gravity: 'ne', click: toggleHover }; function toggleHover(gd) { var fullLayout = gd._fullLayout; var onHoverVal; if(fullLayout._has('cartesian')) { onHoverVal = fullLayout._isHoriz ? 'y' : 'x'; } else onHoverVal = 'closest'; var newHover = gd._fullLayout.hovermode ? false : onHoverVal; Plotly.relayout(gd, 'hovermode', newHover); } // buttons when more then one plot types are present modeBarButtons.toggleHover = { name: 'toggleHover', title: 'Toggle show closest data on hover', attr: 'hovermode', val: null, toggle: true, icon: Icons.tooltip_basic, gravity: 'ne', click: function(gd, ev) { toggleHover(gd); // the 3d hovermode update must come // last so that layout.hovermode update does not // override scene?.hovermode?.layout. handleHover3d(gd, ev); } }; modeBarButtons.resetViews = { name: 'resetViews', title: 'Reset views', icon: Icons.home, click: function(gd, ev) { var button = ev.currentTarget; button.setAttribute('data-attr', 'zoom'); button.setAttribute('data-val', 'reset'); handleCartesian(gd, ev); button.setAttribute('data-attr', 'resetLastSave'); handleCamera3d(gd, ev); // N.B handleCamera3d also triggers a replot for // geo subplots. } }; modeBarButtons.toggleSpikelines = { name: 'toggleSpikelines', title: 'Toggle Spike Lines', icon: Icons.spikeline, attr: '_cartesianSpikesEnabled', val: 'on', click: function(gd) { var fullLayout = gd._fullLayout; fullLayout._cartesianSpikesEnabled = fullLayout.hovermode === 'closest' ? (fullLayout._cartesianSpikesEnabled === 'on' ? 'off' : 'on') : 'on'; var aobj = setSpikelineVisibility(gd); aobj.hovermode = 'closest'; Plotly.relayout(gd, aobj); } }; function setSpikelineVisibility(gd) { var fullLayout = gd._fullLayout, axList = Axes.list(gd, null, true), ax, axName, aobj = {}; for(var i = 0; i < axList.length; i++) { ax = axList[i]; axName = ax._name; aobj[axName + '.showspikes'] = fullLayout._cartesianSpikesEnabled === 'on' ? true : false; } return aobj; } modeBarButtons.resetViewMapbox = { name: 'resetViewMapbox', title: 'Reset view', attr: 'reset', icon: Icons.home, click: function(gd) { var fullLayout = gd._fullLayout; var subplotIds = Plots.getSubplotIds(fullLayout, 'mapbox'); var aObj = {}; for(var i = 0; i < subplotIds.length; i++) { var id = subplotIds[i]; var subplotObj = fullLayout[id]._subplot; var viewInitial = subplotObj.viewInitial; var viewKeys = Object.keys(viewInitial); for(var j = 0; j < viewKeys.length; j++) { var key = viewKeys[j]; aObj[id + '.' + key] = viewInitial[key]; } } Plotly.relayout(gd, aObj); } }; },{"../../../build/ploticon":2,"../../lib":147,"../../plotly":178,"../../plots/cartesian/axes":183,"../../plots/plots":212,"../../snapshot/download":221}],94:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; exports.manage = require('./manage'); },{"./manage":95}],95:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Axes = require('../../plots/cartesian/axes'); var scatterSubTypes = require('../../traces/scatter/subtypes'); var Registry = require('../../registry'); var createModeBar = require('./modebar'); var modeBarButtons = require('./buttons'); /** * ModeBar wrapper around 'create' and 'update', * chooses buttons to pass to ModeBar constructor based on * plot type and plot config. * * @param {object} gd main plot object * */ module.exports = function manageModeBar(gd) { var fullLayout = gd._fullLayout, context = gd._context, modeBar = fullLayout._modeBar; if(!context.displayModeBar) { if(modeBar) { modeBar.destroy(); delete fullLayout._modeBar; } return; } if(!Array.isArray(context.modeBarButtonsToRemove)) { throw new Error([ '*modeBarButtonsToRemove* configuration options', 'must be an array.' ].join(' ')); } if(!Array.isArray(context.modeBarButtonsToAdd)) { throw new Error([ '*modeBarButtonsToAdd* configuration options', 'must be an array.' ].join(' ')); } var customButtons = context.modeBarButtons; var buttonGroups; if(Array.isArray(customButtons) && customButtons.length) { buttonGroups = fillCustomButton(customButtons); } else { buttonGroups = getButtonGroups( gd, context.modeBarButtonsToRemove, context.modeBarButtonsToAdd ); } if(modeBar) modeBar.update(gd, buttonGroups); else fullLayout._modeBar = createModeBar(gd, buttonGroups); }; // logic behind which buttons are displayed by default function getButtonGroups(gd, buttonsToRemove, buttonsToAdd) { var fullLayout = gd._fullLayout, fullData = gd._fullData; var hasCartesian = fullLayout._has('cartesian'), hasGL3D = fullLayout._has('gl3d'), hasGeo = fullLayout._has('geo'), hasPie = fullLayout._has('pie'), hasGL2D = fullLayout._has('gl2d'), hasTernary = fullLayout._has('ternary'), hasMapbox = fullLayout._has('mapbox'); var groups = []; function addGroup(newGroup) { var out = []; for(var i = 0; i < newGroup.length; i++) { var button = newGroup[i]; if(buttonsToRemove.indexOf(button) !== -1) continue; out.push(modeBarButtons[button]); } groups.push(out); } // buttons common to all plot types addGroup(['toImage', 'sendDataToCloud']); // graphs with more than one plot types get 'union buttons' // which reset the view or toggle hover labels across all subplots. if((hasCartesian || hasGL2D || hasPie || hasTernary) + hasGeo + hasGL3D > 1) { addGroup(['resetViews', 'toggleHover']); return appendButtonsToGroups(groups, buttonsToAdd); } if(hasGL3D) { addGroup(['zoom3d', 'pan3d', 'orbitRotation', 'tableRotation']); addGroup(['resetCameraDefault3d', 'resetCameraLastSave3d']); addGroup(['hoverClosest3d']); } if(hasGeo) { addGroup(['zoomInGeo', 'zoomOutGeo', 'resetGeo']); addGroup(['hoverClosestGeo']); } var allAxesFixed = areAllAxesFixed(fullLayout), dragModeGroup = []; if(((hasCartesian || hasGL2D) && !allAxesFixed) || hasTernary) { dragModeGroup = ['zoom2d', 'pan2d']; } if(hasMapbox) { dragModeGroup = ['pan2d']; } if(isSelectable(fullData)) { dragModeGroup.push('select2d'); dragModeGroup.push('lasso2d'); } if(dragModeGroup.length) addGroup(dragModeGroup); if((hasCartesian || hasGL2D) && !allAxesFixed && !hasTernary) { addGroup(['zoomIn2d', 'zoomOut2d', 'autoScale2d', 'resetScale2d']); } if(hasCartesian && hasPie) { addGroup(['toggleHover']); } else if(hasGL2D) { addGroup(['hoverClosestGl2d']); } else if(hasCartesian) { addGroup(['toggleSpikelines', 'hoverClosestCartesian', 'hoverCompareCartesian']); } else if(hasPie) { addGroup(['hoverClosestPie']); } else if(hasMapbox) { addGroup(['resetViewMapbox', 'toggleHover']); } return appendButtonsToGroups(groups, buttonsToAdd); } function areAllAxesFixed(fullLayout) { var axList = Axes.list({_fullLayout: fullLayout}, null, true); var allFixed = true; for(var i = 0; i < axList.length; i++) { if(!axList[i].fixedrange) { allFixed = false; break; } } return allFixed; } // look for traces that support selection // to be updated as we add more selectPoints handlers function isSelectable(fullData) { var selectable = false; for(var i = 0; i < fullData.length; i++) { if(selectable) break; var trace = fullData[i]; if(!trace._module || !trace._module.selectPoints) continue; if(Registry.traceIs(trace, 'scatter-like')) { if(scatterSubTypes.hasMarkers(trace) || scatterSubTypes.hasText(trace)) { selectable = true; } } // assume that in general if the trace module has selectPoints, // then it's selectable. Scatter is an exception to this because it must // have markers or text, not just be a scatter type. else selectable = true; } return selectable; } function appendButtonsToGroups(groups, buttons) { if(buttons.length) { if(Array.isArray(buttons[0])) { for(var i = 0; i < buttons.length; i++) { groups.push(buttons[i]); } } else groups.push(buttons); } return groups; } // fill in custom buttons referring to default mode bar buttons function fillCustomButton(customButtons) { for(var i = 0; i < customButtons.length; i++) { var buttonGroup = customButtons[i]; for(var j = 0; j < buttonGroup.length; j++) { var button = buttonGroup[j]; if(typeof button === 'string') { if(modeBarButtons[button] !== undefined) { customButtons[i][j] = modeBarButtons[button]; } else { throw new Error([ '*modeBarButtons* configuration options', 'invalid button name' ].join(' ')); } } } } return customButtons; } },{"../../plots/cartesian/axes":183,"../../registry":219,"../../traces/scatter/subtypes":273,"./buttons":93,"./modebar":96}],96:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Lib = require('../../lib'); var Icons = require('../../../build/ploticon'); /** * UI controller for interactive plots * @Class * @Param {object} opts * @Param {object} opts.buttons nested arrays of grouped buttons config objects * @Param {object} opts.container container div to append modeBar * @Param {object} opts.graphInfo primary plot object containing data and layout */ function ModeBar(opts) { this.container = opts.container; this.element = document.createElement('div'); this.update(opts.graphInfo, opts.buttons); this.container.appendChild(this.element); } var proto = ModeBar.prototype; /** * Update modeBar (buttons and logo) * * @param {object} graphInfo primary plot object containing data and layout * @param {array of arrays} buttons nested arrays of grouped buttons to initialize * */ proto.update = function(graphInfo, buttons) { this.graphInfo = graphInfo; var context = this.graphInfo._context; if(context.displayModeBar === 'hover') { this.element.className = 'modebar modebar--hover'; } else this.element.className = 'modebar'; // if buttons or logo have changed, redraw modebar interior var needsNewButtons = !this.hasButtons(buttons), needsNewLogo = (this.hasLogo !== context.displaylogo); if(needsNewButtons || needsNewLogo) { this.removeAllButtons(); this.updateButtons(buttons); if(context.displaylogo) { this.element.appendChild(this.getLogo()); this.hasLogo = true; } } this.updateActiveButton(); }; proto.updateButtons = function(buttons) { var _this = this; this.buttons = buttons; this.buttonElements = []; this.buttonsNames = []; this.buttons.forEach(function(buttonGroup) { var group = _this.createGroup(); buttonGroup.forEach(function(buttonConfig) { var buttonName = buttonConfig.name; if(!buttonName) { throw new Error('must provide button \'name\' in button config'); } if(_this.buttonsNames.indexOf(buttonName) !== -1) { throw new Error('button name \'' + buttonName + '\' is taken'); } _this.buttonsNames.push(buttonName); var button = _this.createButton(buttonConfig); _this.buttonElements.push(button); group.appendChild(button); }); _this.element.appendChild(group); }); }; /** * Empty div for containing a group of buttons * @Return {HTMLelement} */ proto.createGroup = function() { var group = document.createElement('div'); group.className = 'modebar-group'; return group; }; /** * Create a new button div and set constant and configurable attributes * @Param {object} config (see ./buttons.js for more info) * @Return {HTMLelement} */ proto.createButton = function(config) { var _this = this, button = document.createElement('a'); button.setAttribute('rel', 'tooltip'); button.className = 'modebar-btn'; var title = config.title; if(title === undefined) title = config.name; if(title || title === 0) button.setAttribute('data-title', title); if(config.attr !== undefined) button.setAttribute('data-attr', config.attr); var val = config.val; if(val !== undefined) { if(typeof val === 'function') val = val(this.graphInfo); button.setAttribute('data-val', val); } var click = config.click; if(typeof click !== 'function') { throw new Error('must provide button \'click\' function in button config'); } else { button.addEventListener('click', function(ev) { config.click(_this.graphInfo, ev); // only needed for 'hoverClosestGeo' which does not call relayout _this.updateActiveButton(ev.currentTarget); }); } button.setAttribute('data-toggle', config.toggle || false); if(config.toggle) d3.select(button).classed('active', true); button.appendChild(this.createIcon(config.icon || Icons.question, config.name)); button.setAttribute('data-gravity', config.gravity || 'n'); return button; }; /** * Add an icon to a button * @Param {object} thisIcon * @Param {number} thisIcon.width * @Param {string} thisIcon.path * @Return {HTMLelement} */ proto.createIcon = function(thisIcon, name) { var iconHeight = thisIcon.ascent - thisIcon.descent, svgNS = 'http://www.w3.org/2000/svg', icon = document.createElementNS(svgNS, 'svg'), path = document.createElementNS(svgNS, 'path'); icon.setAttribute('height', '1em'); icon.setAttribute('width', (thisIcon.width / iconHeight) + 'em'); icon.setAttribute('viewBox', [0, 0, thisIcon.width, iconHeight].join(' ')); var transform = name === 'toggleSpikelines' ? 'matrix(1.5 0 0 -1.5 0 ' + thisIcon.ascent + ')' : 'matrix(1 0 0 -1 0 ' + thisIcon.ascent + ')'; path.setAttribute('d', thisIcon.path); path.setAttribute('transform', transform); icon.appendChild(path); return icon; }; /** * Updates active button with attribute specified in layout * @Param {object} graphInfo plot object containing data and layout * @Return {HTMLelement} */ proto.updateActiveButton = function(buttonClicked) { var fullLayout = this.graphInfo._fullLayout, dataAttrClicked = (buttonClicked !== undefined) ? buttonClicked.getAttribute('data-attr') : null; this.buttonElements.forEach(function(button) { var thisval = button.getAttribute('data-val') || true, dataAttr = button.getAttribute('data-attr'), isToggleButton = (button.getAttribute('data-toggle') === 'true'), button3 = d3.select(button); // Use 'data-toggle' and 'buttonClicked' to toggle buttons // that have no one-to-one equivalent in fullLayout if(isToggleButton) { if(dataAttr === dataAttrClicked) { button3.classed('active', !button3.classed('active')); } } else { var val = (dataAttr === null) ? dataAttr : Lib.nestedProperty(fullLayout, dataAttr).get(); button3.classed('active', val === thisval); } }); }; /** * Check if modeBar is configured as button configuration argument * * @Param {object} buttons 2d array of grouped button config objects * @Return {boolean} */ proto.hasButtons = function(buttons) { var currentButtons = this.buttons; if(!currentButtons) return false; if(buttons.length !== currentButtons.length) return false; for(var i = 0; i < buttons.length; ++i) { if(buttons[i].length !== currentButtons[i].length) return false; for(var j = 0; j < buttons[i].length; j++) { if(buttons[i][j].name !== currentButtons[i][j].name) return false; } } return true; }; /** * @return {HTMLDivElement} The logo image wrapped in a group */ proto.getLogo = function() { var group = this.createGroup(), a = document.createElement('a'); a.href = 'https://plot.ly/'; a.target = '_blank'; a.setAttribute('data-title', 'Produced with Plotly'); a.className = 'modebar-btn plotlyjsicon modebar-btn--logo'; a.appendChild(this.createIcon(Icons.plotlylogo)); group.appendChild(a); return group; }; proto.removeAllButtons = function() { while(this.element.firstChild) { this.element.removeChild(this.element.firstChild); } this.hasLogo = false; }; proto.destroy = function() { Lib.removeElement(this.container.querySelector('.modebar')); }; function createModeBar(gd, buttons) { var fullLayout = gd._fullLayout; var modeBar = new ModeBar({ graphInfo: gd, container: fullLayout._paperdiv.node(), buttons: buttons }); if(fullLayout._privateplot) { d3.select(modeBar.element).append('span') .classed('badge-private float--left', true) .text('PRIVATE'); } return modeBar; } module.exports = createModeBar; },{"../../../build/ploticon":2,"../../lib":147,"d3":7}],97:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var fontAttrs = require('../../plots/font_attributes'); var colorAttrs = require('../color/attributes'); var extendFlat = require('../../lib/extend').extendFlat; var buttonAttrs = require('./button_attributes'); buttonAttrs = extendFlat(buttonAttrs, { _isLinkedToArray: 'button', }); module.exports = { visible: { valType: 'boolean', }, buttons: buttonAttrs, x: { valType: 'number', min: -2, max: 3, }, xanchor: { valType: 'enumerated', values: ['auto', 'left', 'center', 'right'], dflt: 'left', }, y: { valType: 'number', min: -2, max: 3, }, yanchor: { valType: 'enumerated', values: ['auto', 'top', 'middle', 'bottom'], dflt: 'bottom', }, font: extendFlat({}, fontAttrs, { }), bgcolor: { valType: 'color', dflt: colorAttrs.lightLine, }, activecolor: { valType: 'color', }, bordercolor: { valType: 'color', dflt: colorAttrs.defaultLine, }, borderwidth: { valType: 'number', min: 0, dflt: 0, } }; },{"../../lib/extend":142,"../../plots/font_attributes":207,"../color/attributes":33,"./button_attributes":98}],98:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { step: { valType: 'enumerated', values: ['month', 'year', 'day', 'hour', 'minute', 'second', 'all'], dflt: 'month', }, stepmode: { valType: 'enumerated', values: ['backward', 'todate'], dflt: 'backward', }, count: { valType: 'number', min: 0, dflt: 1, }, label: { valType: 'string', } }; },{}],99:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { // 'y' position pad above counter axis domain yPad: 0.02, // minimum button width (regardless of text size) minButtonWidth: 30, // buttons rect radii rx: 3, ry: 3, // light fraction used to compute the 'activecolor' default lightAmount: 25, darkAmount: 10 }; },{}],100:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var Color = require('../color'); var attributes = require('./attributes'); var buttonAttrs = require('./button_attributes'); var constants = require('./constants'); module.exports = function handleDefaults(containerIn, containerOut, layout, counterAxes, calendar) { var selectorIn = containerIn.rangeselector || {}, selectorOut = containerOut.rangeselector = {}; function coerce(attr, dflt) { return Lib.coerce(selectorIn, selectorOut, attributes, attr, dflt); } var buttons = buttonsDefaults(selectorIn, selectorOut, calendar); var visible = coerce('visible', buttons.length > 0); if(!visible) return; var posDflt = getPosDflt(containerOut, layout, counterAxes); coerce('x', posDflt[0]); coerce('y', posDflt[1]); Lib.noneOrAll(containerIn, containerOut, ['x', 'y']); coerce('xanchor'); coerce('yanchor'); Lib.coerceFont(coerce, 'font', layout.font); var bgColor = coerce('bgcolor'); coerce('activecolor', Color.contrast(bgColor, constants.lightAmount, constants.darkAmount)); coerce('bordercolor'); coerce('borderwidth'); }; function buttonsDefaults(containerIn, containerOut, calendar) { var buttonsIn = containerIn.buttons || [], buttonsOut = containerOut.buttons = []; var buttonIn, buttonOut; function coerce(attr, dflt) { return Lib.coerce(buttonIn, buttonOut, buttonAttrs, attr, dflt); } for(var i = 0; i < buttonsIn.length; i++) { buttonIn = buttonsIn[i]; buttonOut = {}; if(!Lib.isPlainObject(buttonIn)) continue; var step = coerce('step'); if(step !== 'all') { if(calendar && calendar !== 'gregorian' && (step === 'month' || step === 'year')) { buttonOut.stepmode = 'backward'; } else { coerce('stepmode'); } coerce('count'); } coerce('label'); buttonOut._index = i; buttonsOut.push(buttonOut); } return buttonsOut; } function getPosDflt(containerOut, layout, counterAxes) { var anchoredList = counterAxes.filter(function(ax) { return layout[ax].anchor === containerOut._id; }); var posY = 0; for(var i = 0; i < anchoredList.length; i++) { var domain = layout[anchoredList[i]].domain; if(domain) posY = Math.max(domain[1], posY); } return [containerOut.domain[0], posY + constants.yPad]; } },{"../../lib":147,"../color":34,"./attributes":97,"./button_attributes":98,"./constants":99}],101:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Plotly = require('../../plotly'); var Plots = require('../../plots/plots'); var Color = require('../color'); var Drawing = require('../drawing'); var svgTextUtils = require('../../lib/svg_text_utils'); var axisIds = require('../../plots/cartesian/axis_ids'); var anchorUtils = require('../legend/anchor_utils'); var LINE_SPACING = require('../../constants/alignment').LINE_SPACING; var constants = require('./constants'); var getUpdateObject = require('./get_update_object'); module.exports = function draw(gd) { var fullLayout = gd._fullLayout; var selectors = fullLayout._infolayer.selectAll('.rangeselector') .data(makeSelectorData(gd), selectorKeyFunc); selectors.enter().append('g') .classed('rangeselector', true); selectors.exit().remove(); selectors.style({ cursor: 'pointer', 'pointer-events': 'all' }); selectors.each(function(d) { var selector = d3.select(this), axisLayout = d, selectorLayout = axisLayout.rangeselector; var buttons = selector.selectAll('g.button') .data(selectorLayout.buttons); buttons.enter().append('g') .classed('button', true); buttons.exit().remove(); buttons.each(function(d) { var button = d3.select(this); var update = getUpdateObject(axisLayout, d); d.isActive = isActive(axisLayout, d, update); button.call(drawButtonRect, selectorLayout, d); button.call(drawButtonText, selectorLayout, d, gd); button.on('click', function() { if(gd._dragged) return; Plotly.relayout(gd, update); }); button.on('mouseover', function() { d.isHovered = true; button.call(drawButtonRect, selectorLayout, d); }); button.on('mouseout', function() { d.isHovered = false; button.call(drawButtonRect, selectorLayout, d); }); }); // N.B. this mutates selectorLayout reposition(gd, buttons, selectorLayout, axisLayout._name); selector.attr('transform', 'translate(' + selectorLayout.lx + ',' + selectorLayout.ly + ')'); }); }; function makeSelectorData(gd) { var axes = axisIds.list(gd, 'x', true); var data = []; for(var i = 0; i < axes.length; i++) { var axis = axes[i]; if(axis.rangeselector && axis.rangeselector.visible) { data.push(axis); } } return data; } function selectorKeyFunc(d) { return d._id; } function isActive(axisLayout, opts, update) { if(opts.step === 'all') { return axisLayout.autorange === true; } else { var keys = Object.keys(update); return ( axisLayout.range[0] === update[keys[0]] && axisLayout.range[1] === update[keys[1]] ); } } function drawButtonRect(button, selectorLayout, d) { var rect = button.selectAll('rect') .data([0]); rect.enter().append('rect') .classed('selector-rect', true); rect.attr('shape-rendering', 'crispEdges'); rect.attr({ 'rx': constants.rx, 'ry': constants.ry }); rect.call(Color.stroke, selectorLayout.bordercolor) .call(Color.fill, getFillColor(selectorLayout, d)) .style('stroke-width', selectorLayout.borderwidth + 'px'); } function getFillColor(selectorLayout, d) { return (d.isActive || d.isHovered) ? selectorLayout.activecolor : selectorLayout.bgcolor; } function drawButtonText(button, selectorLayout, d, gd) { function textLayout(s) { svgTextUtils.convertToTspans(s, gd); } var text = button.selectAll('text') .data([0]); text.enter().append('text') .classed('selector-text', true) .classed('user-select-none', true); text.attr('text-anchor', 'middle'); text.call(Drawing.font, selectorLayout.font) .text(getLabel(d)) .call(textLayout); } function getLabel(opts) { if(opts.label) return opts.label; if(opts.step === 'all') return 'all'; return opts.count + opts.step.charAt(0); } function reposition(gd, buttons, opts, axName) { opts.width = 0; opts.height = 0; var borderWidth = opts.borderwidth; buttons.each(function() { var button = d3.select(this); var text = button.select('.selector-text'); var tHeight = opts.font.size * LINE_SPACING; var hEff = Math.max(tHeight * svgTextUtils.lineCount(text), 16) + 3; opts.height = Math.max(opts.height, hEff); }); buttons.each(function() { var button = d3.select(this); var rect = button.select('.selector-rect'); var text = button.select('.selector-text'); var tWidth = text.node() && Drawing.bBox(text.node()).width; var tHeight = opts.font.size * LINE_SPACING; var tLines = svgTextUtils.lineCount(text); var wEff = Math.max(tWidth + 10, constants.minButtonWidth); // TODO add MathJax support // TODO add buttongap attribute button.attr('transform', 'translate(' + (borderWidth + opts.width) + ',' + borderWidth + ')'); rect.attr({ x: 0, y: 0, width: wEff, height: opts.height }); svgTextUtils.positionText(text, wEff / 2, opts.height / 2 - ((tLines - 1) * tHeight / 2) + 3); opts.width += wEff + 5; }); buttons.selectAll('rect').attr('height', opts.height); var graphSize = gd._fullLayout._size; opts.lx = graphSize.l + graphSize.w * opts.x; opts.ly = graphSize.t + graphSize.h * (1 - opts.y); var xanchor = 'left'; if(anchorUtils.isRightAnchor(opts)) { opts.lx -= opts.width; xanchor = 'right'; } if(anchorUtils.isCenterAnchor(opts)) { opts.lx -= opts.width / 2; xanchor = 'center'; } var yanchor = 'top'; if(anchorUtils.isBottomAnchor(opts)) { opts.ly -= opts.height; yanchor = 'bottom'; } if(anchorUtils.isMiddleAnchor(opts)) { opts.ly -= opts.height / 2; yanchor = 'middle'; } opts.width = Math.ceil(opts.width); opts.height = Math.ceil(opts.height); opts.lx = Math.round(opts.lx); opts.ly = Math.round(opts.ly); Plots.autoMargin(gd, axName + '-range-selector', { x: opts.x, y: opts.y, l: opts.width * ({right: 1, center: 0.5}[xanchor] || 0), r: opts.width * ({left: 1, center: 0.5}[xanchor] || 0), b: opts.height * ({top: 1, middle: 0.5}[yanchor] || 0), t: opts.height * ({bottom: 1, middle: 0.5}[yanchor] || 0) }); } },{"../../constants/alignment":130,"../../lib/svg_text_utils":164,"../../plotly":178,"../../plots/cartesian/axis_ids":186,"../../plots/plots":212,"../color":34,"../drawing":58,"../legend/anchor_utils":84,"./constants":99,"./get_update_object":102,"d3":7}],102:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); module.exports = function getUpdateObject(axisLayout, buttonLayout) { var axName = axisLayout._name; var update = {}; if(buttonLayout.step === 'all') { update[axName + '.autorange'] = true; } else { var xrange = getXRange(axisLayout, buttonLayout); update[axName + '.range[0]'] = xrange[0]; update[axName + '.range[1]'] = xrange[1]; } return update; }; function getXRange(axisLayout, buttonLayout) { var currentRange = axisLayout.range; var base = new Date(axisLayout.r2l(currentRange[1])); var step = buttonLayout.step, count = buttonLayout.count; var range0; switch(buttonLayout.stepmode) { case 'backward': range0 = axisLayout.l2r(+d3.time[step].utc.offset(base, -count)); break; case 'todate': var base2 = d3.time[step].utc.offset(base, -count); range0 = axisLayout.l2r(+d3.time[step].utc.ceil(base2)); break; } var range1 = currentRange[1]; return [range0, range1]; } },{"d3":7}],103:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { moduleType: 'component', name: 'rangeselector', schema: { layout: { 'xaxis.rangeselector': require('./attributes') } }, layoutAttributes: require('./attributes'), handleDefaults: require('./defaults'), draw: require('./draw') }; },{"./attributes":97,"./defaults":100,"./draw":101}],104:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var colorAttributes = require('../color/attributes'); module.exports = { bgcolor: { valType: 'color', dflt: colorAttributes.background, }, bordercolor: { valType: 'color', dflt: colorAttributes.defaultLine, }, borderwidth: { valType: 'integer', dflt: 0, min: 0, }, autorange: { valType: 'boolean', dflt: true, }, range: { valType: 'info_array', items: [ {valType: 'any'}, {valType: 'any'} ], }, thickness: { valType: 'number', dflt: 0.15, min: 0, max: 1, }, visible: { valType: 'boolean', dflt: true, } }; },{"../color/attributes":33}],105:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Axes = require('../../plots/cartesian/axes'); var constants = require('./constants'); module.exports = function calcAutorange(gd) { var axes = Axes.list(gd, 'x', true); // Compute new slider range using axis autorange if necessary. // // Copy back range to input range slider container to skip // this step in subsequent draw calls. for(var i = 0; i < axes.length; i++) { var ax = axes[i], opts = ax[constants.name]; // Don't try calling getAutoRange if _min and _max are filled in. // This happens on updates where the calc step is skipped. if(opts && opts.visible && opts.autorange && ax._min.length && ax._max.length) { opts._input.autorange = true; opts._input.range = opts.range = Axes.getAutoRange(ax); } } }; },{"../../plots/cartesian/axes":183,"./constants":106}],106:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { // attribute container name name: 'rangeslider', // class names containerClassName: 'rangeslider-container', bgClassName: 'rangeslider-bg', rangePlotClassName: 'rangeslider-rangeplot', maskMinClassName: 'rangeslider-mask-min', maskMaxClassName: 'rangeslider-mask-max', slideBoxClassName: 'rangeslider-slidebox', grabberMinClassName: 'rangeslider-grabber-min', grabAreaMinClassName: 'rangeslider-grabarea-min', handleMinClassName: 'rangeslider-handle-min', grabberMaxClassName: 'rangeslider-grabber-max', grabAreaMaxClassName: 'rangeslider-grabarea-max', handleMaxClassName: 'rangeslider-handle-max', // style constants maskColor: 'rgba(0,0,0,0.4)', slideBoxFill: 'transparent', slideBoxCursor: 'ew-resize', grabAreaFill: 'transparent', grabAreaCursor: 'col-resize', grabAreaWidth: 10, handleWidth: 4, handleRadius: 1, handleStrokeWidth: 1, extraPad: 15 }; },{}],107:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var attributes = require('./attributes'); module.exports = function handleDefaults(layoutIn, layoutOut, axName) { if(!layoutIn[axName].rangeslider) return; // not super proud of this (maybe store _ in axis object instead if(!Lib.isPlainObject(layoutIn[axName].rangeslider)) { layoutIn[axName].rangeslider = {}; } var containerIn = layoutIn[axName].rangeslider, axOut = layoutOut[axName], containerOut = axOut.rangeslider = {}; function coerce(attr, dflt) { return Lib.coerce(containerIn, containerOut, attributes, attr, dflt); } var visible = coerce('visible'); if(!visible) return; coerce('bgcolor', layoutOut.plot_bgcolor); coerce('bordercolor'); coerce('borderwidth'); coerce('thickness'); coerce('autorange', !axOut.isValidRange(containerIn.range)); coerce('range'); // Expand slider range to the axis range // TODO: what if the ranges are reversed? if(containerOut.range) { var outRange = containerOut.range, axRange = axOut.range; outRange[0] = axOut.l2r(Math.min(axOut.r2l(outRange[0]), axOut.r2l(axRange[0]))); outRange[1] = axOut.l2r(Math.max(axOut.r2l(outRange[1]), axOut.r2l(axRange[1]))); } axOut.cleanRange('rangeslider.range'); // to map back range slider (auto) range containerOut._input = containerIn; }; },{"../../lib":147,"./attributes":104}],108:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Plotly = require('../../plotly'); var Plots = require('../../plots/plots'); var Lib = require('../../lib'); var Drawing = require('../drawing'); var Color = require('../color'); var Cartesian = require('../../plots/cartesian'); var Axes = require('../../plots/cartesian/axes'); var dragElement = require('../dragelement'); var setCursor = require('../../lib/setcursor'); var constants = require('./constants'); module.exports = function(gd) { var fullLayout = gd._fullLayout, rangeSliderData = makeRangeSliderData(fullLayout); /* * * * < .... range plot /> * * * * * * * * * * * ... */ function keyFunction(axisOpts) { return axisOpts._name; } var rangeSliders = fullLayout._infolayer .selectAll('g.' + constants.containerClassName) .data(rangeSliderData, keyFunction); rangeSliders.enter().append('g') .classed(constants.containerClassName, true) .attr('pointer-events', 'all'); // remove exiting sliders and their corresponding clip paths rangeSliders.exit().each(function(axisOpts) { var rangeSlider = d3.select(this), opts = axisOpts[constants.name]; rangeSlider.remove(); fullLayout._topdefs.select('#' + opts._clipId).remove(); }); // remove push margin object(s) if(rangeSliders.exit().size()) clearPushMargins(gd); // return early if no range slider is visible if(rangeSliderData.length === 0) return; // for all present range sliders rangeSliders.each(function(axisOpts) { var rangeSlider = d3.select(this), opts = axisOpts[constants.name], oppAxisOpts = fullLayout[Axes.id2name(axisOpts.anchor)]; // update range slider dimensions var margin = fullLayout.margin, graphSize = fullLayout._size, domain = axisOpts.domain, oppDomain = oppAxisOpts.domain, tickHeight = (axisOpts._boundingBox || {}).height || 0; opts._id = constants.name + axisOpts._id; opts._clipId = opts._id + '-' + fullLayout._uid; opts._width = graphSize.w * (domain[1] - domain[0]); opts._height = (fullLayout.height - margin.b - margin.t) * opts.thickness; opts._offsetShift = Math.floor(opts.borderwidth / 2); var x = Math.round(margin.l + (graphSize.w * domain[0])); var y = Math.round( margin.t + graphSize.h * (1 - oppDomain[0]) + tickHeight + opts._offsetShift + constants.extraPad ); rangeSlider.attr('transform', 'translate(' + x + ',' + y + ')'); // update data <--> pixel coordinate conversion methods var range0 = axisOpts.r2l(opts.range[0]), range1 = axisOpts.r2l(opts.range[1]), dist = range1 - range0; opts.p2d = function(v) { return (v / opts._width) * dist + range0; }; opts.d2p = function(v) { return (v - range0) / dist * opts._width; }; opts._rl = [range0, range1]; // update inner nodes rangeSlider .call(drawBg, gd, axisOpts, opts) .call(addClipPath, gd, axisOpts, opts) .call(drawRangePlot, gd, axisOpts, opts) .call(drawMasks, gd, axisOpts, opts) .call(drawSlideBox, gd, axisOpts, opts) .call(drawGrabbers, gd, axisOpts, opts); // setup drag element setupDragElement(rangeSlider, gd, axisOpts, opts); // update current range setPixelRange(rangeSlider, gd, axisOpts, opts); // update margins Plots.autoMargin(gd, opts._id, { x: domain[0], y: oppDomain[0], l: 0, r: 0, t: 0, b: opts._height + margin.b + tickHeight, pad: constants.extraPad + opts._offsetShift * 2 }); }); }; function makeRangeSliderData(fullLayout) { var axes = Axes.list({ _fullLayout: fullLayout }, 'x', true), name = constants.name, out = []; if(fullLayout._has('gl2d')) return out; for(var i = 0; i < axes.length; i++) { var ax = axes[i]; if(ax[name] && ax[name].visible) out.push(ax); } return out; } function setupDragElement(rangeSlider, gd, axisOpts, opts) { var slideBox = rangeSlider.select('rect.' + constants.slideBoxClassName).node(), grabAreaMin = rangeSlider.select('rect.' + constants.grabAreaMinClassName).node(), grabAreaMax = rangeSlider.select('rect.' + constants.grabAreaMaxClassName).node(); rangeSlider.on('mousedown', function() { var event = d3.event, target = event.target, startX = event.clientX, offsetX = startX - rangeSlider.node().getBoundingClientRect().left, minVal = opts.d2p(axisOpts._rl[0]), maxVal = opts.d2p(axisOpts._rl[1]); var dragCover = dragElement.coverSlip(); dragCover.addEventListener('mousemove', mouseMove); dragCover.addEventListener('mouseup', mouseUp); function mouseMove(e) { var delta = +e.clientX - startX; var pixelMin, pixelMax, cursor; switch(target) { case slideBox: cursor = 'ew-resize'; pixelMin = minVal + delta; pixelMax = maxVal + delta; break; case grabAreaMin: cursor = 'col-resize'; pixelMin = minVal + delta; pixelMax = maxVal; break; case grabAreaMax: cursor = 'col-resize'; pixelMin = minVal; pixelMax = maxVal + delta; break; default: cursor = 'ew-resize'; pixelMin = offsetX; pixelMax = offsetX + delta; break; } if(pixelMax < pixelMin) { var tmp = pixelMax; pixelMax = pixelMin; pixelMin = tmp; } opts._pixelMin = pixelMin; opts._pixelMax = pixelMax; setCursor(d3.select(dragCover), cursor); setDataRange(rangeSlider, gd, axisOpts, opts); } function mouseUp() { dragCover.removeEventListener('mousemove', mouseMove); dragCover.removeEventListener('mouseup', mouseUp); Lib.removeElement(dragCover); } }); } function setDataRange(rangeSlider, gd, axisOpts, opts) { function clamp(v) { return axisOpts.l2r(Lib.constrain(v, opts._rl[0], opts._rl[1])); } var dataMin = clamp(opts.p2d(opts._pixelMin)), dataMax = clamp(opts.p2d(opts._pixelMax)); window.requestAnimationFrame(function() { Plotly.relayout(gd, axisOpts._name + '.range', [dataMin, dataMax]); }); } function setPixelRange(rangeSlider, gd, axisOpts, opts) { var hw2 = constants.handleWidth / 2; function clamp(v) { return Lib.constrain(v, 0, opts._width); } function clampHandle(v) { return Lib.constrain(v, -hw2, opts._width + hw2); } var pixelMin = clamp(opts.d2p(axisOpts._rl[0])), pixelMax = clamp(opts.d2p(axisOpts._rl[1])); rangeSlider.select('rect.' + constants.slideBoxClassName) .attr('x', pixelMin) .attr('width', pixelMax - pixelMin); rangeSlider.select('rect.' + constants.maskMinClassName) .attr('width', pixelMin); rangeSlider.select('rect.' + constants.maskMaxClassName) .attr('x', pixelMax) .attr('width', opts._width - pixelMax); // add offset for crispier corners // https://github.com/plotly/plotly.js/pull/1409 var offset = 0.5; var xMin = Math.round(clampHandle(pixelMin - hw2)) - offset, xMax = Math.round(clampHandle(pixelMax - hw2)) + offset; rangeSlider.select('g.' + constants.grabberMinClassName) .attr('transform', 'translate(' + xMin + ',' + offset + ')'); rangeSlider.select('g.' + constants.grabberMaxClassName) .attr('transform', 'translate(' + xMax + ',' + offset + ')'); } function drawBg(rangeSlider, gd, axisOpts, opts) { var bg = rangeSlider.selectAll('rect.' + constants.bgClassName) .data([0]); bg.enter().append('rect') .classed(constants.bgClassName, true) .attr({ x: 0, y: 0, 'shape-rendering': 'crispEdges' }); var borderCorrect = (opts.borderwidth % 2) === 0 ? opts.borderwidth : opts.borderwidth - 1; var offsetShift = -opts._offsetShift; var lw = Drawing.crispRound(gd, opts.borderwidth); bg.attr({ width: opts._width + borderCorrect, height: opts._height + borderCorrect, transform: 'translate(' + offsetShift + ',' + offsetShift + ')', fill: opts.bgcolor, stroke: opts.bordercolor, 'stroke-width': lw }); } function addClipPath(rangeSlider, gd, axisOpts, opts) { var fullLayout = gd._fullLayout; var clipPath = fullLayout._topdefs.selectAll('#' + opts._clipId) .data([0]); clipPath.enter().append('clipPath') .attr('id', opts._clipId) .append('rect') .attr({ x: 0, y: 0 }); clipPath.select('rect').attr({ width: opts._width, height: opts._height }); } function drawRangePlot(rangeSlider, gd, axisOpts, opts) { var subplotData = Axes.getSubplots(gd, axisOpts), calcData = gd.calcdata; var rangePlots = rangeSlider.selectAll('g.' + constants.rangePlotClassName) .data(subplotData, Lib.identity); rangePlots.enter().append('g') .attr('class', function(id) { return constants.rangePlotClassName + ' ' + id; }) .call(Drawing.setClipUrl, opts._clipId); rangePlots.order(); rangePlots.exit().remove(); var mainplotinfo; rangePlots.each(function(id, i) { var plotgroup = d3.select(this), isMainPlot = (i === 0); var oppAxisOpts = Axes.getFromId(gd, id, 'y'), oppAxisName = oppAxisOpts._name; var mockFigure = { data: [], layout: { xaxis: { type: axisOpts.type, domain: [0, 1], range: opts.range.slice(), calendar: axisOpts.calendar }, width: opts._width, height: opts._height, margin: { t: 0, b: 0, l: 0, r: 0 } } }; mockFigure.layout[oppAxisName] = { type: oppAxisOpts.type, domain: [0, 1], range: oppAxisOpts.range.slice(), calendar: oppAxisOpts.calendar }; Plots.supplyDefaults(mockFigure); var xa = mockFigure._fullLayout.xaxis, ya = mockFigure._fullLayout[oppAxisName]; var plotinfo = { id: id, plotgroup: plotgroup, xaxis: xa, yaxis: ya }; if(isMainPlot) mainplotinfo = plotinfo; else { plotinfo.mainplot = 'xy'; plotinfo.mainplotinfo = mainplotinfo; } Cartesian.rangePlot(gd, plotinfo, filterRangePlotCalcData(calcData, id)); }); } function filterRangePlotCalcData(calcData, subplotId) { var out = []; for(var i = 0; i < calcData.length; i++) { var calcTrace = calcData[i], trace = calcTrace[0].trace; if(trace.xaxis + trace.yaxis === subplotId) { out.push(calcTrace); } } return out; } function drawMasks(rangeSlider, gd, axisOpts, opts) { var maskMin = rangeSlider.selectAll('rect.' + constants.maskMinClassName) .data([0]); maskMin.enter().append('rect') .classed(constants.maskMinClassName, true) .attr({ x: 0, y: 0 }) .attr('shape-rendering', 'crispEdges'); maskMin .attr('height', opts._height) .call(Color.fill, constants.maskColor); var maskMax = rangeSlider.selectAll('rect.' + constants.maskMaxClassName) .data([0]); maskMax.enter().append('rect') .classed(constants.maskMaxClassName, true) .attr('y', 0) .attr('shape-rendering', 'crispEdges'); maskMax .attr('height', opts._height) .call(Color.fill, constants.maskColor); } function drawSlideBox(rangeSlider, gd, axisOpts, opts) { if(gd._context.staticPlot) return; var slideBox = rangeSlider.selectAll('rect.' + constants.slideBoxClassName) .data([0]); slideBox.enter().append('rect') .classed(constants.slideBoxClassName, true) .attr('y', 0) .attr('cursor', constants.slideBoxCursor) .attr('shape-rendering', 'crispEdges'); slideBox.attr({ height: opts._height, fill: constants.slideBoxFill }); } function drawGrabbers(rangeSlider, gd, axisOpts, opts) { // var grabberMin = rangeSlider.selectAll('g.' + constants.grabberMinClassName) .data([0]); grabberMin.enter().append('g') .classed(constants.grabberMinClassName, true); var grabberMax = rangeSlider.selectAll('g.' + constants.grabberMaxClassName) .data([0]); grabberMax.enter().append('g') .classed(constants.grabberMaxClassName, true); // var handleFixAttrs = { x: 0, width: constants.handleWidth, rx: constants.handleRadius, fill: Color.background, stroke: Color.defaultLine, 'stroke-width': constants.handleStrokeWidth, 'shape-rendering': 'crispEdges' }; var handleDynamicAttrs = { y: Math.round(opts._height / 4), height: Math.round(opts._height / 2), }; var handleMin = grabberMin.selectAll('rect.' + constants.handleMinClassName) .data([0]); handleMin.enter().append('rect') .classed(constants.handleMinClassName, true) .attr(handleFixAttrs); handleMin.attr(handleDynamicAttrs); var handleMax = grabberMax.selectAll('rect.' + constants.handleMaxClassName) .data([0]); handleMax.enter().append('rect') .classed(constants.handleMaxClassName, true) .attr(handleFixAttrs); handleMax.attr(handleDynamicAttrs); // if(gd._context.staticPlot) return; var grabAreaFixAttrs = { width: constants.grabAreaWidth, x: 0, y: 0, fill: constants.grabAreaFill, cursor: constants.grabAreaCursor }; var grabAreaMin = grabberMin.selectAll('rect.' + constants.grabAreaMinClassName) .data([0]); grabAreaMin.enter().append('rect') .classed(constants.grabAreaMinClassName, true) .attr(grabAreaFixAttrs); grabAreaMin.attr('height', opts._height); var grabAreaMax = grabberMax.selectAll('rect.' + constants.grabAreaMaxClassName) .data([0]); grabAreaMax.enter().append('rect') .classed(constants.grabAreaMaxClassName, true) .attr(grabAreaFixAttrs); grabAreaMax.attr('height', opts._height); } function clearPushMargins(gd) { var pushMargins = gd._fullLayout._pushmargin || {}, keys = Object.keys(pushMargins); for(var i = 0; i < keys.length; i++) { var k = keys[i]; if(k.indexOf(constants.name) !== -1) { Plots.autoMargin(gd, k); } } } },{"../../lib":147,"../../lib/setcursor":162,"../../plotly":178,"../../plots/cartesian":193,"../../plots/cartesian/axes":183,"../../plots/plots":212,"../color":34,"../dragelement":55,"../drawing":58,"./constants":106,"d3":7}],109:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { moduleType: 'component', name: 'rangeslider', schema: { layout: { 'xaxis.rangeslider': require('./attributes') } }, layoutAttributes: require('./attributes'), handleDefaults: require('./defaults'), calcAutorange: require('./calc_autorange'), draw: require('./draw') }; },{"./attributes":104,"./calc_autorange":105,"./defaults":107,"./draw":108}],110:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var annAttrs = require('../annotations/attributes'); var scatterLineAttrs = require('../../traces/scatter/attributes').line; var dash = require('../drawing/attributes').dash; var extendFlat = require('../../lib/extend').extendFlat; module.exports = { _isLinkedToArray: 'shape', visible: { valType: 'boolean', dflt: true, }, type: { valType: 'enumerated', values: ['circle', 'rect', 'path', 'line'], }, layer: { valType: 'enumerated', values: ['below', 'above'], dflt: 'above', }, xref: extendFlat({}, annAttrs.xref, { }), x0: { valType: 'any', }, x1: { valType: 'any', }, yref: extendFlat({}, annAttrs.yref, { }), y0: { valType: 'any', }, y1: { valType: 'any', }, path: { valType: 'string', }, opacity: { valType: 'number', min: 0, max: 1, dflt: 1, }, line: { color: scatterLineAttrs.color, width: scatterLineAttrs.width, dash: dash, }, fillcolor: { valType: 'color', dflt: 'rgba(0,0,0,0)', } }; },{"../../lib/extend":142,"../../traces/scatter/attributes":253,"../annotations/attributes":19,"../drawing/attributes":57}],111:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var Axes = require('../../plots/cartesian/axes'); var constants = require('./constants'); var helpers = require('./helpers'); module.exports = function calcAutorange(gd) { var fullLayout = gd._fullLayout, shapeList = Lib.filterVisible(fullLayout.shapes); if(!shapeList.length || !gd._fullData.length) return; for(var i = 0; i < shapeList.length; i++) { var shape = shapeList[i], ppad = shape.line.width / 2; var ax, bounds; if(shape.xref !== 'paper') { ax = Axes.getFromId(gd, shape.xref); bounds = shapeBounds(ax, shape.x0, shape.x1, shape.path, constants.paramIsX); if(bounds) Axes.expand(ax, bounds, {ppad: ppad}); } if(shape.yref !== 'paper') { ax = Axes.getFromId(gd, shape.yref); bounds = shapeBounds(ax, shape.y0, shape.y1, shape.path, constants.paramIsY); if(bounds) Axes.expand(ax, bounds, {ppad: ppad}); } } }; function shapeBounds(ax, v0, v1, path, paramsToUse) { var convertVal = (ax.type === 'category') ? ax.r2c : ax.d2c; if(v0 !== undefined) return [convertVal(v0), convertVal(v1)]; if(!path) return; var min = Infinity, max = -Infinity, segments = path.match(constants.segmentRE), i, segment, drawnParam, params, val; if(ax.type === 'date') convertVal = helpers.decodeDate(convertVal); for(i = 0; i < segments.length; i++) { segment = segments[i]; drawnParam = paramsToUse[segment.charAt(0)].drawn; if(drawnParam === undefined) continue; params = segments[i].substr(1).match(constants.paramRE); if(!params || params.length < drawnParam) continue; val = convertVal(params[drawnParam]); if(val < min) min = val; if(val > max) max = val; } if(max >= min) return [min, max]; } },{"../../lib":147,"../../plots/cartesian/axes":183,"./constants":112,"./helpers":115}],112:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { segmentRE: /[MLHVQCTSZ][^MLHVQCTSZ]*/g, paramRE: /[^\s,]+/g, // which numbers in each path segment are x (or y) values // drawn is which param is a drawn point, as opposed to a // control point (which doesn't count toward autorange. // TODO: this means curved paths could extend beyond the // autorange bounds. This is a bit tricky to get right // unless we revert to bounding boxes, but perhaps there's // a calculation we could do...) paramIsX: { M: {0: true, drawn: 0}, L: {0: true, drawn: 0}, H: {0: true, drawn: 0}, V: {}, Q: {0: true, 2: true, drawn: 2}, C: {0: true, 2: true, 4: true, drawn: 4}, T: {0: true, drawn: 0}, S: {0: true, 2: true, drawn: 2}, // A: {0: true, 5: true}, Z: {} }, paramIsY: { M: {1: true, drawn: 1}, L: {1: true, drawn: 1}, H: {}, V: {0: true, drawn: 0}, Q: {1: true, 3: true, drawn: 3}, C: {1: true, 3: true, 5: true, drawn: 5}, T: {1: true, drawn: 1}, S: {1: true, 3: true, drawn: 5}, // A: {1: true, 6: true}, Z: {} }, numParams: { M: 2, L: 2, H: 1, V: 1, Q: 4, C: 6, T: 2, S: 4, // A: 7, Z: 0 } }; },{}],113:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var handleArrayContainerDefaults = require('../../plots/array_container_defaults'); var handleShapeDefaults = require('./shape_defaults'); module.exports = function supplyLayoutDefaults(layoutIn, layoutOut) { var opts = { name: 'shapes', handleItemDefaults: handleShapeDefaults }; handleArrayContainerDefaults(layoutIn, layoutOut, opts); }; },{"../../plots/array_container_defaults":180,"./shape_defaults":117}],114:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Plotly = require('../../plotly'); var Lib = require('../../lib'); var Axes = require('../../plots/cartesian/axes'); var Color = require('../color'); var Drawing = require('../drawing'); var dragElement = require('../dragelement'); var setCursor = require('../../lib/setcursor'); var constants = require('./constants'); var helpers = require('./helpers'); // Shapes are stored in gd.layout.shapes, an array of objects // index can point to one item in this array, // or non-numeric to simply add a new one // or -1 to modify all existing // opt can be the full options object, or one key (to be set to value) // or undefined to simply redraw // if opt is blank, val can be 'add' or a full options object to add a new // annotation at that point in the array, or 'remove' to delete this one module.exports = { draw: draw, drawOne: drawOne }; function draw(gd) { var fullLayout = gd._fullLayout; // Remove previous shapes before drawing new in shapes in fullLayout.shapes fullLayout._shapeUpperLayer.selectAll('path').remove(); fullLayout._shapeLowerLayer.selectAll('path').remove(); fullLayout._shapeSubplotLayers.selectAll('path').remove(); for(var i = 0; i < fullLayout.shapes.length; i++) { if(fullLayout.shapes[i].visible) { drawOne(gd, i); } } // may need to resurrect this if we put text (LaTeX) in shapes // return Plots.previousPromises(gd); } function drawOne(gd, index) { // remove the existing shape if there is one. // because indices can change, we need to look in all shape layers gd._fullLayout._paper .selectAll('.shapelayer [data-index="' + index + '"]') .remove(); var optionsIn = (gd.layout.shapes || [])[index], options = gd._fullLayout.shapes[index]; // this shape is gone - quit now after deleting it // TODO: use d3 idioms instead of deleting and redrawing every time if(!optionsIn || options.visible === false) return; if(options.layer !== 'below') { drawShape(gd._fullLayout._shapeUpperLayer); } else if(options.xref === 'paper' || options.yref === 'paper') { drawShape(gd._fullLayout._shapeLowerLayer); } else { var plotinfo = gd._fullLayout._plots[options.xref + options.yref]; if(plotinfo) { var mainPlot = plotinfo.mainplot || plotinfo; drawShape(mainPlot.shapelayer); } else { // Fall back to _shapeLowerLayer in case the requested subplot doesn't exist. // This can happen if you reference the shape to an x / y axis combination // that doesn't have any data on it (and layer is below) drawShape(gd._fullLayout._shapeLowerLayer); } } function drawShape(shapeLayer) { var attrs = { 'data-index': index, 'fill-rule': 'evenodd', d: getPathString(gd, options) }, lineColor = options.line.width ? options.line.color : 'rgba(0,0,0,0)'; var path = shapeLayer.append('path') .attr(attrs) .style('opacity', options.opacity) .call(Color.stroke, lineColor) .call(Color.fill, options.fillcolor) .call(Drawing.dashLine, options.line.dash, options.line.width); // note that for layer="below" the clipAxes can be different from the // subplot we're drawing this in. This could cause problems if the shape // spans two subplots. See https://github.com/plotly/plotly.js/issues/1452 var clipAxes = (options.xref + options.yref).replace(/paper/g, ''); path.call(Drawing.setClipUrl, clipAxes ? ('clip' + gd._fullLayout._uid + clipAxes) : null ); if(gd._context.edits.shapePosition) setupDragElement(gd, path, options, index); } } function setupDragElement(gd, shapePath, shapeOptions, index) { var MINWIDTH = 10, MINHEIGHT = 10; var update; var x0, y0, x1, y1, astrX0, astrY0, astrX1, astrY1; var n0, s0, w0, e0, astrN, astrS, astrW, astrE, optN, optS, optW, optE; var pathIn, astrPath; var xa, ya, x2p, y2p, p2x, p2y; var dragOptions = { element: shapePath.node(), gd: gd, prepFn: startDrag, doneFn: endDrag }, dragBBox = dragOptions.element.getBoundingClientRect(), dragMode; dragElement.init(dragOptions); shapePath.node().onmousemove = updateDragMode; function updateDragMode(evt) { // choose 'move' or 'resize' // based on initial position of cursor within the drag element var w = dragBBox.right - dragBBox.left, h = dragBBox.bottom - dragBBox.top, x = evt.clientX - dragBBox.left, y = evt.clientY - dragBBox.top, cursor = (w > MINWIDTH && h > MINHEIGHT && !evt.shiftKey) ? dragElement.getCursor(x / w, 1 - y / h) : 'move'; setCursor(shapePath, cursor); // possible values 'move', 'sw', 'w', 'se', 'e', 'ne', 'n', 'nw' and 'w' dragMode = cursor.split('-')[0]; } function startDrag(evt) { // setup conversion functions xa = Axes.getFromId(gd, shapeOptions.xref); ya = Axes.getFromId(gd, shapeOptions.yref); x2p = helpers.getDataToPixel(gd, xa); y2p = helpers.getDataToPixel(gd, ya, true); p2x = helpers.getPixelToData(gd, xa); p2y = helpers.getPixelToData(gd, ya, true); // setup update strings and initial values var astr = 'shapes[' + index + ']'; if(shapeOptions.type === 'path') { pathIn = shapeOptions.path; astrPath = astr + '.path'; } else { x0 = x2p(shapeOptions.x0); y0 = y2p(shapeOptions.y0); x1 = x2p(shapeOptions.x1); y1 = y2p(shapeOptions.y1); astrX0 = astr + '.x0'; astrY0 = astr + '.y0'; astrX1 = astr + '.x1'; astrY1 = astr + '.y1'; } if(x0 < x1) { w0 = x0; astrW = astr + '.x0'; optW = 'x0'; e0 = x1; astrE = astr + '.x1'; optE = 'x1'; } else { w0 = x1; astrW = astr + '.x1'; optW = 'x1'; e0 = x0; astrE = astr + '.x0'; optE = 'x0'; } if(y0 < y1) { n0 = y0; astrN = astr + '.y0'; optN = 'y0'; s0 = y1; astrS = astr + '.y1'; optS = 'y1'; } else { n0 = y1; astrN = astr + '.y1'; optN = 'y1'; s0 = y0; astrS = astr + '.y0'; optS = 'y0'; } update = {}; // setup dragMode and the corresponding handler updateDragMode(evt); dragOptions.moveFn = (dragMode === 'move') ? moveShape : resizeShape; } function endDrag(dragged) { setCursor(shapePath); if(dragged) { Plotly.relayout(gd, update); } } function moveShape(dx, dy) { if(shapeOptions.type === 'path') { var moveX = function moveX(x) { return p2x(x2p(x) + dx); }; if(xa && xa.type === 'date') moveX = helpers.encodeDate(moveX); var moveY = function moveY(y) { return p2y(y2p(y) + dy); }; if(ya && ya.type === 'date') moveY = helpers.encodeDate(moveY); shapeOptions.path = movePath(pathIn, moveX, moveY); update[astrPath] = shapeOptions.path; } else { update[astrX0] = shapeOptions.x0 = p2x(x0 + dx); update[astrY0] = shapeOptions.y0 = p2y(y0 + dy); update[astrX1] = shapeOptions.x1 = p2x(x1 + dx); update[astrY1] = shapeOptions.y1 = p2y(y1 + dy); } shapePath.attr('d', getPathString(gd, shapeOptions)); } function resizeShape(dx, dy) { if(shapeOptions.type === 'path') { // TODO: implement path resize var moveX = function moveX(x) { return p2x(x2p(x) + dx); }; if(xa && xa.type === 'date') moveX = helpers.encodeDate(moveX); var moveY = function moveY(y) { return p2y(y2p(y) + dy); }; if(ya && ya.type === 'date') moveY = helpers.encodeDate(moveY); shapeOptions.path = movePath(pathIn, moveX, moveY); update[astrPath] = shapeOptions.path; } else { var newN = (~dragMode.indexOf('n')) ? n0 + dy : n0, newS = (~dragMode.indexOf('s')) ? s0 + dy : s0, newW = (~dragMode.indexOf('w')) ? w0 + dx : w0, newE = (~dragMode.indexOf('e')) ? e0 + dx : e0; if(newS - newN > MINHEIGHT) { update[astrN] = shapeOptions[optN] = p2y(newN); update[astrS] = shapeOptions[optS] = p2y(newS); } if(newE - newW > MINWIDTH) { update[astrW] = shapeOptions[optW] = p2x(newW); update[astrE] = shapeOptions[optE] = p2x(newE); } } shapePath.attr('d', getPathString(gd, shapeOptions)); } } function getPathString(gd, options) { var type = options.type, xa = Axes.getFromId(gd, options.xref), ya = Axes.getFromId(gd, options.yref), gs = gd._fullLayout._size, x2r, x2p, y2r, y2p; if(xa) { x2r = helpers.shapePositionToRange(xa); x2p = function(v) { return xa._offset + xa.r2p(x2r(v, true)); }; } else { x2p = function(v) { return gs.l + gs.w * v; }; } if(ya) { y2r = helpers.shapePositionToRange(ya); y2p = function(v) { return ya._offset + ya.r2p(y2r(v, true)); }; } else { y2p = function(v) { return gs.t + gs.h * (1 - v); }; } if(type === 'path') { if(xa && xa.type === 'date') x2p = helpers.decodeDate(x2p); if(ya && ya.type === 'date') y2p = helpers.decodeDate(y2p); return convertPath(options.path, x2p, y2p); } var x0 = x2p(options.x0), x1 = x2p(options.x1), y0 = y2p(options.y0), y1 = y2p(options.y1); if(type === 'line') return 'M' + x0 + ',' + y0 + 'L' + x1 + ',' + y1; if(type === 'rect') return 'M' + x0 + ',' + y0 + 'H' + x1 + 'V' + y1 + 'H' + x0 + 'Z'; // circle var cx = (x0 + x1) / 2, cy = (y0 + y1) / 2, rx = Math.abs(cx - x0), ry = Math.abs(cy - y0), rArc = 'A' + rx + ',' + ry, rightPt = (cx + rx) + ',' + cy, topPt = cx + ',' + (cy - ry); return 'M' + rightPt + rArc + ' 0 1,1 ' + topPt + rArc + ' 0 0,1 ' + rightPt + 'Z'; } function convertPath(pathIn, x2p, y2p) { // convert an SVG path string from data units to pixels return pathIn.replace(constants.segmentRE, function(segment) { var paramNumber = 0, segmentType = segment.charAt(0), xParams = constants.paramIsX[segmentType], yParams = constants.paramIsY[segmentType], nParams = constants.numParams[segmentType]; var paramString = segment.substr(1).replace(constants.paramRE, function(param) { if(xParams[paramNumber]) param = x2p(param); else if(yParams[paramNumber]) param = y2p(param); paramNumber++; if(paramNumber > nParams) param = 'X'; return param; }); if(paramNumber > nParams) { paramString = paramString.replace(/[\s,]*X.*/, ''); Lib.log('Ignoring extra params in segment ' + segment); } return segmentType + paramString; }); } function movePath(pathIn, moveX, moveY) { return pathIn.replace(constants.segmentRE, function(segment) { var paramNumber = 0, segmentType = segment.charAt(0), xParams = constants.paramIsX[segmentType], yParams = constants.paramIsY[segmentType], nParams = constants.numParams[segmentType]; var paramString = segment.substr(1).replace(constants.paramRE, function(param) { if(paramNumber >= nParams) return param; if(xParams[paramNumber]) param = moveX(param); else if(yParams[paramNumber]) param = moveY(param); paramNumber++; return param; }); return segmentType + paramString; }); } },{"../../lib":147,"../../lib/setcursor":162,"../../plotly":178,"../../plots/cartesian/axes":183,"../color":34,"../dragelement":55,"../drawing":58,"./constants":112,"./helpers":115}],115:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // special position conversion functions... category axis positions can't be // specified by their data values, because they don't make a continuous mapping. // so these have to be specified in terms of the category serial numbers, // but can take fractional values. Other axis types we specify position based on // the actual data values. // TODO: in V2.0 (when log axis ranges are in data units) range and shape position // will be identical, so rangeToShapePosition and shapePositionToRange can be // removed entirely. exports.rangeToShapePosition = function(ax) { return (ax.type === 'log') ? ax.r2d : function(v) { return v; }; }; exports.shapePositionToRange = function(ax) { return (ax.type === 'log') ? ax.d2r : function(v) { return v; }; }; exports.decodeDate = function(convertToPx) { return function(v) { if(v.replace) v = v.replace('_', ' '); return convertToPx(v); }; }; exports.encodeDate = function(convertToDate) { return function(v) { return convertToDate(v).replace(' ', '_'); }; }; exports.getDataToPixel = function(gd, axis, isVertical) { var gs = gd._fullLayout._size, dataToPixel; if(axis) { var d2r = exports.shapePositionToRange(axis); dataToPixel = function(v) { return axis._offset + axis.r2p(d2r(v, true)); }; if(axis.type === 'date') dataToPixel = exports.decodeDate(dataToPixel); } else if(isVertical) { dataToPixel = function(v) { return gs.t + gs.h * (1 - v); }; } else { dataToPixel = function(v) { return gs.l + gs.w * v; }; } return dataToPixel; }; exports.getPixelToData = function(gd, axis, isVertical) { var gs = gd._fullLayout._size, pixelToData; if(axis) { var r2d = exports.rangeToShapePosition(axis); pixelToData = function(p) { return r2d(axis.p2r(p - axis._offset)); }; } else if(isVertical) { pixelToData = function(p) { return 1 - (p - gs.t) / gs.h; }; } else { pixelToData = function(p) { return (p - gs.l) / gs.w; }; } return pixelToData; }; },{}],116:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var drawModule = require('./draw'); module.exports = { moduleType: 'component', name: 'shapes', layoutAttributes: require('./attributes'), supplyLayoutDefaults: require('./defaults'), calcAutorange: require('./calc_autorange'), draw: drawModule.draw, drawOne: drawModule.drawOne }; },{"./attributes":110,"./calc_autorange":111,"./defaults":113,"./draw":114}],117:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var Axes = require('../../plots/cartesian/axes'); var attributes = require('./attributes'); var helpers = require('./helpers'); module.exports = function handleShapeDefaults(shapeIn, shapeOut, fullLayout, opts, itemOpts) { opts = opts || {}; itemOpts = itemOpts || {}; function coerce(attr, dflt) { return Lib.coerce(shapeIn, shapeOut, attributes, attr, dflt); } var visible = coerce('visible', !itemOpts.itemIsNotPlainObject); if(!visible) return shapeOut; coerce('layer'); coerce('opacity'); coerce('fillcolor'); coerce('line.color'); coerce('line.width'); coerce('line.dash'); var dfltType = shapeIn.path ? 'path' : 'rect', shapeType = coerce('type', dfltType); // positioning var axLetters = ['x', 'y']; for(var i = 0; i < 2; i++) { var axLetter = axLetters[i], gdMock = {_fullLayout: fullLayout}; // xref, yref var axRef = Axes.coerceRef(shapeIn, shapeOut, gdMock, axLetter, '', 'paper'); if(shapeType !== 'path') { var dflt0 = 0.25, dflt1 = 0.75, ax, pos2r, r2pos; if(axRef !== 'paper') { ax = Axes.getFromId(gdMock, axRef); r2pos = helpers.rangeToShapePosition(ax); pos2r = helpers.shapePositionToRange(ax); } else { pos2r = r2pos = Lib.identity; } // hack until V2.0 when log has regular range behavior - make it look like other // ranges to send to coerce, then put it back after // this is all to give reasonable default position behavior on log axes, which is // a pretty unimportant edge case so we could just ignore this. var attr0 = axLetter + '0', attr1 = axLetter + '1', in0 = shapeIn[attr0], in1 = shapeIn[attr1]; shapeIn[attr0] = pos2r(shapeIn[attr0], true); shapeIn[attr1] = pos2r(shapeIn[attr1], true); // x0, x1 (and y0, y1) Axes.coercePosition(shapeOut, gdMock, coerce, axRef, attr0, dflt0); Axes.coercePosition(shapeOut, gdMock, coerce, axRef, attr1, dflt1); // hack part 2 shapeOut[attr0] = r2pos(shapeOut[attr0]); shapeOut[attr1] = r2pos(shapeOut[attr1]); shapeIn[attr0] = in0; shapeIn[attr1] = in1; } } if(shapeType === 'path') { coerce('path'); } else { Lib.noneOrAll(shapeIn, shapeOut, ['x0', 'x1', 'y0', 'y1']); } return shapeOut; }; },{"../../lib":147,"../../plots/cartesian/axes":183,"./attributes":110,"./helpers":115}],118:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var fontAttrs = require('../../plots/font_attributes'); var padAttrs = require('../../plots/pad_attributes'); var extendFlat = require('../../lib/extend').extendFlat; var extendDeep = require('../../lib/extend').extendDeep; var animationAttrs = require('../../plots/animation_attributes'); var constants = require('./constants'); var stepsAttrs = { _isLinkedToArray: 'step', method: { valType: 'enumerated', values: ['restyle', 'relayout', 'animate', 'update', 'skip'], dflt: 'restyle', }, args: { valType: 'info_array', freeLength: true, items: [ { valType: 'any' }, { valType: 'any' }, { valType: 'any' } ], }, label: { valType: 'string', }, value: { valType: 'string', }, execute: { valType: 'boolean', dflt: true, } }; module.exports = { _isLinkedToArray: 'slider', visible: { valType: 'boolean', dflt: true, }, active: { valType: 'number', min: 0, dflt: 0, }, steps: stepsAttrs, lenmode: { valType: 'enumerated', values: ['fraction', 'pixels'], dflt: 'fraction', }, len: { valType: 'number', min: 0, dflt: 1, }, x: { valType: 'number', min: -2, max: 3, dflt: 0, }, pad: extendDeep({}, padAttrs, { }, {t: {dflt: 20}}), xanchor: { valType: 'enumerated', values: ['auto', 'left', 'center', 'right'], dflt: 'left', }, y: { valType: 'number', min: -2, max: 3, dflt: 0, }, yanchor: { valType: 'enumerated', values: ['auto', 'top', 'middle', 'bottom'], dflt: 'top', }, transition: { duration: { valType: 'number', min: 0, dflt: 150, }, easing: { valType: 'enumerated', values: animationAttrs.transition.easing.values, dflt: 'cubic-in-out', }, }, currentvalue: { visible: { valType: 'boolean', dflt: true, }, xanchor: { valType: 'enumerated', values: ['left', 'center', 'right'], dflt: 'left', }, offset: { valType: 'number', dflt: 10, }, prefix: { valType: 'string', }, suffix: { valType: 'string', }, font: extendFlat({}, fontAttrs, { }), }, font: extendFlat({}, fontAttrs, { }), activebgcolor: { valType: 'color', dflt: constants.gripBgActiveColor, }, bgcolor: { valType: 'color', dflt: constants.railBgColor, }, bordercolor: { valType: 'color', dflt: constants.railBorderColor, }, borderwidth: { valType: 'number', min: 0, dflt: constants.railBorderWidth, }, ticklen: { valType: 'number', min: 0, dflt: constants.tickLength, }, tickcolor: { valType: 'color', dflt: constants.tickColor, }, tickwidth: { valType: 'number', min: 0, dflt: 1, }, minorticklen: { valType: 'number', min: 0, dflt: constants.minorTickLength, }, }; },{"../../lib/extend":142,"../../plots/animation_attributes":179,"../../plots/font_attributes":207,"../../plots/pad_attributes":211,"./constants":119}],119:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { // layout attribute name name: 'sliders', // class names containerClassName: 'slider-container', groupClassName: 'slider-group', inputAreaClass: 'slider-input-area', railRectClass: 'slider-rail-rect', railTouchRectClass: 'slider-rail-touch-rect', gripRectClass: 'slider-grip-rect', tickRectClass: 'slider-tick-rect', inputProxyClass: 'slider-input-proxy', labelsClass: 'slider-labels', labelGroupClass: 'slider-label-group', labelClass: 'slider-label', currentValueClass: 'slider-current-value', railHeight: 5, // DOM attribute name in button group keeping track // of active update menu menuIndexAttrName: 'slider-active-index', // id root pass to Plots.autoMargin autoMarginIdRoot: 'slider-', // min item width / height minWidth: 30, minHeight: 30, // padding around item text textPadX: 40, // arrow offset off right edge arrowOffsetX: 4, railRadius: 2, railWidth: 5, railBorder: 4, railBorderWidth: 1, railBorderColor: '#bec8d9', railBgColor: '#f8fafc', // The distance of the rail from the edge of the touchable area // Slightly less than the step inset because of the curved edges // of the rail railInset: 8, // The distance from the extremal tick marks to the edge of the // touchable area. This is basically the same as the grip radius, // but for other styles it wouldn't really need to be. stepInset: 10, gripRadius: 10, gripWidth: 20, gripHeight: 20, gripBorder: 20, gripBorderWidth: 1, gripBorderColor: '#bec8d9', gripBgColor: '#f6f8fa', gripBgActiveColor: '#dbdde0', labelPadding: 8, labelOffset: 0, tickWidth: 1, tickColor: '#333', tickOffset: 25, tickLength: 7, minorTickOffset: 25, minorTickColor: '#333', minorTickLength: 4, // Extra space below the current value label: currentValuePadding: 8, currentValueInset: 0, }; },{}],120:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var handleArrayContainerDefaults = require('../../plots/array_container_defaults'); var attributes = require('./attributes'); var constants = require('./constants'); var name = constants.name; var stepAttrs = attributes.steps; module.exports = function slidersDefaults(layoutIn, layoutOut) { var opts = { name: name, handleItemDefaults: sliderDefaults }; handleArrayContainerDefaults(layoutIn, layoutOut, opts); }; function sliderDefaults(sliderIn, sliderOut, layoutOut) { function coerce(attr, dflt) { return Lib.coerce(sliderIn, sliderOut, attributes, attr, dflt); } var steps = stepsDefaults(sliderIn, sliderOut); var visible = coerce('visible', steps.length > 0); if(!visible) return; coerce('active'); coerce('x'); coerce('y'); Lib.noneOrAll(sliderIn, sliderOut, ['x', 'y']); coerce('xanchor'); coerce('yanchor'); coerce('len'); coerce('lenmode'); coerce('pad.t'); coerce('pad.r'); coerce('pad.b'); coerce('pad.l'); Lib.coerceFont(coerce, 'font', layoutOut.font); var currentValueIsVisible = coerce('currentvalue.visible'); if(currentValueIsVisible) { coerce('currentvalue.xanchor'); coerce('currentvalue.prefix'); coerce('currentvalue.suffix'); coerce('currentvalue.offset'); Lib.coerceFont(coerce, 'currentvalue.font', sliderOut.font); } coerce('transition.duration'); coerce('transition.easing'); coerce('bgcolor'); coerce('activebgcolor'); coerce('bordercolor'); coerce('borderwidth'); coerce('ticklen'); coerce('tickwidth'); coerce('tickcolor'); coerce('minorticklen'); } function stepsDefaults(sliderIn, sliderOut) { var valuesIn = sliderIn.steps || [], valuesOut = sliderOut.steps = []; var valueIn, valueOut; function coerce(attr, dflt) { return Lib.coerce(valueIn, valueOut, stepAttrs, attr, dflt); } for(var i = 0; i < valuesIn.length; i++) { valueIn = valuesIn[i]; valueOut = {}; coerce('method'); if(!Lib.isPlainObject(valueIn) || (valueOut.method !== 'skip' && !Array.isArray(valueIn.args))) { continue; } coerce('args'); coerce('label', 'step-' + i); coerce('value', valueOut.label); coerce('execute'); valuesOut.push(valueOut); } return valuesOut; } },{"../../lib":147,"../../plots/array_container_defaults":180,"./attributes":118,"./constants":119}],121:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Plots = require('../../plots/plots'); var Color = require('../color'); var Drawing = require('../drawing'); var svgTextUtils = require('../../lib/svg_text_utils'); var anchorUtils = require('../legend/anchor_utils'); var constants = require('./constants'); var LINE_SPACING = require('../../constants/alignment').LINE_SPACING; module.exports = function draw(gd) { var fullLayout = gd._fullLayout, sliderData = makeSliderData(fullLayout, gd); // draw a container for *all* sliders: var sliders = fullLayout._infolayer .selectAll('g.' + constants.containerClassName) .data(sliderData.length > 0 ? [0] : []); sliders.enter().append('g') .classed(constants.containerClassName, true) .style('cursor', 'ew-resize'); sliders.exit().remove(); // If no more sliders, clear the margisn: if(sliders.exit().size()) clearPushMargins(gd); // Return early if no menus visible: if(sliderData.length === 0) return; var sliderGroups = sliders.selectAll('g.' + constants.groupClassName) .data(sliderData, keyFunction); sliderGroups.enter().append('g') .classed(constants.groupClassName, true); sliderGroups.exit().each(function(sliderOpts) { d3.select(this).remove(); sliderOpts._commandObserver.remove(); delete sliderOpts._commandObserver; Plots.autoMargin(gd, constants.autoMarginIdRoot + sliderOpts._index); }); // Find the dimensions of the sliders: for(var i = 0; i < sliderData.length; i++) { var sliderOpts = sliderData[i]; findDimensions(gd, sliderOpts); } sliderGroups.each(function(sliderOpts) { // If it has fewer than two options, it's not really a slider: if(sliderOpts.steps.length < 2) return; var gSlider = d3.select(this); computeLabelSteps(sliderOpts); Plots.manageCommandObserver(gd, sliderOpts, sliderOpts.steps, function(data) { // NB: Same as below. This is *not* always the same as sliderOpts since // if a new set of steps comes in, the reference in this callback would // be invalid. We need to refetch it from the slider group, which is // the join data that creates this slider. So if this slider still exists, // the group should be valid, *to the best of my knowledge.* If not, // we'd have to look it up by d3 data join index/key. var opts = gSlider.data()[0]; if(opts.active === data.index) return; if(opts._dragging) return; setActive(gd, gSlider, opts, data.index, false, true); }); drawSlider(gd, d3.select(this), sliderOpts); }); }; // This really only just filters by visibility: function makeSliderData(fullLayout, gd) { var contOpts = fullLayout[constants.name], sliderData = []; for(var i = 0; i < contOpts.length; i++) { var item = contOpts[i]; if(!item.visible || !item.steps.length) continue; item.gd = gd; sliderData.push(item); } return sliderData; } // This is set in the defaults step: function keyFunction(opts) { return opts._index; } // Compute the dimensions (mutates sliderOpts): function findDimensions(gd, sliderOpts) { var sliderLabels = Drawing.tester.selectAll('g.' + constants.labelGroupClass) .data(sliderOpts.steps); sliderLabels.enter().append('g') .classed(constants.labelGroupClass, true); // loop over fake buttons to find width / height var maxLabelWidth = 0; var labelHeight = 0; sliderLabels.each(function(stepOpts) { var labelGroup = d3.select(this); var text = drawLabel(labelGroup, {step: stepOpts}, sliderOpts); var textNode = text.node(); if(textNode) { var bBox = Drawing.bBox(textNode); labelHeight = Math.max(labelHeight, bBox.height); maxLabelWidth = Math.max(maxLabelWidth, bBox.width); } }); sliderLabels.remove(); sliderOpts.inputAreaWidth = Math.max( constants.railWidth, constants.gripHeight ); // calculate some overall dimensions - some of these are needed for // calculating the currentValue dimensions var graphSize = gd._fullLayout._size; sliderOpts.lx = graphSize.l + graphSize.w * sliderOpts.x; sliderOpts.ly = graphSize.t + graphSize.h * (1 - sliderOpts.y); if(sliderOpts.lenmode === 'fraction') { // fraction: sliderOpts.outerLength = Math.round(graphSize.w * sliderOpts.len); } else { // pixels: sliderOpts.outerLength = sliderOpts.len; } // Set the length-wise padding so that the grip ends up *on* the end of // the bar when at either extreme sliderOpts.lenPad = Math.round(constants.gripWidth * 0.5); // The length of the rail, *excluding* padding on either end: sliderOpts.inputAreaStart = 0; sliderOpts.inputAreaLength = Math.round(sliderOpts.outerLength - sliderOpts.pad.l - sliderOpts.pad.r); var textableInputLength = sliderOpts.inputAreaLength - 2 * constants.stepInset; var availableSpacePerLabel = textableInputLength / (sliderOpts.steps.length - 1); var computedSpacePerLabel = maxLabelWidth + constants.labelPadding; sliderOpts.labelStride = Math.max(1, Math.ceil(computedSpacePerLabel / availableSpacePerLabel)); sliderOpts.labelHeight = labelHeight; // loop over all possible values for currentValue to find the // area we need for it sliderOpts.currentValueMaxWidth = 0; sliderOpts.currentValueHeight = 0; sliderOpts.currentValueTotalHeight = 0; sliderOpts.currentValueMaxLines = 1; if(sliderOpts.currentvalue.visible) { // Get the dimensions of the current value label: var dummyGroup = Drawing.tester.append('g'); sliderLabels.each(function(stepOpts) { var curValPrefix = drawCurrentValue(dummyGroup, sliderOpts, stepOpts.label); var curValSize = (curValPrefix.node() && Drawing.bBox(curValPrefix.node())) || {width: 0, height: 0}; var lines = svgTextUtils.lineCount(curValPrefix); sliderOpts.currentValueMaxWidth = Math.max(sliderOpts.currentValueMaxWidth, Math.ceil(curValSize.width)); sliderOpts.currentValueHeight = Math.max(sliderOpts.currentValueHeight, Math.ceil(curValSize.height)); sliderOpts.currentValueMaxLines = Math.max(sliderOpts.currentValueMaxLines, lines); }); sliderOpts.currentValueTotalHeight = sliderOpts.currentValueHeight + sliderOpts.currentvalue.offset; dummyGroup.remove(); } sliderOpts.height = sliderOpts.currentValueTotalHeight + constants.tickOffset + sliderOpts.ticklen + constants.labelOffset + sliderOpts.labelHeight + sliderOpts.pad.t + sliderOpts.pad.b; var xanchor = 'left'; if(anchorUtils.isRightAnchor(sliderOpts)) { sliderOpts.lx -= sliderOpts.outerLength; xanchor = 'right'; } if(anchorUtils.isCenterAnchor(sliderOpts)) { sliderOpts.lx -= sliderOpts.outerLength / 2; xanchor = 'center'; } var yanchor = 'top'; if(anchorUtils.isBottomAnchor(sliderOpts)) { sliderOpts.ly -= sliderOpts.height; yanchor = 'bottom'; } if(anchorUtils.isMiddleAnchor(sliderOpts)) { sliderOpts.ly -= sliderOpts.height / 2; yanchor = 'middle'; } sliderOpts.outerLength = Math.ceil(sliderOpts.outerLength); sliderOpts.height = Math.ceil(sliderOpts.height); sliderOpts.lx = Math.round(sliderOpts.lx); sliderOpts.ly = Math.round(sliderOpts.ly); Plots.autoMargin(gd, constants.autoMarginIdRoot + sliderOpts._index, { x: sliderOpts.x, y: sliderOpts.y, l: sliderOpts.outerLength * ({right: 1, center: 0.5}[xanchor] || 0), r: sliderOpts.outerLength * ({left: 1, center: 0.5}[xanchor] || 0), b: sliderOpts.height * ({top: 1, middle: 0.5}[yanchor] || 0), t: sliderOpts.height * ({bottom: 1, middle: 0.5}[yanchor] || 0) }); } function drawSlider(gd, sliderGroup, sliderOpts) { // This is related to the other long notes in this file regarding what happens // when slider steps disappear. This particular fix handles what happens when // the *current* slider step is removed. The drawing functions will error out // when they fail to find it, so the fix for now is that it will just draw the // slider in the first position but will not execute the command. if(sliderOpts.active >= sliderOpts.steps.length) { sliderOpts.active = 0; } // These are carefully ordered for proper z-ordering: sliderGroup .call(drawCurrentValue, sliderOpts) .call(drawRail, sliderOpts) .call(drawLabelGroup, sliderOpts) .call(drawTicks, sliderOpts) .call(drawTouchRect, gd, sliderOpts) .call(drawGrip, gd, sliderOpts); // Position the rectangle: Drawing.setTranslate(sliderGroup, sliderOpts.lx + sliderOpts.pad.l, sliderOpts.ly + sliderOpts.pad.t); sliderGroup.call(setGripPosition, sliderOpts, sliderOpts.active / (sliderOpts.steps.length - 1), false); sliderGroup.call(drawCurrentValue, sliderOpts); } function drawCurrentValue(sliderGroup, sliderOpts, valueOverride) { if(!sliderOpts.currentvalue.visible) return; var x0, textAnchor; var text = sliderGroup.selectAll('text') .data([0]); switch(sliderOpts.currentvalue.xanchor) { case 'right': // This is anchored left and adjusted by the width of the longest label // so that the prefix doesn't move. The goal of this is to emphasize // what's actually changing and make the update less distracting. x0 = sliderOpts.inputAreaLength - constants.currentValueInset - sliderOpts.currentValueMaxWidth; textAnchor = 'left'; break; case 'center': x0 = sliderOpts.inputAreaLength * 0.5; textAnchor = 'middle'; break; default: x0 = constants.currentValueInset; textAnchor = 'left'; } text.enter().append('text') .classed(constants.labelClass, true) .classed('user-select-none', true) .attr({ 'text-anchor': textAnchor, 'data-notex': 1 }); var str = sliderOpts.currentvalue.prefix ? sliderOpts.currentvalue.prefix : ''; if(typeof valueOverride === 'string') { str += valueOverride; } else { var curVal = sliderOpts.steps[sliderOpts.active].label; str += curVal; } if(sliderOpts.currentvalue.suffix) { str += sliderOpts.currentvalue.suffix; } text.call(Drawing.font, sliderOpts.currentvalue.font) .text(str) .call(svgTextUtils.convertToTspans, sliderOpts.gd); var lines = svgTextUtils.lineCount(text); var y0 = (sliderOpts.currentValueMaxLines + 1 - lines) * sliderOpts.currentvalue.font.size * LINE_SPACING; svgTextUtils.positionText(text, x0, y0); return text; } function drawGrip(sliderGroup, gd, sliderOpts) { var grip = sliderGroup.selectAll('rect.' + constants.gripRectClass) .data([0]); grip.enter().append('rect') .classed(constants.gripRectClass, true) .call(attachGripEvents, gd, sliderGroup, sliderOpts) .style('pointer-events', 'all'); grip.attr({ width: constants.gripWidth, height: constants.gripHeight, rx: constants.gripRadius, ry: constants.gripRadius, }) .call(Color.stroke, sliderOpts.bordercolor) .call(Color.fill, sliderOpts.bgcolor) .style('stroke-width', sliderOpts.borderwidth + 'px'); } function drawLabel(item, data, sliderOpts) { var text = item.selectAll('text') .data([0]); text.enter().append('text') .classed(constants.labelClass, true) .classed('user-select-none', true) .attr({ 'text-anchor': 'middle', 'data-notex': 1 }); text.call(Drawing.font, sliderOpts.font) .text(data.step.label) .call(svgTextUtils.convertToTspans, sliderOpts.gd); return text; } function drawLabelGroup(sliderGroup, sliderOpts) { var labels = sliderGroup.selectAll('g.' + constants.labelsClass) .data([0]); labels.enter().append('g') .classed(constants.labelsClass, true); var labelItems = labels.selectAll('g.' + constants.labelGroupClass) .data(sliderOpts.labelSteps); labelItems.enter().append('g') .classed(constants.labelGroupClass, true); labelItems.exit().remove(); labelItems.each(function(d) { var item = d3.select(this); item.call(drawLabel, d, sliderOpts); Drawing.setTranslate(item, normalizedValueToPosition(sliderOpts, d.fraction), constants.tickOffset + sliderOpts.ticklen + // position is the baseline of the top line of text only, even // if the label spans multiple lines sliderOpts.font.size * LINE_SPACING + constants.labelOffset + sliderOpts.currentValueTotalHeight ); }); } function handleInput(gd, sliderGroup, sliderOpts, normalizedPosition, doTransition) { var quantizedPosition = Math.round(normalizedPosition * (sliderOpts.steps.length - 1)); if(quantizedPosition !== sliderOpts.active) { setActive(gd, sliderGroup, sliderOpts, quantizedPosition, true, doTransition); } } function setActive(gd, sliderGroup, sliderOpts, index, doCallback, doTransition) { var previousActive = sliderOpts.active; sliderOpts._input.active = sliderOpts.active = index; var step = sliderOpts.steps[sliderOpts.active]; sliderGroup.call(setGripPosition, sliderOpts, sliderOpts.active / (sliderOpts.steps.length - 1), doTransition); sliderGroup.call(drawCurrentValue, sliderOpts); gd.emit('plotly_sliderchange', { slider: sliderOpts, step: sliderOpts.steps[sliderOpts.active], interaction: doCallback, previousActive: previousActive }); if(step && step.method && doCallback) { if(sliderGroup._nextMethod) { // If we've already queued up an update, just overwrite it with the most recent: sliderGroup._nextMethod.step = step; sliderGroup._nextMethod.doCallback = doCallback; sliderGroup._nextMethod.doTransition = doTransition; } else { sliderGroup._nextMethod = {step: step, doCallback: doCallback, doTransition: doTransition}; sliderGroup._nextMethodRaf = window.requestAnimationFrame(function() { var _step = sliderGroup._nextMethod.step; if(!_step.method) return; if(_step.execute) { Plots.executeAPICommand(gd, _step.method, _step.args); } sliderGroup._nextMethod = null; sliderGroup._nextMethodRaf = null; }); } } } function attachGripEvents(item, gd, sliderGroup) { var node = sliderGroup.node(); var $gd = d3.select(gd); // NB: This is *not* the same as sliderOpts itself! These callbacks // are in a closure so this array won't actually be correct if the // steps have changed since this was initialized. The sliderGroup, // however, has not changed since that *is* the slider, so it must // be present to receive mouse events. function getSliderOpts() { return sliderGroup.data()[0]; } item.on('mousedown', function() { var sliderOpts = getSliderOpts(); gd.emit('plotly_sliderstart', {slider: sliderOpts}); var grip = sliderGroup.select('.' + constants.gripRectClass); d3.event.stopPropagation(); d3.event.preventDefault(); grip.call(Color.fill, sliderOpts.activebgcolor); var normalizedPosition = positionToNormalizedValue(sliderOpts, d3.mouse(node)[0]); handleInput(gd, sliderGroup, sliderOpts, normalizedPosition, true); sliderOpts._dragging = true; $gd.on('mousemove', function() { var sliderOpts = getSliderOpts(); var normalizedPosition = positionToNormalizedValue(sliderOpts, d3.mouse(node)[0]); handleInput(gd, sliderGroup, sliderOpts, normalizedPosition, false); }); $gd.on('mouseup', function() { var sliderOpts = getSliderOpts(); sliderOpts._dragging = false; grip.call(Color.fill, sliderOpts.bgcolor); $gd.on('mouseup', null); $gd.on('mousemove', null); gd.emit('plotly_sliderend', { slider: sliderOpts, step: sliderOpts.steps[sliderOpts.active] }); }); }); } function drawTicks(sliderGroup, sliderOpts) { var tick = sliderGroup.selectAll('rect.' + constants.tickRectClass) .data(sliderOpts.steps); tick.enter().append('rect') .classed(constants.tickRectClass, true); tick.exit().remove(); tick.attr({ width: sliderOpts.tickwidth + 'px', 'shape-rendering': 'crispEdges' }); tick.each(function(d, i) { var isMajor = i % sliderOpts.labelStride === 0; var item = d3.select(this); item .attr({height: isMajor ? sliderOpts.ticklen : sliderOpts.minorticklen}) .call(Color.fill, isMajor ? sliderOpts.tickcolor : sliderOpts.tickcolor); Drawing.setTranslate(item, normalizedValueToPosition(sliderOpts, i / (sliderOpts.steps.length - 1)) - 0.5 * sliderOpts.tickwidth, (isMajor ? constants.tickOffset : constants.minorTickOffset) + sliderOpts.currentValueTotalHeight ); }); } function computeLabelSteps(sliderOpts) { sliderOpts.labelSteps = []; var i0 = 0; var nsteps = sliderOpts.steps.length; for(var i = i0; i < nsteps; i += sliderOpts.labelStride) { sliderOpts.labelSteps.push({ fraction: i / (nsteps - 1), step: sliderOpts.steps[i] }); } } function setGripPosition(sliderGroup, sliderOpts, position, doTransition) { var grip = sliderGroup.select('rect.' + constants.gripRectClass); var x = normalizedValueToPosition(sliderOpts, position); // If this is true, then *this component* is already invoking its own command // and has triggered its own animation. if(sliderOpts._invokingCommand) return; var el = grip; if(doTransition && sliderOpts.transition.duration > 0) { el = el.transition() .duration(sliderOpts.transition.duration) .ease(sliderOpts.transition.easing); } // Drawing.setTranslate doesn't work here becasue of the transition duck-typing. // It's also not necessary because there are no other transitions to preserve. el.attr('transform', 'translate(' + (x - constants.gripWidth * 0.5) + ',' + (sliderOpts.currentValueTotalHeight) + ')'); } // Convert a number from [0-1] to a pixel position relative to the slider group container: function normalizedValueToPosition(sliderOpts, normalizedPosition) { return sliderOpts.inputAreaStart + constants.stepInset + (sliderOpts.inputAreaLength - 2 * constants.stepInset) * Math.min(1, Math.max(0, normalizedPosition)); } // Convert a position relative to the slider group to a nubmer in [0, 1] function positionToNormalizedValue(sliderOpts, position) { return Math.min(1, Math.max(0, (position - constants.stepInset - sliderOpts.inputAreaStart) / (sliderOpts.inputAreaLength - 2 * constants.stepInset - 2 * sliderOpts.inputAreaStart))); } function drawTouchRect(sliderGroup, gd, sliderOpts) { var rect = sliderGroup.selectAll('rect.' + constants.railTouchRectClass) .data([0]); rect.enter().append('rect') .classed(constants.railTouchRectClass, true) .call(attachGripEvents, gd, sliderGroup, sliderOpts) .style('pointer-events', 'all'); rect.attr({ width: sliderOpts.inputAreaLength, height: Math.max(sliderOpts.inputAreaWidth, constants.tickOffset + sliderOpts.ticklen + sliderOpts.labelHeight) }) .call(Color.fill, sliderOpts.bgcolor) .attr('opacity', 0); Drawing.setTranslate(rect, 0, sliderOpts.currentValueTotalHeight); } function drawRail(sliderGroup, sliderOpts) { var rect = sliderGroup.selectAll('rect.' + constants.railRectClass) .data([0]); rect.enter().append('rect') .classed(constants.railRectClass, true); var computedLength = sliderOpts.inputAreaLength - constants.railInset * 2; rect.attr({ width: computedLength, height: constants.railWidth, rx: constants.railRadius, ry: constants.railRadius, 'shape-rendering': 'crispEdges' }) .call(Color.stroke, sliderOpts.bordercolor) .call(Color.fill, sliderOpts.bgcolor) .style('stroke-width', sliderOpts.borderwidth + 'px'); Drawing.setTranslate(rect, constants.railInset, (sliderOpts.inputAreaWidth - constants.railWidth) * 0.5 + sliderOpts.currentValueTotalHeight ); } function clearPushMargins(gd) { var pushMargins = gd._fullLayout._pushmargin || {}, keys = Object.keys(pushMargins); for(var i = 0; i < keys.length; i++) { var k = keys[i]; if(k.indexOf(constants.autoMarginIdRoot) !== -1) { Plots.autoMargin(gd, k); } } } },{"../../constants/alignment":130,"../../lib/svg_text_utils":164,"../../plots/plots":212,"../color":34,"../drawing":58,"../legend/anchor_utils":84,"./constants":119,"d3":7}],122:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var constants = require('./constants'); module.exports = { moduleType: 'component', name: constants.name, layoutAttributes: require('./attributes'), supplyLayoutDefaults: require('./defaults'), draw: require('./draw') }; },{"./attributes":118,"./constants":119,"./defaults":120,"./draw":121}],123:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var isNumeric = require('fast-isnumeric'); var Plotly = require('../../plotly'); var Plots = require('../../plots/plots'); var Lib = require('../../lib'); var Drawing = require('../drawing'); var Color = require('../color'); var svgTextUtils = require('../../lib/svg_text_utils'); var interactConstants = require('../../constants/interactions'); var PLACEHOLDER_RE = /Click to enter .+ title/; var Titles = module.exports = {}; /** * Titles - (re)draw titles on the axes and plot: * @param {DOM element} gd - the graphDiv * @param {string} titleClass - the css class of this title * @param {object} options - how and what to draw * propContainer - the layout object containing `title` and `titlefont` * attributes that apply to this title * propName - the full name of the title property (for Plotly.relayout) * [traceIndex] - include only if this property applies to one trace * (such as a colorbar title) - then editing pipes to Plotly.restyle * instead of Plotly.relayout * dfltName - the name of the title in placeholder text * [avoid] {object} - include if this title should move to avoid other elements * selection - d3 selection of elements to avoid * side - which direction to move if there is a conflict * [offsetLeft] - if these elements are subject to a translation * wrt the title element * [offsetTop] * attributes {object} - position and alignment attributes * x - pixels * y - pixels * text-anchor - start|middle|end * transform {object} - how to transform the title after positioning * rotate - degrees * offset - shift up/down in the rotated frame (unused?) * containerGroup - if an svg element already exists to hold this * title, include here. Otherwise it will go in fullLayout._infolayer */ Titles.draw = function(gd, titleClass, options) { var cont = options.propContainer; var prop = options.propName; var traceIndex = options.traceIndex; var name = options.dfltName; var avoid = options.avoid || {}; var attributes = options.attributes; var transform = options.transform; var group = options.containerGroup; var fullLayout = gd._fullLayout; var font = cont.titlefont.family; var fontSize = cont.titlefont.size; var fontColor = cont.titlefont.color; var opacity = 1; var isplaceholder = false; var txt = cont.title.trim(); // only make this title editable if we positively identify its property // as one that has editing enabled. var editAttr; if(prop === 'title') editAttr = 'titleText'; else if(prop.indexOf('axis') !== -1) editAttr = 'axisTitleText'; else if(prop.indexOf('colorbar' !== -1)) editAttr = 'colorbarTitleText'; var editable = gd._context.edits[editAttr]; if(txt === '') opacity = 0; if(txt.match(PLACEHOLDER_RE)) { opacity = 0.2; isplaceholder = true; if(!editable) txt = ''; } var elShouldExist = txt || editable; if(!group) { group = fullLayout._infolayer.selectAll('.g-' + titleClass) .data([0]); group.enter().append('g') .classed('g-' + titleClass, true); } var el = group.selectAll('text') .data(elShouldExist ? [0] : []); el.enter().append('text'); el.text(txt) // this is hacky, but convertToTspans uses the class // to determine whether to rotate mathJax... // so we need to clear out any old class and put the // correct one (only relevant for colorbars, at least // for now) - ie don't use .classed .attr('class', titleClass); el.exit().remove(); if(!elShouldExist) return; function titleLayout(titleEl) { Lib.syncOrAsync([drawTitle, scootTitle], titleEl); } function drawTitle(titleEl) { titleEl.attr('transform', transform ? 'rotate(' + [transform.rotate, attributes.x, attributes.y] + ') translate(0, ' + transform.offset + ')' : null); titleEl.style({ 'font-family': font, 'font-size': d3.round(fontSize, 2) + 'px', fill: Color.rgb(fontColor), opacity: opacity * Color.opacity(fontColor), 'font-weight': Plots.fontWeight }) .attr(attributes) .call(svgTextUtils.convertToTspans, gd); return Plots.previousPromises(gd); } function scootTitle(titleElIn) { var titleGroup = d3.select(titleElIn.node().parentNode); if(avoid && avoid.selection && avoid.side && txt) { titleGroup.attr('transform', null); // move toward avoid.side (= left, right, top, bottom) if needed // can include pad (pixels, default 2) var shift = 0; var backside = { left: 'right', right: 'left', top: 'bottom', bottom: 'top' }[avoid.side]; var shiftSign = (['left', 'top'].indexOf(avoid.side) !== -1) ? -1 : 1; var pad = isNumeric(avoid.pad) ? avoid.pad : 2; var titlebb = Drawing.bBox(titleGroup.node()); var paperbb = { left: 0, top: 0, right: fullLayout.width, bottom: fullLayout.height }; var maxshift = avoid.maxShift || ( (paperbb[avoid.side] - titlebb[avoid.side]) * ((avoid.side === 'left' || avoid.side === 'top') ? -1 : 1)); // Prevent the title going off the paper if(maxshift < 0) shift = maxshift; else { // so we don't have to offset each avoided element, // give the title the opposite offset var offsetLeft = avoid.offsetLeft || 0; var offsetTop = avoid.offsetTop || 0; titlebb.left -= offsetLeft; titlebb.right -= offsetLeft; titlebb.top -= offsetTop; titlebb.bottom -= offsetTop; // iterate over a set of elements (avoid.selection) // to avoid collisions with avoid.selection.each(function() { var avoidbb = Drawing.bBox(this); if(Lib.bBoxIntersect(titlebb, avoidbb, pad)) { shift = Math.max(shift, shiftSign * ( avoidbb[avoid.side] - titlebb[backside]) + pad); } }); shift = Math.min(maxshift, shift); } if(shift > 0 || maxshift < 0) { var shiftTemplate = { left: [-shift, 0], right: [shift, 0], top: [0, -shift], bottom: [0, shift] }[avoid.side]; titleGroup.attr('transform', 'translate(' + shiftTemplate + ')'); } } } el.call(titleLayout); var placeholderText = 'Click to enter ' + name + ' title'; function setPlaceholder() { opacity = 0; isplaceholder = true; txt = placeholderText; el.text(txt) .on('mouseover.opacity', function() { d3.select(this).transition() .duration(interactConstants.SHOW_PLACEHOLDER).style('opacity', 1); }) .on('mouseout.opacity', function() { d3.select(this).transition() .duration(interactConstants.HIDE_PLACEHOLDER).style('opacity', 0); }); } if(editable) { if(!txt) setPlaceholder(); else el.on('.opacity', null); el.call(svgTextUtils.makeEditable, {gd: gd}) .on('edit', function(text) { if(traceIndex !== undefined) Plotly.restyle(gd, prop, text, traceIndex); else Plotly.relayout(gd, prop, text); }) .on('cancel', function() { this.text(this.attr('data-unformatted')) .call(titleLayout); }) .on('input', function(d) { this.text(d || ' ') .call(svgTextUtils.positionText, attributes.x, attributes.y); }); } el.classed('js-placeholder', isplaceholder); }; },{"../../constants/interactions":131,"../../lib":147,"../../lib/svg_text_utils":164,"../../plotly":178,"../../plots/plots":212,"../color":34,"../drawing":58,"d3":7,"fast-isnumeric":10}],124:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var fontAttrs = require('../../plots/font_attributes'); var colorAttrs = require('../color/attributes'); var extendFlat = require('../../lib/extend').extendFlat; var padAttrs = require('../../plots/pad_attributes'); var buttonsAttrs = { _isLinkedToArray: 'button', method: { valType: 'enumerated', values: ['restyle', 'relayout', 'animate', 'update', 'skip'], dflt: 'restyle', }, args: { valType: 'info_array', freeLength: true, items: [ { valType: 'any' }, { valType: 'any' }, { valType: 'any' } ], }, label: { valType: 'string', dflt: '', }, execute: { valType: 'boolean', dflt: true, } }; module.exports = { _isLinkedToArray: 'updatemenu', _arrayAttrRegexps: [/^updatemenus\[(0|[1-9][0-9]+)\]\.buttons/], visible: { valType: 'boolean', }, type: { valType: 'enumerated', values: ['dropdown', 'buttons'], dflt: 'dropdown', }, direction: { valType: 'enumerated', values: ['left', 'right', 'up', 'down'], dflt: 'down', }, active: { valType: 'integer', min: -1, dflt: 0, }, showactive: { valType: 'boolean', dflt: true, }, buttons: buttonsAttrs, x: { valType: 'number', min: -2, max: 3, dflt: -0.05, }, xanchor: { valType: 'enumerated', values: ['auto', 'left', 'center', 'right'], dflt: 'right', }, y: { valType: 'number', min: -2, max: 3, dflt: 1, }, yanchor: { valType: 'enumerated', values: ['auto', 'top', 'middle', 'bottom'], dflt: 'top', }, pad: extendFlat({}, padAttrs, { }), font: extendFlat({}, fontAttrs, { }), bgcolor: { valType: 'color', }, bordercolor: { valType: 'color', dflt: colorAttrs.borderLine, }, borderwidth: { valType: 'number', min: 0, dflt: 1, } }; },{"../../lib/extend":142,"../../plots/font_attributes":207,"../../plots/pad_attributes":211,"../color/attributes":33}],125:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { // layout attribute name name: 'updatemenus', // class names containerClassName: 'updatemenu-container', headerGroupClassName: 'updatemenu-header-group', headerClassName: 'updatemenu-header', headerArrowClassName: 'updatemenu-header-arrow', dropdownButtonGroupClassName: 'updatemenu-dropdown-button-group', dropdownButtonClassName: 'updatemenu-dropdown-button', buttonClassName: 'updatemenu-button', itemRectClassName: 'updatemenu-item-rect', itemTextClassName: 'updatemenu-item-text', // DOM attribute name in button group keeping track // of active update menu menuIndexAttrName: 'updatemenu-active-index', // id root pass to Plots.autoMargin autoMarginIdRoot: 'updatemenu-', // options when 'active: -1' blankHeaderOpts: { label: ' ' }, // min item width / height minWidth: 30, minHeight: 30, // padding around item text textPadX: 24, arrowPadX: 16, // item rect radii rx: 2, ry: 2, // item text x offset off left edge textOffsetX: 12, // item text y offset (w.r.t. middle) textOffsetY: 3, // arrow offset off right edge arrowOffsetX: 4, // gap between header and buttons gapButtonHeader: 5, // gap between between buttons gapButton: 2, // color given to active buttons activeColor: '#F4FAFF', // color given to hovered buttons hoverColor: '#F4FAFF', // symbol for menu open arrow arrowSymbol: { left: '◄', right: '►', up: '▲', down: '▼' } }; },{}],126:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var handleArrayContainerDefaults = require('../../plots/array_container_defaults'); var attributes = require('./attributes'); var constants = require('./constants'); var name = constants.name; var buttonAttrs = attributes.buttons; module.exports = function updateMenusDefaults(layoutIn, layoutOut) { var opts = { name: name, handleItemDefaults: menuDefaults }; handleArrayContainerDefaults(layoutIn, layoutOut, opts); }; function menuDefaults(menuIn, menuOut, layoutOut) { function coerce(attr, dflt) { return Lib.coerce(menuIn, menuOut, attributes, attr, dflt); } var buttons = buttonsDefaults(menuIn, menuOut); var visible = coerce('visible', buttons.length > 0); if(!visible) return; coerce('active'); coerce('direction'); coerce('type'); coerce('showactive'); coerce('x'); coerce('y'); Lib.noneOrAll(menuIn, menuOut, ['x', 'y']); coerce('xanchor'); coerce('yanchor'); coerce('pad.t'); coerce('pad.r'); coerce('pad.b'); coerce('pad.l'); Lib.coerceFont(coerce, 'font', layoutOut.font); coerce('bgcolor', layoutOut.paper_bgcolor); coerce('bordercolor'); coerce('borderwidth'); } function buttonsDefaults(menuIn, menuOut) { var buttonsIn = menuIn.buttons || [], buttonsOut = menuOut.buttons = []; var buttonIn, buttonOut; function coerce(attr, dflt) { return Lib.coerce(buttonIn, buttonOut, buttonAttrs, attr, dflt); } for(var i = 0; i < buttonsIn.length; i++) { buttonIn = buttonsIn[i]; buttonOut = {}; coerce('method'); if(!Lib.isPlainObject(buttonIn) || (buttonOut.method !== 'skip' && !Array.isArray(buttonIn.args))) { continue; } coerce('args'); coerce('label'); coerce('execute'); buttonOut._index = i; buttonsOut.push(buttonOut); } return buttonsOut; } },{"../../lib":147,"../../plots/array_container_defaults":180,"./attributes":124,"./constants":125}],127:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Plots = require('../../plots/plots'); var Color = require('../color'); var Drawing = require('../drawing'); var svgTextUtils = require('../../lib/svg_text_utils'); var anchorUtils = require('../legend/anchor_utils'); var LINE_SPACING = require('../../constants/alignment').LINE_SPACING; var constants = require('./constants'); var ScrollBox = require('./scrollbox'); module.exports = function draw(gd) { var fullLayout = gd._fullLayout, menuData = makeMenuData(fullLayout); /* Update menu data is bound to the header-group. * The items in the header group are always present. * * Upon clicking on a header its corresponding button * data is bound to the button-group. * * We draw all headers in one group before all buttons * so that the buttons *always* appear above the headers. * * Note that only one set of buttons are visible at once. * * * * * * * * * * ... * * * * * ... */ // draw update menu container var menus = fullLayout._infolayer .selectAll('g.' + constants.containerClassName) .data(menuData.length > 0 ? [0] : []); menus.enter().append('g') .classed(constants.containerClassName, true) .style('cursor', 'pointer'); menus.exit().remove(); // remove push margin object(s) if(menus.exit().size()) clearPushMargins(gd); // return early if no update menus are visible if(menuData.length === 0) return; // join header group var headerGroups = menus.selectAll('g.' + constants.headerGroupClassName) .data(menuData, keyFunction); headerGroups.enter().append('g') .classed(constants.headerGroupClassName, true); // draw dropdown button container var gButton = menus.selectAll('g.' + constants.dropdownButtonGroupClassName) .data([0]); gButton.enter().append('g') .classed(constants.dropdownButtonGroupClassName, true) .style('pointer-events', 'all'); // find dimensions before plotting anything (this mutates menuOpts) for(var i = 0; i < menuData.length; i++) { var menuOpts = menuData[i]; findDimensions(gd, menuOpts); } // setup scrollbox var scrollBoxId = 'updatemenus' + fullLayout._uid, scrollBox = new ScrollBox(gd, gButton, scrollBoxId); // remove exiting header, remove dropped buttons and reset margins if(headerGroups.enter().size()) { gButton .call(removeAllButtons) .attr(constants.menuIndexAttrName, '-1'); } headerGroups.exit().each(function(menuOpts) { d3.select(this).remove(); gButton .call(removeAllButtons) .attr(constants.menuIndexAttrName, '-1'); Plots.autoMargin(gd, constants.autoMarginIdRoot + menuOpts._index); }); // draw headers! headerGroups.each(function(menuOpts) { var gHeader = d3.select(this); var _gButton = menuOpts.type === 'dropdown' ? gButton : null; Plots.manageCommandObserver(gd, menuOpts, menuOpts.buttons, function(data) { setActive(gd, menuOpts, menuOpts.buttons[data.index], gHeader, _gButton, scrollBox, data.index, true); }); if(menuOpts.type === 'dropdown') { drawHeader(gd, gHeader, gButton, scrollBox, menuOpts); // if this menu is active, update the dropdown container if(isActive(gButton, menuOpts)) { drawButtons(gd, gHeader, gButton, scrollBox, menuOpts); } } else { drawButtons(gd, gHeader, null, null, menuOpts); } }); }; function makeMenuData(fullLayout) { var contOpts = fullLayout[constants.name], menuData = []; // Filter visible dropdowns and attach '_index' to each // fullLayout options object to be used for 'object constancy' // in the data join key function. for(var i = 0; i < contOpts.length; i++) { var item = contOpts[i]; if(item.visible) menuData.push(item); } return menuData; } // Note that '_index' is set at the default step, // it corresponds to the menu index in the user layout update menu container. // Because a menu can b set invisible, // this is a more 'consistent' field than the index in the menuData. function keyFunction(menuOpts) { return menuOpts._index; } function isFolded(gButton) { return +gButton.attr(constants.menuIndexAttrName) === -1; } function isActive(gButton, menuOpts) { return +gButton.attr(constants.menuIndexAttrName) === menuOpts._index; } function setActive(gd, menuOpts, buttonOpts, gHeader, gButton, scrollBox, buttonIndex, isSilentUpdate) { // update 'active' attribute in menuOpts menuOpts._input.active = menuOpts.active = buttonIndex; if(menuOpts.type === 'buttons') { drawButtons(gd, gHeader, null, null, menuOpts); } else if(menuOpts.type === 'dropdown') { // fold up buttons and redraw header gButton.attr(constants.menuIndexAttrName, '-1'); drawHeader(gd, gHeader, gButton, scrollBox, menuOpts); if(!isSilentUpdate) { drawButtons(gd, gHeader, gButton, scrollBox, menuOpts); } } } function drawHeader(gd, gHeader, gButton, scrollBox, menuOpts) { var header = gHeader.selectAll('g.' + constants.headerClassName) .data([0]); header.enter().append('g') .classed(constants.headerClassName, true) .style('pointer-events', 'all'); var active = menuOpts.active, headerOpts = menuOpts.buttons[active] || constants.blankHeaderOpts, posOpts = { y: menuOpts.pad.t, yPad: 0, x: menuOpts.pad.l, xPad: 0, index: 0 }, positionOverrides = { width: menuOpts.headerWidth, height: menuOpts.headerHeight }; header .call(drawItem, menuOpts, headerOpts, gd) .call(setItemPosition, menuOpts, posOpts, positionOverrides); // draw drop arrow at the right edge var arrow = gHeader.selectAll('text.' + constants.headerArrowClassName) .data([0]); arrow.enter().append('text') .classed(constants.headerArrowClassName, true) .classed('user-select-none', true) .attr('text-anchor', 'end') .call(Drawing.font, menuOpts.font) .text(constants.arrowSymbol[menuOpts.direction]); arrow.attr({ x: menuOpts.headerWidth - constants.arrowOffsetX + menuOpts.pad.l, y: menuOpts.headerHeight / 2 + constants.textOffsetY + menuOpts.pad.t }); header.on('click', function() { gButton.call(removeAllButtons); // if this menu is active, fold the dropdown container // otherwise, make this menu active gButton.attr( constants.menuIndexAttrName, isActive(gButton, menuOpts) ? -1 : String(menuOpts._index) ); drawButtons(gd, gHeader, gButton, scrollBox, menuOpts); }); header.on('mouseover', function() { header.call(styleOnMouseOver); }); header.on('mouseout', function() { header.call(styleOnMouseOut, menuOpts); }); // translate header group Drawing.setTranslate(gHeader, menuOpts.lx, menuOpts.ly); } function drawButtons(gd, gHeader, gButton, scrollBox, menuOpts) { // If this is a set of buttons, set pointer events = all since we play // some minor games with which container is which in order to simplify // the drawing of *either* buttons or menus if(!gButton) { gButton = gHeader; gButton.attr('pointer-events', 'all'); } var buttonData = (!isFolded(gButton) || menuOpts.type === 'buttons') ? menuOpts.buttons : []; var klass = menuOpts.type === 'dropdown' ? constants.dropdownButtonClassName : constants.buttonClassName; var buttons = gButton.selectAll('g.' + klass) .data(buttonData); var enter = buttons.enter().append('g') .classed(klass, true); var exit = buttons.exit(); if(menuOpts.type === 'dropdown') { enter.attr('opacity', '0') .transition() .attr('opacity', '1'); exit.transition() .attr('opacity', '0') .remove(); } else { exit.remove(); } var x0 = 0; var y0 = 0; var isVertical = ['up', 'down'].indexOf(menuOpts.direction) !== -1; if(menuOpts.type === 'dropdown') { if(isVertical) { y0 = menuOpts.headerHeight + constants.gapButtonHeader; } else { x0 = menuOpts.headerWidth + constants.gapButtonHeader; } } if(menuOpts.type === 'dropdown' && menuOpts.direction === 'up') { y0 = -constants.gapButtonHeader + constants.gapButton - menuOpts.openHeight; } if(menuOpts.type === 'dropdown' && menuOpts.direction === 'left') { x0 = -constants.gapButtonHeader + constants.gapButton - menuOpts.openWidth; } var posOpts = { x: menuOpts.lx + x0 + menuOpts.pad.l, y: menuOpts.ly + y0 + menuOpts.pad.t, yPad: constants.gapButton, xPad: constants.gapButton, index: 0, }; var scrollBoxPosition = { l: posOpts.x + menuOpts.borderwidth, t: posOpts.y + menuOpts.borderwidth }; buttons.each(function(buttonOpts, buttonIndex) { var button = d3.select(this); button .call(drawItem, menuOpts, buttonOpts, gd) .call(setItemPosition, menuOpts, posOpts); button.on('click', function() { // skip `dragend` events if(d3.event.defaultPrevented) return; setActive(gd, menuOpts, buttonOpts, gHeader, gButton, scrollBox, buttonIndex); if(buttonOpts.execute) { Plots.executeAPICommand(gd, buttonOpts.method, buttonOpts.args); } gd.emit('plotly_buttonclicked', {menu: menuOpts, button: buttonOpts, active: menuOpts.active}); }); button.on('mouseover', function() { button.call(styleOnMouseOver); }); button.on('mouseout', function() { button.call(styleOnMouseOut, menuOpts); buttons.call(styleButtons, menuOpts); }); }); buttons.call(styleButtons, menuOpts); if(isVertical) { scrollBoxPosition.w = Math.max(menuOpts.openWidth, menuOpts.headerWidth); scrollBoxPosition.h = posOpts.y - scrollBoxPosition.t; } else { scrollBoxPosition.w = posOpts.x - scrollBoxPosition.l; scrollBoxPosition.h = Math.max(menuOpts.openHeight, menuOpts.headerHeight); } scrollBoxPosition.direction = menuOpts.direction; if(scrollBox) { if(buttons.size()) { drawScrollBox(gd, gHeader, gButton, scrollBox, menuOpts, scrollBoxPosition); } else { hideScrollBox(scrollBox); } } } function drawScrollBox(gd, gHeader, gButton, scrollBox, menuOpts, position) { // enable the scrollbox var direction = menuOpts.direction, isVertical = (direction === 'up' || direction === 'down'); var active = menuOpts.active, translateX, translateY, i; if(isVertical) { translateY = 0; for(i = 0; i < active; i++) { translateY += menuOpts.heights[i] + constants.gapButton; } } else { translateX = 0; for(i = 0; i < active; i++) { translateX += menuOpts.widths[i] + constants.gapButton; } } scrollBox.enable(position, translateX, translateY); if(scrollBox.hbar) { scrollBox.hbar .attr('opacity', '0') .transition() .attr('opacity', '1'); } if(scrollBox.vbar) { scrollBox.vbar .attr('opacity', '0') .transition() .attr('opacity', '1'); } } function hideScrollBox(scrollBox) { var hasHBar = !!scrollBox.hbar, hasVBar = !!scrollBox.vbar; if(hasHBar) { scrollBox.hbar .transition() .attr('opacity', '0') .each('end', function() { hasHBar = false; if(!hasVBar) scrollBox.disable(); }); } if(hasVBar) { scrollBox.vbar .transition() .attr('opacity', '0') .each('end', function() { hasVBar = false; if(!hasHBar) scrollBox.disable(); }); } } function drawItem(item, menuOpts, itemOpts, gd) { item.call(drawItemRect, menuOpts) .call(drawItemText, menuOpts, itemOpts, gd); } function drawItemRect(item, menuOpts) { var rect = item.selectAll('rect') .data([0]); rect.enter().append('rect') .classed(constants.itemRectClassName, true) .attr({ rx: constants.rx, ry: constants.ry, 'shape-rendering': 'crispEdges' }); rect.call(Color.stroke, menuOpts.bordercolor) .call(Color.fill, menuOpts.bgcolor) .style('stroke-width', menuOpts.borderwidth + 'px'); } function drawItemText(item, menuOpts, itemOpts, gd) { var text = item.selectAll('text') .data([0]); text.enter().append('text') .classed(constants.itemTextClassName, true) .classed('user-select-none', true) .attr({ 'text-anchor': 'start', 'data-notex': 1 }); text.call(Drawing.font, menuOpts.font) .text(itemOpts.label) .call(svgTextUtils.convertToTspans, gd); } function styleButtons(buttons, menuOpts) { var active = menuOpts.active; buttons.each(function(buttonOpts, i) { var button = d3.select(this); if(i === active && menuOpts.showactive) { button.select('rect.' + constants.itemRectClassName) .call(Color.fill, constants.activeColor); } }); } function styleOnMouseOver(item) { item.select('rect.' + constants.itemRectClassName) .call(Color.fill, constants.hoverColor); } function styleOnMouseOut(item, menuOpts) { item.select('rect.' + constants.itemRectClassName) .call(Color.fill, menuOpts.bgcolor); } // find item dimensions (this mutates menuOpts) function findDimensions(gd, menuOpts) { menuOpts.width1 = 0; menuOpts.height1 = 0; menuOpts.heights = []; menuOpts.widths = []; menuOpts.totalWidth = 0; menuOpts.totalHeight = 0; menuOpts.openWidth = 0; menuOpts.openHeight = 0; menuOpts.lx = 0; menuOpts.ly = 0; var fakeButtons = Drawing.tester.selectAll('g.' + constants.dropdownButtonClassName) .data(menuOpts.buttons); fakeButtons.enter().append('g') .classed(constants.dropdownButtonClassName, true); var isVertical = ['up', 'down'].indexOf(menuOpts.direction) !== -1; // loop over fake buttons to find width / height fakeButtons.each(function(buttonOpts, i) { var button = d3.select(this); button.call(drawItem, menuOpts, buttonOpts, gd); var text = button.select('.' + constants.itemTextClassName); // width is given by max width of all buttons var tWidth = text.node() && Drawing.bBox(text.node()).width; var wEff = Math.max(tWidth + constants.textPadX, constants.minWidth); // height is determined by item text var tHeight = menuOpts.font.size * LINE_SPACING; var tLines = svgTextUtils.lineCount(text); var hEff = Math.max(tHeight * tLines, constants.minHeight) + constants.textOffsetY; hEff = Math.ceil(hEff); wEff = Math.ceil(wEff); // Store per-item sizes since a row of horizontal buttons, for example, // don't all need to be the same width: menuOpts.widths[i] = wEff; menuOpts.heights[i] = hEff; // Height and width of individual element: menuOpts.height1 = Math.max(menuOpts.height1, hEff); menuOpts.width1 = Math.max(menuOpts.width1, wEff); if(isVertical) { menuOpts.totalWidth = Math.max(menuOpts.totalWidth, wEff); menuOpts.openWidth = menuOpts.totalWidth; menuOpts.totalHeight += hEff + constants.gapButton; menuOpts.openHeight += hEff + constants.gapButton; } else { menuOpts.totalWidth += wEff + constants.gapButton; menuOpts.openWidth += wEff + constants.gapButton; menuOpts.totalHeight = Math.max(menuOpts.totalHeight, hEff); menuOpts.openHeight = menuOpts.totalHeight; } }); if(isVertical) { menuOpts.totalHeight -= constants.gapButton; } else { menuOpts.totalWidth -= constants.gapButton; } menuOpts.headerWidth = menuOpts.width1 + constants.arrowPadX; menuOpts.headerHeight = menuOpts.height1; if(menuOpts.type === 'dropdown') { if(isVertical) { menuOpts.width1 += constants.arrowPadX; menuOpts.totalHeight = menuOpts.height1; } else { menuOpts.totalWidth = menuOpts.width1; } menuOpts.totalWidth += constants.arrowPadX; } fakeButtons.remove(); var paddedWidth = menuOpts.totalWidth + menuOpts.pad.l + menuOpts.pad.r; var paddedHeight = menuOpts.totalHeight + menuOpts.pad.t + menuOpts.pad.b; var graphSize = gd._fullLayout._size; menuOpts.lx = graphSize.l + graphSize.w * menuOpts.x; menuOpts.ly = graphSize.t + graphSize.h * (1 - menuOpts.y); var xanchor = 'left'; if(anchorUtils.isRightAnchor(menuOpts)) { menuOpts.lx -= paddedWidth; xanchor = 'right'; } if(anchorUtils.isCenterAnchor(menuOpts)) { menuOpts.lx -= paddedWidth / 2; xanchor = 'center'; } var yanchor = 'top'; if(anchorUtils.isBottomAnchor(menuOpts)) { menuOpts.ly -= paddedHeight; yanchor = 'bottom'; } if(anchorUtils.isMiddleAnchor(menuOpts)) { menuOpts.ly -= paddedHeight / 2; yanchor = 'middle'; } menuOpts.totalWidth = Math.ceil(menuOpts.totalWidth); menuOpts.totalHeight = Math.ceil(menuOpts.totalHeight); menuOpts.lx = Math.round(menuOpts.lx); menuOpts.ly = Math.round(menuOpts.ly); Plots.autoMargin(gd, constants.autoMarginIdRoot + menuOpts._index, { x: menuOpts.x, y: menuOpts.y, l: paddedWidth * ({right: 1, center: 0.5}[xanchor] || 0), r: paddedWidth * ({left: 1, center: 0.5}[xanchor] || 0), b: paddedHeight * ({top: 1, middle: 0.5}[yanchor] || 0), t: paddedHeight * ({bottom: 1, middle: 0.5}[yanchor] || 0) }); } // set item positions (mutates posOpts) function setItemPosition(item, menuOpts, posOpts, overrideOpts) { overrideOpts = overrideOpts || {}; var rect = item.select('.' + constants.itemRectClassName); var text = item.select('.' + constants.itemTextClassName); var borderWidth = menuOpts.borderwidth; var index = posOpts.index; Drawing.setTranslate(item, borderWidth + posOpts.x, borderWidth + posOpts.y); var isVertical = ['up', 'down'].indexOf(menuOpts.direction) !== -1; var finalHeight = overrideOpts.height || (isVertical ? menuOpts.heights[index] : menuOpts.height1); rect.attr({ x: 0, y: 0, width: overrideOpts.width || (isVertical ? menuOpts.width1 : menuOpts.widths[index]), height: finalHeight }); var tHeight = menuOpts.font.size * LINE_SPACING; var tLines = svgTextUtils.lineCount(text); var spanOffset = ((tLines - 1) * tHeight / 2); svgTextUtils.positionText(text, constants.textOffsetX, finalHeight / 2 - spanOffset + constants.textOffsetY); if(isVertical) { posOpts.y += menuOpts.heights[index] + posOpts.yPad; } else { posOpts.x += menuOpts.widths[index] + posOpts.xPad; } posOpts.index++; } function removeAllButtons(gButton) { gButton.selectAll('g.' + constants.dropdownButtonClassName).remove(); } function clearPushMargins(gd) { var pushMargins = gd._fullLayout._pushmargin || {}; var keys = Object.keys(pushMargins); for(var i = 0; i < keys.length; i++) { var k = keys[i]; if(k.indexOf(constants.autoMarginIdRoot) !== -1) { Plots.autoMargin(gd, k); } } } },{"../../constants/alignment":130,"../../lib/svg_text_utils":164,"../../plots/plots":212,"../color":34,"../drawing":58,"../legend/anchor_utils":84,"./constants":125,"./scrollbox":129,"d3":7}],128:[function(require,module,exports){ arguments[4][122][0].apply(exports,arguments) },{"./attributes":124,"./constants":125,"./defaults":126,"./draw":127,"dup":122}],129:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = ScrollBox; var d3 = require('d3'); var Color = require('../color'); var Drawing = require('../drawing'); var Lib = require('../../lib'); /** * Helper class to setup a scroll box * * @class * @param gd Plotly's graph div * @param container Container to be scroll-boxed (as a D3 selection) * @param {string} id Id for the clip path to implement the scroll box */ function ScrollBox(gd, container, id) { this.gd = gd; this.container = container; this.id = id; // See ScrollBox.prototype.enable for further definition this.position = null; // scrollbox position this.translateX = null; // scrollbox horizontal translation this.translateY = null; // scrollbox vertical translation this.hbar = null; // horizontal scrollbar D3 selection this.vbar = null; // vertical scrollbar D3 selection // element to capture pointer events this.bg = this.container.selectAll('rect.scrollbox-bg').data([0]); this.bg.exit() .on('.drag', null) .on('wheel', null) .remove(); this.bg.enter().append('rect') .classed('scrollbox-bg', true) .style('pointer-events', 'all') .attr({ opacity: 0, x: 0, y: 0, width: 0, height: 0 }); } // scroll bar dimensions ScrollBox.barWidth = 2; ScrollBox.barLength = 20; ScrollBox.barRadius = 2; ScrollBox.barPad = 1; ScrollBox.barColor = '#808BA4'; /** * If needed, setup a clip path and scrollbars * * @method * @param {Object} position * @param {number} position.l Left side position (in pixels) * @param {number} position.t Top side (in pixels) * @param {number} position.w Width (in pixels) * @param {number} position.h Height (in pixels) * @param {string} [position.direction='down'] * Either 'down', 'left', 'right' or 'up' * @param {number} [translateX=0] Horizontal offset (in pixels) * @param {number} [translateY=0] Vertical offset (in pixels) */ ScrollBox.prototype.enable = function enable(position, translateX, translateY) { var fullLayout = this.gd._fullLayout, fullWidth = fullLayout.width, fullHeight = fullLayout.height; // compute position of scrollbox this.position = position; var l = this.position.l, w = this.position.w, t = this.position.t, h = this.position.h, direction = this.position.direction, isDown = (direction === 'down'), isLeft = (direction === 'left'), isRight = (direction === 'right'), isUp = (direction === 'up'), boxW = w, boxH = h, boxL, boxR, boxT, boxB; if(!isDown && !isLeft && !isRight && !isUp) { this.position.direction = 'down'; isDown = true; } var isVertical = isDown || isUp; if(isVertical) { boxL = l; boxR = boxL + boxW; if(isDown) { // anchor to top side boxT = t; boxB = Math.min(boxT + boxH, fullHeight); boxH = boxB - boxT; } else { // anchor to bottom side boxB = t + boxH; boxT = Math.max(boxB - boxH, 0); boxH = boxB - boxT; } } else { boxT = t; boxB = boxT + boxH; if(isLeft) { // anchor to right side boxR = l + boxW; boxL = Math.max(boxR - boxW, 0); boxW = boxR - boxL; } else { // anchor to left side boxL = l; boxR = Math.min(boxL + boxW, fullWidth); boxW = boxR - boxL; } } this._box = { l: boxL, t: boxT, w: boxW, h: boxH }; // compute position of horizontal scroll bar var needsHorizontalScrollBar = (w > boxW), hbarW = ScrollBox.barLength + 2 * ScrollBox.barPad, hbarH = ScrollBox.barWidth + 2 * ScrollBox.barPad, // draw horizontal scrollbar on the bottom side hbarL = l, hbarT = t + h; if(hbarT + hbarH > fullHeight) hbarT = fullHeight - hbarH; var hbar = this.container.selectAll('rect.scrollbar-horizontal').data( (needsHorizontalScrollBar) ? [0] : []); hbar.exit() .on('.drag', null) .remove(); hbar.enter().append('rect') .classed('scrollbar-horizontal', true) .call(Color.fill, ScrollBox.barColor); if(needsHorizontalScrollBar) { this.hbar = hbar.attr({ 'rx': ScrollBox.barRadius, 'ry': ScrollBox.barRadius, 'x': hbarL, 'y': hbarT, 'width': hbarW, 'height': hbarH }); // hbar center moves between hbarXMin and hbarXMin + hbarTranslateMax this._hbarXMin = hbarL + hbarW / 2; this._hbarTranslateMax = boxW - hbarW; } else { delete this.hbar; delete this._hbarXMin; delete this._hbarTranslateMax; } // compute position of vertical scroll bar var needsVerticalScrollBar = (h > boxH), vbarW = ScrollBox.barWidth + 2 * ScrollBox.barPad, vbarH = ScrollBox.barLength + 2 * ScrollBox.barPad, // draw vertical scrollbar on the right side vbarL = l + w, vbarT = t; if(vbarL + vbarW > fullWidth) vbarL = fullWidth - vbarW; var vbar = this.container.selectAll('rect.scrollbar-vertical').data( (needsVerticalScrollBar) ? [0] : []); vbar.exit() .on('.drag', null) .remove(); vbar.enter().append('rect') .classed('scrollbar-vertical', true) .call(Color.fill, ScrollBox.barColor); if(needsVerticalScrollBar) { this.vbar = vbar.attr({ 'rx': ScrollBox.barRadius, 'ry': ScrollBox.barRadius, 'x': vbarL, 'y': vbarT, 'width': vbarW, 'height': vbarH }); // vbar center moves between vbarYMin and vbarYMin + vbarTranslateMax this._vbarYMin = vbarT + vbarH / 2; this._vbarTranslateMax = boxH - vbarH; } else { delete this.vbar; delete this._vbarYMin; delete this._vbarTranslateMax; } // setup a clip path (if scroll bars are needed) var clipId = this.id, clipL = boxL - 0.5, clipR = (needsVerticalScrollBar) ? boxR + vbarW + 0.5 : boxR + 0.5, clipT = boxT - 0.5, clipB = (needsHorizontalScrollBar) ? boxB + hbarH + 0.5 : boxB + 0.5; var clipPath = fullLayout._topdefs.selectAll('#' + clipId) .data((needsHorizontalScrollBar || needsVerticalScrollBar) ? [0] : []); clipPath.exit().remove(); clipPath.enter() .append('clipPath').attr('id', clipId) .append('rect'); if(needsHorizontalScrollBar || needsVerticalScrollBar) { this._clipRect = clipPath.select('rect').attr({ x: Math.floor(clipL), y: Math.floor(clipT), width: Math.ceil(clipR) - Math.floor(clipL), height: Math.ceil(clipB) - Math.floor(clipT) }); this.container.call(Drawing.setClipUrl, clipId); this.bg.attr({ x: l, y: t, width: w, height: h }); } else { this.bg.attr({ width: 0, height: 0 }); this.container .on('wheel', null) .on('.drag', null) .call(Drawing.setClipUrl, null); delete this._clipRect; } // set up drag listeners (if scroll bars are needed) if(needsHorizontalScrollBar || needsVerticalScrollBar) { var onBoxDrag = d3.behavior.drag() .on('dragstart', function() { d3.event.sourceEvent.preventDefault(); }) .on('drag', this._onBoxDrag.bind(this)); this.container .on('wheel', null) .on('wheel', this._onBoxWheel.bind(this)) .on('.drag', null) .call(onBoxDrag); var onBarDrag = d3.behavior.drag() .on('dragstart', function() { d3.event.sourceEvent.preventDefault(); d3.event.sourceEvent.stopPropagation(); }) .on('drag', this._onBarDrag.bind(this)); if(needsHorizontalScrollBar) { this.hbar .on('.drag', null) .call(onBarDrag); } if(needsVerticalScrollBar) { this.vbar .on('.drag', null) .call(onBarDrag); } } // set scrollbox translation this.setTranslate(translateX, translateY); }; /** * If present, remove clip-path and scrollbars * * @method */ ScrollBox.prototype.disable = function disable() { if(this.hbar || this.vbar) { this.bg.attr({ width: 0, height: 0 }); this.container .on('wheel', null) .on('.drag', null) .call(Drawing.setClipUrl, null); delete this._clipRect; } if(this.hbar) { this.hbar.on('.drag', null); this.hbar.remove(); delete this.hbar; delete this._hbarXMin; delete this._hbarTranslateMax; } if(this.vbar) { this.vbar.on('.drag', null); this.vbar.remove(); delete this.vbar; delete this._vbarYMin; delete this._vbarTranslateMax; } }; /** * Handles scroll box drag events * * @method */ ScrollBox.prototype._onBoxDrag = function onBarDrag() { var translateX = this.translateX, translateY = this.translateY; if(this.hbar) { translateX -= d3.event.dx; } if(this.vbar) { translateY -= d3.event.dy; } this.setTranslate(translateX, translateY); }; /** * Handles scroll box wheel events * * @method */ ScrollBox.prototype._onBoxWheel = function onBarWheel() { var translateX = this.translateX, translateY = this.translateY; if(this.hbar) { translateX += d3.event.deltaY; } if(this.vbar) { translateY += d3.event.deltaY; } this.setTranslate(translateX, translateY); }; /** * Handles scroll bar drag events * * @method */ ScrollBox.prototype._onBarDrag = function onBarDrag() { var translateX = this.translateX, translateY = this.translateY; if(this.hbar) { var xMin = translateX + this._hbarXMin, xMax = xMin + this._hbarTranslateMax, x = Lib.constrain(d3.event.x, xMin, xMax), xf = (x - xMin) / (xMax - xMin); var translateXMax = this.position.w - this._box.w; translateX = xf * translateXMax; } if(this.vbar) { var yMin = translateY + this._vbarYMin, yMax = yMin + this._vbarTranslateMax, y = Lib.constrain(d3.event.y, yMin, yMax), yf = (y - yMin) / (yMax - yMin); var translateYMax = this.position.h - this._box.h; translateY = yf * translateYMax; } this.setTranslate(translateX, translateY); }; /** * Set clip path and scroll bar translate transform * * @method * @param {number} [translateX=0] Horizontal offset (in pixels) * @param {number} [translateY=0] Vertical offset (in pixels) */ ScrollBox.prototype.setTranslate = function setTranslate(translateX, translateY) { // store translateX and translateY (needed by mouse event handlers) var translateXMax = this.position.w - this._box.w, translateYMax = this.position.h - this._box.h; translateX = Lib.constrain(translateX || 0, 0, translateXMax); translateY = Lib.constrain(translateY || 0, 0, translateYMax); this.translateX = translateX; this.translateY = translateY; this.container.call(Drawing.setTranslate, this._box.l - this.position.l - translateX, this._box.t - this.position.t - translateY); if(this._clipRect) { this._clipRect.attr({ x: Math.floor(this.position.l + translateX - 0.5), y: Math.floor(this.position.t + translateY - 0.5) }); } if(this.hbar) { var xf = translateX / translateXMax; this.hbar.call(Drawing.setTranslate, translateX + xf * this._hbarTranslateMax, translateY); } if(this.vbar) { var yf = translateY / translateYMax; this.vbar.call(Drawing.setTranslate, translateX, translateY + yf * this._vbarTranslateMax); } }; },{"../../lib":147,"../color":34,"../drawing":58,"d3":7}],130:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // fraction of some size to get to a named position module.exports = { // from bottom left: this is the origin of our paper-reference // positioning system FROM_BL: { left: 0, center: 0.5, right: 1, bottom: 0, middle: 0.5, top: 1 }, // from top left: this is the screen pixel positioning origin FROM_TL: { left: 0, center: 0.5, right: 1, bottom: 1, middle: 0.5, top: 0 }, // multiple of fontSize to get the vertical offset between lines LINE_SPACING: 1.3, // multiple of fontSize to shift from the baseline to the midline // (to use when we don't calculate this shift from Drawing.bBox) // To be precise this should be half the cap height (capital letter) // of the font, and according to wikipedia: // an "average" font might have a cap height of 70% of the em // https://en.wikipedia.org/wiki/Em_(typography)#History MID_SHIFT: 0.35 }; },{}],131:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { /** * Timing information for interactive elements */ SHOW_PLACEHOLDER: 100, HIDE_PLACEHOLDER: 1000, // ms between first mousedown and 2nd mouseup to constitute dblclick... // we don't seem to have access to the system setting DBLCLICKDELAY: 300, // opacity dimming fraction for points that are not in selection DESELECTDIM: 0.2 }; },{}],132:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { /** * Standardize all missing data in calcdata to use undefined * never null or NaN. * That way we can use !==undefined, or !== BADNUM, * to test for real data */ BADNUM: undefined, /* * Limit certain operations to well below floating point max value * to avoid glitches: Make sure that even when you multiply it by the * number of pixels on a giant screen it still works */ FP_SAFE: Number.MAX_VALUE / 10000, /* * conversion of date units to milliseconds * year and month constants are marked "AVG" * to remind us that not all years and months * have the same length */ ONEAVGYEAR: 31557600000, // 365.25 days ONEAVGMONTH: 2629800000, // 1/12 of ONEAVGYEAR ONEDAY: 86400000, ONEHOUR: 3600000, ONEMIN: 60000, ONESEC: 1000, /* * For fast conversion btwn world calendars and epoch ms, the Julian Day Number * of the unix epoch. From calendars.instance().newDate(1970, 1, 1).toJD() */ EPOCHJD: 2440587.5, /* * Are two values nearly equal? Compare to 1PPM */ ALMOST_EQUAL: 1 - 1e-6 }; },{}],133:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // N.B. HTML entities are listed without the leading '&' and trailing ';' // https://www.freeformatter.com/html-entities.html module.exports = { entityToUnicode: { 'mu': 'μ', '#956': 'μ', 'amp': '&', '#28': '&', 'lt': '<', '#60': '<', 'gt': '>', '#62': '>', 'nbsp': ' ', '#160': ' ', 'times': '×', '#215': '×', 'plusmn': '±', '#177': '±', 'deg': '°', '#176': '°' } }; },{}],134:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; exports.xmlns = 'http://www.w3.org/2000/xmlns/'; exports.svg = 'http://www.w3.org/2000/svg'; exports.xlink = 'http://www.w3.org/1999/xlink'; // the 'old' d3 quirk got fix in v3.5.7 // https://github.com/mbostock/d3/commit/a6f66e9dd37f764403fc7c1f26be09ab4af24fed exports.svgAttrs = { xmlns: exports.svg, 'xmlns:xlink': exports.xlink }; },{}],135:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /* * Export the plotly.js API methods. */ var Plotly = require('./plotly'); // package version injected by `npm run preprocess` exports.version = '1.29.3'; // inject promise polyfill require('es6-promise').polyfill(); // inject plot css require('../build/plotcss'); // inject default MathJax config require('./fonts/mathjax_config'); // plot api exports.plot = Plotly.plot; exports.newPlot = Plotly.newPlot; exports.restyle = Plotly.restyle; exports.relayout = Plotly.relayout; exports.redraw = Plotly.redraw; exports.update = Plotly.update; exports.extendTraces = Plotly.extendTraces; exports.prependTraces = Plotly.prependTraces; exports.addTraces = Plotly.addTraces; exports.deleteTraces = Plotly.deleteTraces; exports.moveTraces = Plotly.moveTraces; exports.purge = Plotly.purge; exports.setPlotConfig = require('./plot_api/set_plot_config'); exports.register = require('./plot_api/register'); exports.toImage = require('./plot_api/to_image'); exports.downloadImage = require('./snapshot/download'); exports.validate = require('./plot_api/validate'); exports.addFrames = Plotly.addFrames; exports.deleteFrames = Plotly.deleteFrames; exports.animate = Plotly.animate; // scatter is the only trace included by default exports.register(require('./traces/scatter')); // register all registrable components modules exports.register([ require('./components/fx'), require('./components/legend'), require('./components/annotations'), require('./components/annotations3d'), require('./components/shapes'), require('./components/images'), require('./components/updatemenus'), require('./components/sliders'), require('./components/rangeslider'), require('./components/rangeselector') ]); // plot icons exports.Icons = require('../build/ploticon'); // unofficial 'beta' plot methods, use at your own risk exports.Plots = Plotly.Plots; exports.Fx = require('./components/fx'); exports.Snapshot = require('./snapshot'); exports.PlotSchema = require('./plot_api/plot_schema'); exports.Queue = require('./lib/queue'); // export d3 used in the bundle exports.d3 = require('d3'); },{"../build/plotcss":1,"../build/ploticon":2,"./components/annotations":27,"./components/annotations3d":32,"./components/fx":75,"./components/images":83,"./components/legend":91,"./components/rangeselector":103,"./components/rangeslider":109,"./components/shapes":116,"./components/sliders":122,"./components/updatemenus":128,"./fonts/mathjax_config":136,"./lib/queue":159,"./plot_api/plot_schema":172,"./plot_api/register":173,"./plot_api/set_plot_config":174,"./plot_api/to_image":176,"./plot_api/validate":177,"./plotly":178,"./snapshot":224,"./snapshot/download":221,"./traces/scatter":263,"d3":7,"es6-promise":8}],136:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /* global MathJax:false */ /** * Check and configure MathJax */ if(typeof MathJax !== 'undefined') { exports.MathJax = true; MathJax.Hub.Config({ messageStyle: 'none', skipStartupTypeset: true, displayAlign: 'left', tex2jax: { inlineMath: [['$', '$'], ['\\(', '\\)']] } }); MathJax.Hub.Configured(); } else { exports.MathJax = false; } },{}],137:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var BADNUM = require('../constants/numerical').BADNUM; // precompile for speed var JUNK = /^['"%,$#\s']+|[, ]|['"%,$#\s']+$/g; /** * cleanNumber: remove common leading and trailing cruft * Always returns either a number or BADNUM. */ module.exports = function cleanNumber(v) { if(typeof v === 'string') { v = v.replace(JUNK, ''); } if(isNumeric(v)) return Number(v); return BADNUM; }; },{"../constants/numerical":132,"fast-isnumeric":10}],138:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var tinycolor = require('tinycolor2'); var baseTraceAttrs = require('../plots/attributes'); var getColorscale = require('../components/colorscale/get_scale'); var colorscaleNames = Object.keys(require('../components/colorscale/scales')); var nestedProperty = require('./nested_property'); var ID_REGEX = /^([2-9]|[1-9][0-9]+)$/; exports.valObjects = { data_array: { // You can use *dflt=[] to force said array to exist though. coerceFunction: function(v, propOut, dflt) { if(Array.isArray(v)) propOut.set(v); else if(dflt !== undefined) propOut.set(dflt); } }, enumerated: { coerceFunction: function(v, propOut, dflt, opts) { if(opts.coerceNumber) v = +v; if(opts.values.indexOf(v) === -1) propOut.set(dflt); else propOut.set(v); }, validateFunction: function(v, opts) { if(opts.coerceNumber) v = +v; var values = opts.values; for(var i = 0; i < values.length; i++) { var k = String(values[i]); if((k.charAt(0) === '/' && k.charAt(k.length - 1) === '/')) { var regex = new RegExp(k.substr(1, k.length - 2)); if(regex.test(v)) return true; } else if(v === values[i]) return true; } return false; } }, 'boolean': { coerceFunction: function(v, propOut, dflt) { if(v === true || v === false) propOut.set(v); else propOut.set(dflt); } }, number: { coerceFunction: function(v, propOut, dflt, opts) { if(!isNumeric(v) || (opts.min !== undefined && v < opts.min) || (opts.max !== undefined && v > opts.max)) { propOut.set(dflt); } else propOut.set(+v); } }, integer: { coerceFunction: function(v, propOut, dflt, opts) { if(v % 1 || !isNumeric(v) || (opts.min !== undefined && v < opts.min) || (opts.max !== undefined && v > opts.max)) { propOut.set(dflt); } else propOut.set(+v); } }, string: { // TODO 'values shouldn't be in there (edge case: 'dash' in Scatter) coerceFunction: function(v, propOut, dflt, opts) { if(typeof v !== 'string') { var okToCoerce = (typeof v === 'number'); if(opts.strict === true || !okToCoerce) propOut.set(dflt); else propOut.set(String(v)); } else if(opts.noBlank && !v) propOut.set(dflt); else propOut.set(v); } }, color: { coerceFunction: function(v, propOut, dflt) { if(tinycolor(v).isValid()) propOut.set(v); else propOut.set(dflt); } }, colorscale: { coerceFunction: function(v, propOut, dflt) { propOut.set(getColorscale(v, dflt)); } }, angle: { coerceFunction: function(v, propOut, dflt) { if(v === 'auto') propOut.set('auto'); else if(!isNumeric(v)) propOut.set(dflt); else { if(Math.abs(v) > 180) v -= Math.round(v / 360) * 360; propOut.set(+v); } } }, subplotid: { coerceFunction: function(v, propOut, dflt) { var dlen = dflt.length; if(typeof v === 'string' && v.substr(0, dlen) === dflt && ID_REGEX.test(v.substr(dlen))) { propOut.set(v); return; } propOut.set(dflt); }, validateFunction: function(v, opts) { var dflt = opts.dflt, dlen = dflt.length; if(v === dflt) return true; if(typeof v !== 'string') return false; if(v.substr(0, dlen) === dflt && ID_REGEX.test(v.substr(dlen))) { return true; } return false; } }, flaglist: { coerceFunction: function(v, propOut, dflt, opts) { if(typeof v !== 'string') { propOut.set(dflt); return; } if((opts.extras || []).indexOf(v) !== -1) { propOut.set(v); return; } var vParts = v.split('+'), i = 0; while(i < vParts.length) { var vi = vParts[i]; if(opts.flags.indexOf(vi) === -1 || vParts.indexOf(vi) < i) { vParts.splice(i, 1); } else i++; } if(!vParts.length) propOut.set(dflt); else propOut.set(vParts.join('+')); } }, any: { coerceFunction: function(v, propOut, dflt) { if(v === undefined) propOut.set(dflt); else propOut.set(v); } }, info_array: { coerceFunction: function(v, propOut, dflt, opts) { if(!Array.isArray(v)) { propOut.set(dflt); return; } var items = opts.items, vOut = []; dflt = Array.isArray(dflt) ? dflt : []; for(var i = 0; i < items.length; i++) { exports.coerce(v, vOut, items, '[' + i + ']', dflt[i]); } propOut.set(vOut); }, validateFunction: function(v, opts) { if(!Array.isArray(v)) return false; var items = opts.items; // when free length is off, input and declared lengths must match if(!opts.freeLength && v.length !== items.length) return false; // valid when all input items are valid for(var i = 0; i < v.length; i++) { var isItemValid = exports.validate(v[i], opts.items[i]); if(!isItemValid) return false; } return true; } } }; /** * Ensures that container[attribute] has a valid value. * * attributes[attribute] is an object with possible keys: * - valType: data_array, enumerated, boolean, ... as in valObjects * - values: (enumerated only) array of allowed vals * - min, max: (number, integer only) inclusive bounds on allowed vals * either or both may be omitted * - dflt: if attribute is invalid or missing, use this default * if dflt is provided as an argument to lib.coerce it takes precedence * as a convenience, returns the value it finally set */ exports.coerce = function(containerIn, containerOut, attributes, attribute, dflt) { var opts = nestedProperty(attributes, attribute).get(), propIn = nestedProperty(containerIn, attribute), propOut = nestedProperty(containerOut, attribute), v = propIn.get(); if(dflt === undefined) dflt = opts.dflt; /** * arrayOk: value MAY be an array, then we do no value checking * at this point, because it can be more complicated than the * individual form (eg. some array vals can be numbers, even if the * single values must be color strings) */ if(opts.arrayOk && Array.isArray(v)) { propOut.set(v); return v; } exports.valObjects[opts.valType].coerceFunction(v, propOut, dflt, opts); return propOut.get(); }; /** * Variation on coerce * * Uses coerce to get attribute value if user input is valid, * returns attribute default if user input it not valid or * returns false if there is no user input. */ exports.coerce2 = function(containerIn, containerOut, attributes, attribute, dflt) { var propIn = nestedProperty(containerIn, attribute), propOut = exports.coerce(containerIn, containerOut, attributes, attribute, dflt), valIn = propIn.get(); return (valIn !== undefined && valIn !== null) ? propOut : false; }; /* * Shortcut to coerce the three font attributes * * 'coerce' is a lib.coerce wrapper with implied first three arguments */ exports.coerceFont = function(coerce, attr, dfltObj) { var out = {}; dfltObj = dfltObj || {}; out.family = coerce(attr + '.family', dfltObj.family); out.size = coerce(attr + '.size', dfltObj.size); out.color = coerce(attr + '.color', dfltObj.color); return out; }; /** Coerce shortcut for 'hoverinfo' * handling 1-vs-multi-trace dflt logic * * @param {object} traceIn : user trace object * @param {object} traceOut : full trace object (requires _module ref) * @param {object} layoutOut : full layout object (require _dataLength ref) * @return {any} : the coerced value */ exports.coerceHoverinfo = function(traceIn, traceOut, layoutOut) { var moduleAttrs = traceOut._module.attributes; var attrs = moduleAttrs.hoverinfo ? {hoverinfo: moduleAttrs.hoverinfo} : baseTraceAttrs; var valObj = attrs.hoverinfo; var dflt; if(layoutOut._dataLength === 1) { var flags = valObj.dflt === 'all' ? valObj.flags.slice() : valObj.dflt.split('+'); flags.splice(flags.indexOf('name'), 1); dflt = flags.join('+'); } return exports.coerce(traceIn, traceOut, attrs, 'hoverinfo', dflt); }; exports.validate = function(value, opts) { var valObject = exports.valObjects[opts.valType]; if(opts.arrayOk && Array.isArray(value)) return true; if(valObject.validateFunction) { return valObject.validateFunction(value, opts); } var failed = {}, out = failed, propMock = { set: function(v) { out = v; } }; // 'failed' just something mutable that won't be === anything else valObject.coerceFunction(value, propMock, failed, opts); return out !== failed; }; },{"../components/colorscale/get_scale":46,"../components/colorscale/scales":52,"../plots/attributes":181,"./nested_property":153,"fast-isnumeric":10,"tinycolor2":16}],139:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var isNumeric = require('fast-isnumeric'); var logError = require('./loggers').error; var mod = require('./mod'); var constants = require('../constants/numerical'); var BADNUM = constants.BADNUM; var ONEDAY = constants.ONEDAY; var ONEHOUR = constants.ONEHOUR; var ONEMIN = constants.ONEMIN; var ONESEC = constants.ONESEC; var EPOCHJD = constants.EPOCHJD; var Registry = require('../registry'); var utcFormat = d3.time.format.utc; var DATETIME_REGEXP = /^\s*(-?\d\d\d\d|\d\d)(-(\d?\d)(-(\d?\d)([ Tt]([01]?\d|2[0-3])(:([0-5]\d)(:([0-5]\d(\.\d+)?))?(Z|z|[+\-]\d\d:?\d\d)?)?)?)?)?\s*$/m; // special regex for chinese calendars to support yyyy-mmi-dd etc for intercalary months var DATETIME_REGEXP_CN = /^\s*(-?\d\d\d\d|\d\d)(-(\d?\di?)(-(\d?\d)([ Tt]([01]?\d|2[0-3])(:([0-5]\d)(:([0-5]\d(\.\d+)?))?(Z|z|[+\-]\d\d:?\d\d)?)?)?)?)?\s*$/m; // for 2-digit years, the first year we map them onto var YFIRST = new Date().getFullYear() - 70; function isWorldCalendar(calendar) { return ( calendar && Registry.componentsRegistry.calendars && typeof calendar === 'string' && calendar !== 'gregorian' ); } /* * dateTick0: get the canonical tick for this calendar * * bool sunday is for week ticks, shift it to a Sunday. */ exports.dateTick0 = function(calendar, sunday) { if(isWorldCalendar(calendar)) { return sunday ? Registry.getComponentMethod('calendars', 'CANONICAL_SUNDAY')[calendar] : Registry.getComponentMethod('calendars', 'CANONICAL_TICK')[calendar]; } else { return sunday ? '2000-01-02' : '2000-01-01'; } }; /* * dfltRange: for each calendar, give a valid default range */ exports.dfltRange = function(calendar) { if(isWorldCalendar(calendar)) { return Registry.getComponentMethod('calendars', 'DFLTRANGE')[calendar]; } else { return ['2000-01-01', '2001-01-01']; } }; // is an object a javascript date? exports.isJSDate = function(v) { return typeof v === 'object' && v !== null && typeof v.getTime === 'function'; }; // The absolute limits of our date-time system // This is a little weird: we use MIN_MS and MAX_MS in dateTime2ms // but we use dateTime2ms to calculate them (after defining it!) var MIN_MS, MAX_MS; /** * dateTime2ms - turn a date object or string s into milliseconds * (relative to 1970-01-01, per javascript standard) * optional calendar (string) to use a non-gregorian calendar * * Returns BADNUM if it doesn't find a date * * strings should have the form: * * -?YYYY-mm-ddHH:MM:SS.sss? * * : space (our normal standard) or T or t (ISO-8601) * : Z, z, or [+\-]HH:?MM and we THROW IT AWAY * this format comes from https://tools.ietf.org/html/rfc3339#section-5.6 * but we allow it even with a space as the separator * * May truncate after any full field, and sss can be any length * even >3 digits, though javascript dates truncate to milliseconds, * we keep as much as javascript numeric precision can hold, but we only * report back up to 100 microsecond precision, because most dates support * this precision (close to 1970 support more, very far away support less) * * Expanded to support negative years to -9999 but you must always * give 4 digits, except for 2-digit positive years which we assume are * near the present time. * Note that we follow ISO 8601:2004: there *is* a year 0, which * is 1BC/BCE, and -1===2BC etc. * * World calendars: not all of these *have* agreed extensions to this full range, * if you have another calendar system but want a date range outside its validity, * you can use a gregorian date string prefixed with 'G' or 'g'. * * Where to cut off 2-digit years between 1900s and 2000s? * from http://support.microsoft.com/kb/244664: * 1930-2029 (the most retro of all...) * but in my mac chrome from eg. d=new Date(Date.parse('8/19/50')): * 1950-2049 * by Java, from http://stackoverflow.com/questions/2024273/: * now-80 - now+19 * or FileMaker Pro, from * http://www.filemaker.com/12help/html/add_view_data.4.21.html: * now-70 - now+29 * but python strptime etc, via * http://docs.python.org/py3k/library/time.html: * 1969-2068 (super forward-looking, but static, not sliding!) * * lets go with now-70 to now+29, and if anyone runs into this problem * they can learn the hard way not to use 2-digit years, as no choice we * make now will cover all possibilities. mostly this will all be taken * care of in initial parsing, should only be an issue for hand-entered data * currently (2016) this range is: * 1946-2045 */ exports.dateTime2ms = function(s, calendar) { // first check if s is a date object if(exports.isJSDate(s)) { // Convert to the UTC milliseconds that give the same // hours as this date has in the local timezone s = Number(s) - s.getTimezoneOffset() * ONEMIN; if(s >= MIN_MS && s <= MAX_MS) return s; return BADNUM; } // otherwise only accept strings and numbers if(typeof s !== 'string' && typeof s !== 'number') return BADNUM; s = String(s); var isWorld = isWorldCalendar(calendar); // to handle out-of-range dates in international calendars, accept // 'G' as a prefix to force the built-in gregorian calendar. var s0 = s.charAt(0); if(isWorld && (s0 === 'G' || s0 === 'g')) { s = s.substr(1); calendar = ''; } var isChinese = isWorld && calendar.substr(0, 7) === 'chinese'; var match = s.match(isChinese ? DATETIME_REGEXP_CN : DATETIME_REGEXP); if(!match) return BADNUM; var y = match[1], m = match[3] || '1', d = Number(match[5] || 1), H = Number(match[7] || 0), M = Number(match[9] || 0), S = Number(match[11] || 0); if(isWorld) { // disallow 2-digit years for world calendars if(y.length === 2) return BADNUM; y = Number(y); var cDate; try { var calInstance = Registry.getComponentMethod('calendars', 'getCal')(calendar); if(isChinese) { var isIntercalary = m.charAt(m.length - 1) === 'i'; m = parseInt(m, 10); cDate = calInstance.newDate(y, calInstance.toMonthIndex(y, m, isIntercalary), d); } else { cDate = calInstance.newDate(y, Number(m), d); } } catch(e) { return BADNUM; } // Invalid ... date if(!cDate) return BADNUM; return ((cDate.toJD() - EPOCHJD) * ONEDAY) + (H * ONEHOUR) + (M * ONEMIN) + (S * ONESEC); } if(y.length === 2) { y = (Number(y) + 2000 - YFIRST) % 100 + YFIRST; } else y = Number(y); // new Date uses months from 0; subtract 1 here just so we // don't have to do it again during the validity test below m -= 1; // javascript takes new Date(0..99,m,d) to mean 1900-1999, so // to support years 0-99 we need to use setFullYear explicitly // Note that 2000 is a leap year. var date = new Date(Date.UTC(2000, m, d, H, M)); date.setUTCFullYear(y); if(date.getUTCMonth() !== m) return BADNUM; if(date.getUTCDate() !== d) return BADNUM; return date.getTime() + S * ONESEC; }; MIN_MS = exports.MIN_MS = exports.dateTime2ms('-9999'); MAX_MS = exports.MAX_MS = exports.dateTime2ms('9999-12-31 23:59:59.9999'); // is string s a date? (see above) exports.isDateTime = function(s, calendar) { return (exports.dateTime2ms(s, calendar) !== BADNUM); }; // pad a number with zeroes, to given # of digits before the decimal point function lpad(val, digits) { return String(val + Math.pow(10, digits)).substr(1); } /** * Turn ms into string of the form YYYY-mm-dd HH:MM:SS.ssss * Crop any trailing zeros in time, except never stop right after hours * (we could choose to crop '-01' from date too but for now we always * show the whole date) * Optional range r is the data range that applies, also in ms. * If rng is big, the later parts of time will be omitted */ var NINETYDAYS = 90 * ONEDAY; var THREEHOURS = 3 * ONEHOUR; var FIVEMIN = 5 * ONEMIN; exports.ms2DateTime = function(ms, r, calendar) { if(typeof ms !== 'number' || !(ms >= MIN_MS && ms <= MAX_MS)) return BADNUM; if(!r) r = 0; var msecTenths = Math.floor(mod(ms + 0.05, 1) * 10), msRounded = Math.round(ms - msecTenths / 10), dateStr, h, m, s, msec10, d; if(isWorldCalendar(calendar)) { var dateJD = Math.floor(msRounded / ONEDAY) + EPOCHJD, timeMs = Math.floor(mod(ms, ONEDAY)); try { dateStr = Registry.getComponentMethod('calendars', 'getCal')(calendar) .fromJD(dateJD).formatDate('yyyy-mm-dd'); } catch(e) { // invalid date in this calendar - fall back to Gyyyy-mm-dd dateStr = utcFormat('G%Y-%m-%d')(new Date(msRounded)); } // yyyy does NOT guarantee 4-digit years. YYYY mostly does, but does // other things for a few calendars, so we can't trust it. Just pad // it manually (after the '-' if there is one) if(dateStr.charAt(0) === '-') { while(dateStr.length < 11) dateStr = '-0' + dateStr.substr(1); } else { while(dateStr.length < 10) dateStr = '0' + dateStr; } // TODO: if this is faster, we could use this block for extracting // the time components of regular gregorian too h = (r < NINETYDAYS) ? Math.floor(timeMs / ONEHOUR) : 0; m = (r < NINETYDAYS) ? Math.floor((timeMs % ONEHOUR) / ONEMIN) : 0; s = (r < THREEHOURS) ? Math.floor((timeMs % ONEMIN) / ONESEC) : 0; msec10 = (r < FIVEMIN) ? (timeMs % ONESEC) * 10 + msecTenths : 0; } else { d = new Date(msRounded); dateStr = utcFormat('%Y-%m-%d')(d); // <90 days: add hours and minutes - never *only* add hours h = (r < NINETYDAYS) ? d.getUTCHours() : 0; m = (r < NINETYDAYS) ? d.getUTCMinutes() : 0; // <3 hours: add seconds s = (r < THREEHOURS) ? d.getUTCSeconds() : 0; // <5 minutes: add ms (plus one extra digit, this is msec*10) msec10 = (r < FIVEMIN) ? d.getUTCMilliseconds() * 10 + msecTenths : 0; } return includeTime(dateStr, h, m, s, msec10); }; // For converting old-style milliseconds to date strings, // we use the local timezone rather than UTC like we use // everywhere else, both for backward compatibility and // because that's how people mostly use javasript date objects. // Clip one extra day off our date range though so we can't get // thrown beyond the range by the timezone shift. exports.ms2DateTimeLocal = function(ms) { if(!(ms >= MIN_MS + ONEDAY && ms <= MAX_MS - ONEDAY)) return BADNUM; var msecTenths = Math.floor(mod(ms + 0.05, 1) * 10), d = new Date(Math.round(ms - msecTenths / 10)), dateStr = d3.time.format('%Y-%m-%d')(d), h = d.getHours(), m = d.getMinutes(), s = d.getSeconds(), msec10 = d.getUTCMilliseconds() * 10 + msecTenths; return includeTime(dateStr, h, m, s, msec10); }; function includeTime(dateStr, h, m, s, msec10) { // include each part that has nonzero data in or after it if(h || m || s || msec10) { dateStr += ' ' + lpad(h, 2) + ':' + lpad(m, 2); if(s || msec10) { dateStr += ':' + lpad(s, 2); if(msec10) { var digits = 4; while(msec10 % 10 === 0) { digits -= 1; msec10 /= 10; } dateStr += '.' + lpad(msec10, digits); } } } return dateStr; } // normalize date format to date string, in case it starts as // a Date object or milliseconds // optional dflt is the return value if cleaning fails exports.cleanDate = function(v, dflt, calendar) { if(exports.isJSDate(v) || typeof v === 'number') { // do not allow milliseconds (old) or jsdate objects (inherently // described as gregorian dates) with world calendars if(isWorldCalendar(calendar)) { logError('JS Dates and milliseconds are incompatible with world calendars', v); return dflt; } // NOTE: if someone puts in a year as a number rather than a string, // this will mistakenly convert it thinking it's milliseconds from 1970 // that is: '2012' -> Jan. 1, 2012, but 2012 -> 2012 epoch milliseconds v = exports.ms2DateTimeLocal(+v); if(!v && dflt !== undefined) return dflt; } else if(!exports.isDateTime(v, calendar)) { logError('unrecognized date', v); return dflt; } return v; }; /* * Date formatting for ticks and hovertext */ /* * modDateFormat: Support world calendars, and add one item to * d3's vocabulary: * %{n}f where n is the max number of digits of fractional seconds */ var fracMatch = /%\d?f/g; function modDateFormat(fmt, x, calendar) { fmt = fmt.replace(fracMatch, function(match) { var digits = Math.min(+(match.charAt(1)) || 6, 6), fracSecs = ((x / 1000 % 1) + 2) .toFixed(digits) .substr(2).replace(/0+$/, '') || '0'; return fracSecs; }); var d = new Date(Math.floor(x + 0.05)); if(isWorldCalendar(calendar)) { try { fmt = Registry.getComponentMethod('calendars', 'worldCalFmt')(fmt, x, calendar); } catch(e) { return 'Invalid'; } } return utcFormat(fmt)(d); } /* * formatTime: create a time string from: * x: milliseconds * tr: tickround ('M', 'S', or # digits) * only supports UTC times (where every day is 24 hours and 0 is at midnight) */ var MAXSECONDS = [59, 59.9, 59.99, 59.999, 59.9999]; function formatTime(x, tr) { var timePart = mod(x + 0.05, ONEDAY); var timeStr = lpad(Math.floor(timePart / ONEHOUR), 2) + ':' + lpad(mod(Math.floor(timePart / ONEMIN), 60), 2); if(tr !== 'M') { if(!isNumeric(tr)) tr = 0; // should only be 'S' /* * this is a weird one - and shouldn't come up unless people * monkey with tick0 in weird ways, but we need to do something! * IN PARTICULAR we had better not display garbage (see below) * for numbers we always round to the nearest increment of the * precision we're showing, and this seems like the right way to * handle seconds and milliseconds, as they have a decimal point * and people will interpret that to mean rounding like numbers. * but for larger increments we floor the value: it's always * 2013 until the ball drops on the new year. We could argue about * which field it is where we start rounding (should 12:08:59 * round to 12:09 if we're stopping at minutes?) but for now I'll * say we round seconds but floor everything else. BUT that means * we need to never round up to 60 seconds, ie 23:59:60 */ var sec = Math.min(mod(x / ONESEC, 60), MAXSECONDS[tr]); var secStr = (100 + sec).toFixed(tr).substr(1); if(tr > 0) { secStr = secStr.replace(/0+$/, '').replace(/[\.]$/, ''); } timeStr += ':' + secStr; } return timeStr; } var yearFormat = utcFormat('%Y'), monthFormat = utcFormat('%b %Y'), dayFormat = utcFormat('%b %-d'), yearMonthDayFormat = utcFormat('%b %-d, %Y'); function yearFormatWorld(cDate) { return cDate.formatDate('yyyy'); } function monthFormatWorld(cDate) { return cDate.formatDate('M yyyy'); } function dayFormatWorld(cDate) { return cDate.formatDate('M d'); } function yearMonthDayFormatWorld(cDate) { return cDate.formatDate('M d, yyyy'); } /* * formatDate: turn a date into tick or hover label text. * * x: milliseconds, the value to convert * fmt: optional, an explicit format string (d3 format, even for world calendars) * tr: tickround ('y', 'm', 'd', 'M', 'S', or # digits) * used if no explicit fmt is provided * calendar: optional string, the world calendar system to use * * returns the date/time as a string, potentially with the leading portion * on a separate line (after '\n') * Note that this means if you provide an explicit format which includes '\n' * the axis may choose to strip things after it when they don't change from * one tick to the next (as it does with automatic formatting) */ exports.formatDate = function(x, fmt, tr, calendar) { var headStr, dateStr; calendar = isWorldCalendar(calendar) && calendar; if(fmt) return modDateFormat(fmt, x, calendar); if(calendar) { try { var dateJD = Math.floor((x + 0.05) / ONEDAY) + EPOCHJD, cDate = Registry.getComponentMethod('calendars', 'getCal')(calendar) .fromJD(dateJD); if(tr === 'y') dateStr = yearFormatWorld(cDate); else if(tr === 'm') dateStr = monthFormatWorld(cDate); else if(tr === 'd') { headStr = yearFormatWorld(cDate); dateStr = dayFormatWorld(cDate); } else { headStr = yearMonthDayFormatWorld(cDate); dateStr = formatTime(x, tr); } } catch(e) { return 'Invalid'; } } else { var d = new Date(Math.floor(x + 0.05)); if(tr === 'y') dateStr = yearFormat(d); else if(tr === 'm') dateStr = monthFormat(d); else if(tr === 'd') { headStr = yearFormat(d); dateStr = dayFormat(d); } else { headStr = yearMonthDayFormat(d); dateStr = formatTime(x, tr); } } return dateStr + (headStr ? '\n' + headStr : ''); }; /* * incrementMonth: make a new milliseconds value from the given one, * having changed the month * * special case for world calendars: multiples of 12 are treated as years, * even for calendar systems that don't have (always or ever) 12 months/year * TODO: perhaps we need a different code for year increments to support this? * * ms (number): the initial millisecond value * dMonth (int): the (signed) number of months to shift * calendar (string): the calendar system to use * * changing month does not (and CANNOT) always preserve day, since * months have different lengths. The worst example of this is: * d = new Date(1970,0,31); d.setMonth(1) -> Feb 31 turns into Mar 3 * * But we want to be able to iterate over the last day of each month, * regardless of what its number is. * So shift 3 days forward, THEN set the new month, then unshift: * 1/31 -> 2/28 (or 29) -> 3/31 -> 4/30 -> ... * * Note that odd behavior still exists if you start from the 26th-28th: * 1/28 -> 2/28 -> 3/31 * but at least you can't shift any dates into the wrong month, * and ticks on these days incrementing by month would be very unusual */ var THREEDAYS = 3 * ONEDAY; exports.incrementMonth = function(ms, dMonth, calendar) { calendar = isWorldCalendar(calendar) && calendar; // pull time out and operate on pure dates, then add time back at the end // this gives maximum precision - not that we *normally* care if we're // incrementing by month, but better to be safe! var timeMs = mod(ms, ONEDAY); ms = Math.round(ms - timeMs); if(calendar) { try { var dateJD = Math.round(ms / ONEDAY) + EPOCHJD, calInstance = Registry.getComponentMethod('calendars', 'getCal')(calendar), cDate = calInstance.fromJD(dateJD); if(dMonth % 12) calInstance.add(cDate, dMonth, 'm'); else calInstance.add(cDate, dMonth / 12, 'y'); return (cDate.toJD() - EPOCHJD) * ONEDAY + timeMs; } catch(e) { logError('invalid ms ' + ms + ' in calendar ' + calendar); // then keep going in gregorian even though the result will be 'Invalid' } } var y = new Date(ms + THREEDAYS); return y.setUTCMonth(y.getUTCMonth() + dMonth) + timeMs - THREEDAYS; }; /* * findExactDates: what fraction of data is exact days, months, or years? * * data: array of millisecond values * calendar (string) the calendar to test against */ exports.findExactDates = function(data, calendar) { var exactYears = 0, exactMonths = 0, exactDays = 0, blankCount = 0, d, di; var calInstance = ( isWorldCalendar(calendar) && Registry.getComponentMethod('calendars', 'getCal')(calendar) ); for(var i = 0; i < data.length; i++) { di = data[i]; // not date data at all if(!isNumeric(di)) { blankCount ++; continue; } // not an exact date if(di % ONEDAY) continue; if(calInstance) { try { d = calInstance.fromJD(di / ONEDAY + EPOCHJD); if(d.day() === 1) { if(d.month() === 1) exactYears++; else exactMonths++; } else exactDays++; } catch(e) { // invalid date in this calendar - ignore it here. } } else { d = new Date(di); if(d.getUTCDate() === 1) { if(d.getUTCMonth() === 0) exactYears++; else exactMonths++; } else exactDays++; } } exactMonths += exactYears; exactDays += exactMonths; var dataCount = data.length - blankCount; return { exactYears: exactYears / dataCount, exactMonths: exactMonths / dataCount, exactDays: exactDays / dataCount }; }; },{"../constants/numerical":132,"../registry":219,"./loggers":150,"./mod":152,"d3":7,"fast-isnumeric":10}],140:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /* * Ensures an array has the right amount of storage space. If it doesn't * exist, it creates an array. If it does exist, it returns it if too * short or truncates it in-place. * * The goal is to just reuse memory to avoid a bit of excessive garbage * collection. */ module.exports = function ensureArray(out, n) { if(!Array.isArray(out)) out = []; // If too long, truncate. (If too short, it will grow // automatically so we don't care about that case) out.length = n; return out; }; },{}],141:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /* global jQuery:false */ var EventEmitter = require('events').EventEmitter; var Events = { init: function(plotObj) { /* * If we have already instantiated an emitter for this plot * return early. */ if(plotObj._ev instanceof EventEmitter) return plotObj; var ev = new EventEmitter(); var internalEv = new EventEmitter(); /* * Assign to plot._ev while we still live in a land * where plot is a DOM element with stuff attached to it. * In the future we can make plot the event emitter itself. */ plotObj._ev = ev; /* * Create a second event handler that will manage events *internally*. * This allows parts of plotly to respond to thing like relayout without * having to use the user-facing event handler. They cannot peacefully * coexist on the same handler because a user invoking * plotObj.removeAllListeners() would detach internal events, breaking * plotly. */ plotObj._internalEv = internalEv; /* * Assign bound methods from the ev to the plot object. These methods * will reference the 'this' of plot._ev even though they are methods * of plot. This will keep the event machinery away from the plot object * which currently is often a DOM element but presents an API that will * continue to function when plot becomes an emitter. Not all EventEmitter * methods have been bound to `plot` as some do not currently add value to * the Plotly event API. */ plotObj.on = ev.on.bind(ev); plotObj.once = ev.once.bind(ev); plotObj.removeListener = ev.removeListener.bind(ev); plotObj.removeAllListeners = ev.removeAllListeners.bind(ev); /* * Create funtions for managing internal events. These are *only* triggered * by the mirroring of external events via the emit function. */ plotObj._internalOn = internalEv.on.bind(internalEv); plotObj._internalOnce = internalEv.once.bind(internalEv); plotObj._removeInternalListener = internalEv.removeListener.bind(internalEv); plotObj._removeAllInternalListeners = internalEv.removeAllListeners.bind(internalEv); /* * We must wrap emit to continue to support JQuery events. The idea * is to check to see if the user is using JQuery events, if they are * we emit JQuery events to trigger user handlers as well as the EventEmitter * events. */ plotObj.emit = function(event, data) { if(typeof jQuery !== 'undefined') { jQuery(plotObj).trigger(event, data); } ev.emit(event, data); internalEv.emit(event, data); }; return plotObj; }, /* * This function behaves like jQueries triggerHandler. It calls * all handlers for a particular event and returns the return value * of the LAST handler. This function also triggers jQuery's * triggerHandler for backwards compatibility. * * Note: triggerHandler has been recommended for deprecation in v2.0.0, * so the additional behavior of triggerHandler triggering internal events * is deliberate excluded in order to avoid reinforcing more usage. */ triggerHandler: function(plotObj, event, data) { var jQueryHandlerValue; var nodeEventHandlerValue; /* * If Jquery exists run all its handlers for this event and * collect the return value of the LAST handler function */ if(typeof jQuery !== 'undefined') { jQueryHandlerValue = jQuery(plotObj).triggerHandler(event, data); } /* * Now run all the node style event handlers */ var ev = plotObj._ev; if(!ev) return jQueryHandlerValue; var handlers = ev._events[event]; if(!handlers) return jQueryHandlerValue; /* * handlers can be function or an array of functions */ if(typeof handlers === 'function') handlers = [handlers]; var lastHandler = handlers.pop(); /* * Call all the handlers except the last one. */ for(var i = 0; i < handlers.length; i++) { handlers[i](data); } /* * Now call the final handler and collect its value */ nodeEventHandlerValue = lastHandler(data); /* * Return either the jquery handler value if it exists or the * nodeEventHandler value. Jquery event value superceeds nodejs * events for backwards compatability reasons. */ return jQueryHandlerValue !== undefined ? jQueryHandlerValue : nodeEventHandlerValue; }, purge: function(plotObj) { delete plotObj._ev; delete plotObj.on; delete plotObj.once; delete plotObj.removeListener; delete plotObj.removeAllListeners; delete plotObj.emit; delete plotObj._ev; delete plotObj._internalEv; delete plotObj._internalOn; delete plotObj._internalOnce; delete plotObj._removeInternalListener; delete plotObj._removeAllInternalListeners; return plotObj; } }; module.exports = Events; },{"events":9}],142:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isPlainObject = require('./is_plain_object.js'); var isArray = Array.isArray; function primitivesLoopSplice(source, target) { var i, value; for(i = 0; i < source.length; i++) { value = source[i]; if(value !== null && typeof(value) === 'object') { return false; } if(value !== void(0)) { target[i] = value; } } return true; } exports.extendFlat = function() { return _extend(arguments, false, false, false); }; exports.extendDeep = function() { return _extend(arguments, true, false, false); }; exports.extendDeepAll = function() { return _extend(arguments, true, true, false); }; exports.extendDeepNoArrays = function() { return _extend(arguments, true, false, true); }; /* * Inspired by https://github.com/justmoon/node-extend/blob/master/index.js * All credit to the jQuery authors for perfecting this amazing utility. * * API difference with jQuery version: * - No optional boolean (true -> deep extend) first argument, * use `extendFlat` for first-level only extend and * use `extendDeep` for a deep extend. * * Other differences with jQuery version: * - Uses a modern (and faster) isPlainObject routine. * - Expected to work with object {} and array [] arguments only. * - Does not check for circular structure. * FYI: jQuery only does a check across one level. * Warning: this might result in infinite loops. * */ function _extend(inputs, isDeep, keepAllKeys, noArrayCopies) { var target = inputs[0], length = inputs.length; var input, key, src, copy, copyIsArray, clone, allPrimitives; if(length === 2 && isArray(target) && isArray(inputs[1]) && target.length === 0) { allPrimitives = primitivesLoopSplice(inputs[1], target); if(allPrimitives) { return target; } else { target.splice(0, target.length); // reset target and continue to next block } } for(var i = 1; i < length; i++) { input = inputs[i]; for(key in input) { src = target[key]; copy = input[key]; // Stop early and just transfer the array if array copies are disallowed: if(noArrayCopies && isArray(copy)) { target[key] = copy; } // recurse if we're merging plain objects or arrays else if(isDeep && copy && (isPlainObject(copy) || (copyIsArray = isArray(copy)))) { if(copyIsArray) { copyIsArray = false; clone = src && isArray(src) ? src : []; } else { clone = src && isPlainObject(src) ? src : {}; } // never move original objects, clone them target[key] = _extend([clone, copy], isDeep, keepAllKeys, noArrayCopies); } // don't bring in undefined values, except for extendDeepAll else if(typeof copy !== 'undefined' || keepAllKeys) { target[key] = copy; } } } return target; } },{"./is_plain_object.js":149}],143:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** * Return news array containing only the unique items * found in input array. * * IMPORTANT: Note that items are considered unique * if `String({})` is unique. For example; * * Lib.filterUnique([ { a: 1 }, { b: 2 } ]) * * returns [{ a: 1 }] * * and * * Lib.filterUnique([ '1', 1 ]) * * returns ['1'] * * * @param {array} array base array * @return {array} new filtered array */ module.exports = function filterUnique(array) { var seen = {}, out = [], j = 0; for(var i = 0; i < array.length; i++) { var item = array[i]; if(seen[item] !== 1) { seen[item] = 1; out[j++] = item; } } return out; }; },{}],144:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** Filter out object items with visible !== true * insider array container. * * @param {array of objects} container * @return {array of objects} of length <= container * */ module.exports = function filterVisible(container) { var out = []; for(var i = 0; i < container.length; i++) { var item = container[i]; if(item.visible === true) out.push(item); } return out; }; },{}],145:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var mod = require('./mod'); /* * look for intersection of two line segments * (1->2 and 3->4) - returns array [x,y] if they do, null if not */ exports.segmentsIntersect = segmentsIntersect; function segmentsIntersect(x1, y1, x2, y2, x3, y3, x4, y4) { var a = x2 - x1, b = x3 - x1, c = x4 - x3, d = y2 - y1, e = y3 - y1, f = y4 - y3, det = a * f - c * d; // parallel lines? intersection is undefined // ignore the case where they are colinear if(det === 0) return null; var t = (b * f - c * e) / det, u = (b * d - a * e) / det; // segments do not intersect? if(u < 0 || u > 1 || t < 0 || t > 1) return null; return {x: x1 + a * t, y: y1 + d * t}; } /* * find the minimum distance between two line segments (1->2 and 3->4) */ exports.segmentDistance = function segmentDistance(x1, y1, x2, y2, x3, y3, x4, y4) { if(segmentsIntersect(x1, y1, x2, y2, x3, y3, x4, y4)) return 0; // the two segments and their lengths squared var x12 = x2 - x1; var y12 = y2 - y1; var x34 = x4 - x3; var y34 = y4 - y3; var l2_12 = x12 * x12 + y12 * y12; var l2_34 = x34 * x34 + y34 * y34; // calculate distance squared, then take the sqrt at the very end var dist2 = Math.min( perpDistance2(x12, y12, l2_12, x3 - x1, y3 - y1), perpDistance2(x12, y12, l2_12, x4 - x1, y4 - y1), perpDistance2(x34, y34, l2_34, x1 - x3, y1 - y3), perpDistance2(x34, y34, l2_34, x2 - x3, y2 - y3) ); return Math.sqrt(dist2); }; /* * distance squared from segment ab to point c * [xab, yab] is the vector b-a * [xac, yac] is the vector c-a * l2_ab is the length squared of (b-a), just to simplify calculation */ function perpDistance2(xab, yab, l2_ab, xac, yac) { var fc_ab = (xac * xab + yac * yab); if(fc_ab < 0) { // point c is closer to point a return xac * xac + yac * yac; } else if(fc_ab > l2_ab) { // point c is closer to point b var xbc = xac - xab; var ybc = yac - yab; return xbc * xbc + ybc * ybc; } else { // perpendicular distance is the shortest var crossProduct = xac * yab - yac * xab; return crossProduct * crossProduct / l2_ab; } } // a very short-term cache for getTextLocation, just because // we're often looping over the same locations multiple times // invalidated as soon as we look at a different path var locationCache, workingPath, workingTextWidth; // turn a path and position along it into x, y, and angle for the given text exports.getTextLocation = function getTextLocation(path, totalPathLen, positionOnPath, textWidth) { if(path !== workingPath || textWidth !== workingTextWidth) { locationCache = {}; workingPath = path; workingTextWidth = textWidth; } if(locationCache[positionOnPath]) { return locationCache[positionOnPath]; } // for the angle, use points on the path separated by the text width // even though due to curvature, the text will cover a bit more than that var p0 = path.getPointAtLength(mod(positionOnPath - textWidth / 2, totalPathLen)); var p1 = path.getPointAtLength(mod(positionOnPath + textWidth / 2, totalPathLen)); // note: atan handles 1/0 nicely var theta = Math.atan((p1.y - p0.y) / (p1.x - p0.x)); // center the text at 2/3 of the center position plus 1/3 the p0/p1 midpoint // that's the average position of this segment, assuming it's roughly quadratic var pCenter = path.getPointAtLength(mod(positionOnPath, totalPathLen)); var x = (pCenter.x * 4 + p0.x + p1.x) / 6; var y = (pCenter.y * 4 + p0.y + p1.y) / 6; var out = {x: x, y: y, theta: theta}; locationCache[positionOnPath] = out; return out; }; exports.clearLocationCache = function() { workingPath = null; }; /* * Find the segment of `path` that's within the visible area * given by `bounds` {left, right, top, bottom}, to within a * precision of `buffer` px * * returns: undefined if nothing is visible, else object: * { * min: position where the path first enters bounds, or 0 if it * starts within bounds * max: position where the path last exits bounds, or the path length * if it finishes within bounds * len: max - min, ie the length of visible path * total: the total path length - just included so the caller doesn't * need to call path.getTotalLength() again * isClosed: true iff the start and end points of the path are both visible * and are at the same point * } * * Works by starting from either end and repeatedly finding the distance from * that point to the plot area, and if it's outside the plot, moving along the * path by that distance (because the plot must be at least that far away on * the path). Note that if a path enters, exits, and re-enters the plot, we * will not capture this behavior. */ exports.getVisibleSegment = function getVisibleSegment(path, bounds, buffer) { var left = bounds.left; var right = bounds.right; var top = bounds.top; var bottom = bounds.bottom; var pMin = 0; var pTotal = path.getTotalLength(); var pMax = pTotal; var pt0, ptTotal; function getDistToPlot(len) { var pt = path.getPointAtLength(len); // hold on to the start and end points for `closed` if(len === 0) pt0 = pt; else if(len === pTotal) ptTotal = pt; var dx = (pt.x < left) ? left - pt.x : (pt.x > right ? pt.x - right : 0); var dy = (pt.y < top) ? top - pt.y : (pt.y > bottom ? pt.y - bottom : 0); return Math.sqrt(dx * dx + dy * dy); } var distToPlot = getDistToPlot(pMin); while(distToPlot) { pMin += distToPlot + buffer; if(pMin > pMax) return; distToPlot = getDistToPlot(pMin); } distToPlot = getDistToPlot(pMax); while(distToPlot) { pMax -= distToPlot + buffer; if(pMin > pMax) return; distToPlot = getDistToPlot(pMax); } return { min: pMin, max: pMax, len: pMax - pMin, total: pTotal, isClosed: pMin === 0 && pMax === pTotal && Math.abs(pt0.x - ptTotal.x) < 0.1 && Math.abs(pt0.y - ptTotal.y) < 0.1 }; }; },{"./mod":152}],146:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // Simple helper functions // none of these need any external deps module.exports = function identity(d) { return d; }; },{}],147:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var isNumeric = require('fast-isnumeric'); var numConstants = require('../constants/numerical'); var FP_SAFE = numConstants.FP_SAFE; var BADNUM = numConstants.BADNUM; var lib = module.exports = {}; lib.nestedProperty = require('./nested_property'); lib.isPlainObject = require('./is_plain_object'); lib.isArray = require('./is_array'); lib.mod = require('./mod'); lib.toLogRange = require('./to_log_range'); lib.relinkPrivateKeys = require('./relink_private'); lib.ensureArray = require('./ensure_array'); var coerceModule = require('./coerce'); lib.valObjects = coerceModule.valObjects; lib.coerce = coerceModule.coerce; lib.coerce2 = coerceModule.coerce2; lib.coerceFont = coerceModule.coerceFont; lib.coerceHoverinfo = coerceModule.coerceHoverinfo; lib.validate = coerceModule.validate; var datesModule = require('./dates'); lib.dateTime2ms = datesModule.dateTime2ms; lib.isDateTime = datesModule.isDateTime; lib.ms2DateTime = datesModule.ms2DateTime; lib.ms2DateTimeLocal = datesModule.ms2DateTimeLocal; lib.cleanDate = datesModule.cleanDate; lib.isJSDate = datesModule.isJSDate; lib.formatDate = datesModule.formatDate; lib.incrementMonth = datesModule.incrementMonth; lib.dateTick0 = datesModule.dateTick0; lib.dfltRange = datesModule.dfltRange; lib.findExactDates = datesModule.findExactDates; lib.MIN_MS = datesModule.MIN_MS; lib.MAX_MS = datesModule.MAX_MS; var searchModule = require('./search'); lib.findBin = searchModule.findBin; lib.sorterAsc = searchModule.sorterAsc; lib.sorterDes = searchModule.sorterDes; lib.distinctVals = searchModule.distinctVals; lib.roundUp = searchModule.roundUp; var statsModule = require('./stats'); lib.aggNums = statsModule.aggNums; lib.len = statsModule.len; lib.mean = statsModule.mean; lib.variance = statsModule.variance; lib.stdev = statsModule.stdev; lib.interp = statsModule.interp; var matrixModule = require('./matrix'); lib.init2dArray = matrixModule.init2dArray; lib.transposeRagged = matrixModule.transposeRagged; lib.dot = matrixModule.dot; lib.translationMatrix = matrixModule.translationMatrix; lib.rotationMatrix = matrixModule.rotationMatrix; lib.rotationXYMatrix = matrixModule.rotationXYMatrix; lib.apply2DTransform = matrixModule.apply2DTransform; lib.apply2DTransform2 = matrixModule.apply2DTransform2; var geom2dModule = require('./geometry2d'); lib.segmentsIntersect = geom2dModule.segmentsIntersect; lib.segmentDistance = geom2dModule.segmentDistance; lib.getTextLocation = geom2dModule.getTextLocation; lib.clearLocationCache = geom2dModule.clearLocationCache; lib.getVisibleSegment = geom2dModule.getVisibleSegment; var extendModule = require('./extend'); lib.extendFlat = extendModule.extendFlat; lib.extendDeep = extendModule.extendDeep; lib.extendDeepAll = extendModule.extendDeepAll; lib.extendDeepNoArrays = extendModule.extendDeepNoArrays; var loggersModule = require('./loggers'); lib.log = loggersModule.log; lib.warn = loggersModule.warn; lib.error = loggersModule.error; lib.notifier = require('./notifier'); lib.filterUnique = require('./filter_unique'); lib.filterVisible = require('./filter_visible'); lib.pushUnique = require('./push_unique'); lib.cleanNumber = require('./clean_number'); lib.ensureNumber = function num(v) { if(!isNumeric(v)) return BADNUM; v = Number(v); if(v < -FP_SAFE || v > FP_SAFE) return BADNUM; return isNumeric(v) ? Number(v) : BADNUM; }; lib.noop = require('./noop'); lib.identity = require('./identity'); /** * swap x and y of the same attribute in container cont * specify attr with a ? in place of x/y * you can also swap other things than x/y by providing part1 and part2 */ lib.swapAttrs = function(cont, attrList, part1, part2) { if(!part1) part1 = 'x'; if(!part2) part2 = 'y'; for(var i = 0; i < attrList.length; i++) { var attr = attrList[i], xp = lib.nestedProperty(cont, attr.replace('?', part1)), yp = lib.nestedProperty(cont, attr.replace('?', part2)), temp = xp.get(); xp.set(yp.get()); yp.set(temp); } }; /** * to prevent event bubbling, in particular text selection during drag. * see http://stackoverflow.com/questions/5429827/ * how-can-i-prevent-text-element-selection-with-cursor-drag * for maximum effect use: * return pauseEvent(e); */ lib.pauseEvent = function(e) { if(e.stopPropagation) e.stopPropagation(); if(e.preventDefault) e.preventDefault(); e.cancelBubble = true; return false; }; // constrain - restrict a number v to be between v0 and v1 lib.constrain = function(v, v0, v1) { if(v0 > v1) return Math.max(v1, Math.min(v0, v)); return Math.max(v0, Math.min(v1, v)); }; /** * do two bounding boxes from getBoundingClientRect, * ie {left,right,top,bottom,width,height}, overlap? * takes optional padding pixels */ lib.bBoxIntersect = function(a, b, pad) { pad = pad || 0; return (a.left <= b.right + pad && b.left <= a.right + pad && a.top <= b.bottom + pad && b.top <= a.bottom + pad); }; /* * simpleMap: alternative to Array.map that only * passes on the element and up to 2 extra args you * provide (but not the array index or the whole array) * * array: the array to map it to * func: the function to apply * x1, x2: optional extra args */ lib.simpleMap = function(array, func, x1, x2) { var len = array.length, out = new Array(len); for(var i = 0; i < len; i++) out[i] = func(array[i], x1, x2); return out; }; // random string generator lib.randstr = function randstr(existing, bits, base) { /* * Include number of bits, the base of the string you want * and an optional array of existing strings to avoid. */ if(!base) base = 16; if(bits === undefined) bits = 24; if(bits <= 0) return '0'; var digits = Math.log(Math.pow(2, bits)) / Math.log(base), res = '', i, b, x; for(i = 2; digits === Infinity; i *= 2) { digits = Math.log(Math.pow(2, bits / i)) / Math.log(base) * i; } var rem = digits - Math.floor(digits); for(i = 0; i < Math.floor(digits); i++) { x = Math.floor(Math.random() * base).toString(base); res = x + res; } if(rem) { b = Math.pow(base, rem); x = Math.floor(Math.random() * b).toString(base); res = x + res; } var parsed = parseInt(res, base); if((existing && (existing.indexOf(res) > -1)) || (parsed !== Infinity && parsed >= Math.pow(2, bits))) { return randstr(existing, bits, base); } else return res; }; lib.OptionControl = function(opt, optname) { /* * An environment to contain all option setters and * getters that collectively modify opts. * * You can call up opts from any function in new object * as this.optname || this.opt * * See FitOpts for example of usage */ if(!opt) opt = {}; if(!optname) optname = 'opt'; var self = {}; self.optionList = []; self._newoption = function(optObj) { optObj[optname] = opt; self[optObj.name] = optObj; self.optionList.push(optObj); }; self['_' + optname] = opt; return self; }; /** * lib.smooth: smooth arrayIn by convolving with * a hann window with given full width at half max * bounce the ends in, so the output has the same length as the input */ lib.smooth = function(arrayIn, FWHM) { FWHM = Math.round(FWHM) || 0; // only makes sense for integers if(FWHM < 2) return arrayIn; var alen = arrayIn.length, alen2 = 2 * alen, wlen = 2 * FWHM - 1, w = new Array(wlen), arrayOut = new Array(alen), i, j, k, v; // first make the window array for(i = 0; i < wlen; i++) { w[i] = (1 - Math.cos(Math.PI * (i + 1) / FWHM)) / (2 * FWHM); } // now do the convolution for(i = 0; i < alen; i++) { v = 0; for(j = 0; j < wlen; j++) { k = i + j + 1 - FWHM; // multibounce if(k < -alen) k -= alen2 * Math.round(k / alen2); else if(k >= alen2) k -= alen2 * Math.floor(k / alen2); // single bounce if(k < 0) k = - 1 - k; else if(k >= alen) k = alen2 - 1 - k; v += arrayIn[k] * w[j]; } arrayOut[i] = v; } return arrayOut; }; /** * syncOrAsync: run a sequence of functions synchronously * as long as its returns are not promises (ie have no .then) * includes one argument arg to send to all functions... * this is mainly just to prevent us having to make wrapper functions * when the only purpose of the wrapper is to reference gd * and a final step to be executed at the end * TODO: if there's an error and everything is sync, * this doesn't happen yet because we want to make sure * that it gets reported */ lib.syncOrAsync = function(sequence, arg, finalStep) { var ret, fni; function continueAsync() { return lib.syncOrAsync(sequence, arg, finalStep); } while(sequence.length) { fni = sequence.splice(0, 1)[0]; ret = fni(arg); if(ret && ret.then) { return ret.then(continueAsync) .then(undefined, lib.promiseError); } } return finalStep && finalStep(arg); }; /** * Helper to strip trailing slash, from * http://stackoverflow.com/questions/6680825/return-string-without-trailing-slash */ lib.stripTrailingSlash = function(str) { if(str.substr(-1) === '/') return str.substr(0, str.length - 1); return str; }; lib.noneOrAll = function(containerIn, containerOut, attrList) { /** * some attributes come together, so if you have one of them * in the input, you should copy the default values of the others * to the input as well. */ if(!containerIn) return; var hasAny = false, hasAll = true, i, val; for(i = 0; i < attrList.length; i++) { val = containerIn[attrList[i]]; if(val !== undefined && val !== null) hasAny = true; else hasAll = false; } if(hasAny && !hasAll) { for(i = 0; i < attrList.length; i++) { containerIn[attrList[i]] = containerOut[attrList[i]]; } } }; /** merges calcdata field (given by cdAttr) with traceAttr values * * N.B. Loop over minimum of cd.length and traceAttr.length * i.e. it does not try to fill in beyond traceAttr.length-1 * * @param {array} traceAttr : trace attribute * @param {object} cd : calcdata trace * @param {string} cdAttr : calcdata key */ lib.mergeArray = function(traceAttr, cd, cdAttr) { if(Array.isArray(traceAttr)) { var imax = Math.min(traceAttr.length, cd.length); for(var i = 0; i < imax; i++) cd[i][cdAttr] = traceAttr[i]; } }; /** fills calcdata field (given by cdAttr) with traceAttr values * or function of traceAttr values (e.g. some fallback) * * N.B. Loops over all cd items. * * @param {array} traceAttr : trace attribute * @param {object} cd : calcdata trace * @param {string} cdAttr : calcdata key * @param {function} [fn] : optional function to apply to each array item */ lib.fillArray = function(traceAttr, cd, cdAttr, fn) { fn = fn || lib.identity; if(Array.isArray(traceAttr)) { for(var i = 0; i < cd.length; i++) { cd[i][cdAttr] = fn(traceAttr[i]); } } }; /** Handler for trace-wide vs per-point options * * @param {object} trace : (full) trace object * @param {number} ptNumber : index of the point in question * @param {string} astr : attribute string * @param {function} [fn] : optional function to apply to each array item * * @return {any} */ lib.castOption = function(trace, ptNumber, astr, fn) { fn = fn || lib.identity; var val = lib.nestedProperty(trace, astr).get(); if(Array.isArray(val)) { if(Array.isArray(ptNumber) && Array.isArray(val[ptNumber[0]])) { return fn(val[ptNumber[0]][ptNumber[1]]); } else { return fn(val[ptNumber]); } } else { return val; } }; /** Returns target as set by 'target' transform attribute * * @param {object} trace : full trace object * @param {object} transformOpts : transform option object * - target (string} : * either an attribute string referencing an array in the trace object, or * a set array. * * @return {array or false} : the target array (NOT a copy!!) or false if invalid */ lib.getTargetArray = function(trace, transformOpts) { var target = transformOpts.target; if(typeof target === 'string' && target) { var array = lib.nestedProperty(trace, target).get(); return Array.isArray(array) ? array : false; } else if(Array.isArray(target)) { return target; } return false; }; /** * modified version of jQuery's extend to strip out private objs and functions, * and cut arrays down to first or 1 elements * because extend-like algorithms are hella slow * obj2 is assumed to already be clean of these things (including no arrays) */ lib.minExtend = function(obj1, obj2) { var objOut = {}; if(typeof obj2 !== 'object') obj2 = {}; var arrayLen = 3, keys = Object.keys(obj1), i, k, v; for(i = 0; i < keys.length; i++) { k = keys[i]; v = obj1[k]; if(k.charAt(0) === '_' || typeof v === 'function') continue; else if(k === 'module') objOut[k] = v; else if(Array.isArray(v)) objOut[k] = v.slice(0, arrayLen); else if(v && (typeof v === 'object')) objOut[k] = lib.minExtend(obj1[k], obj2[k]); else objOut[k] = v; } keys = Object.keys(obj2); for(i = 0; i < keys.length; i++) { k = keys[i]; v = obj2[k]; if(typeof v !== 'object' || !(k in objOut) || typeof objOut[k] !== 'object') { objOut[k] = v; } } return objOut; }; lib.titleCase = function(s) { return s.charAt(0).toUpperCase() + s.substr(1); }; lib.containsAny = function(s, fragments) { for(var i = 0; i < fragments.length; i++) { if(s.indexOf(fragments[i]) !== -1) return true; } return false; }; lib.isPlotDiv = function(el) { var el3 = d3.select(el); return el3.node() instanceof HTMLElement && el3.size() && el3.classed('js-plotly-plot'); }; lib.removeElement = function(el) { var elParent = el && el.parentNode; if(elParent) elParent.removeChild(el); }; /** * for dynamically adding style rules * makes one stylesheet that contains all rules added * by all calls to this function */ lib.addStyleRule = function(selector, styleString) { if(!lib.styleSheet) { var style = document.createElement('style'); // WebKit hack :( style.appendChild(document.createTextNode('')); document.head.appendChild(style); lib.styleSheet = style.sheet; } var styleSheet = lib.styleSheet; if(styleSheet.insertRule) { styleSheet.insertRule(selector + '{' + styleString + '}', 0); } else if(styleSheet.addRule) { styleSheet.addRule(selector, styleString, 0); } else lib.warn('addStyleRule failed'); }; lib.isIE = function() { return typeof window.navigator.msSaveBlob !== 'undefined'; }; /** * Duck typing to recognize a d3 selection, mostly for IE9's benefit * because it doesn't handle instanceof like modern browsers */ lib.isD3Selection = function(obj) { return obj && (typeof obj.classed === 'function'); }; /** * Converts a string path to an object. * * When given a string containing an array element, it will create a `null` * filled array of the given size. * * @example * lib.objectFromPath('nested.test[2].path', 'value'); * // returns { nested: { test: [null, null, { path: 'value' }]} * * @param {string} path to nested value * @param {*} any value to be set * * @return {Object} the constructed object with a full nested path */ lib.objectFromPath = function(path, value) { var keys = path.split('.'), tmpObj, obj = tmpObj = {}; for(var i = 0; i < keys.length; i++) { var key = keys[i]; var el = null; var parts = keys[i].match(/(.*)\[([0-9]+)\]/); if(parts) { key = parts[1]; el = parts[2]; tmpObj = tmpObj[key] = []; if(i === keys.length - 1) { tmpObj[el] = value; } else { tmpObj[el] = {}; } tmpObj = tmpObj[el]; } else { if(i === keys.length - 1) { tmpObj[key] = value; } else { tmpObj[key] = {}; } tmpObj = tmpObj[key]; } } return obj; }; /** * Iterate through an object in-place, converting dotted properties to objects. * * Examples: * * lib.expandObjectPaths({'nested.test.path': 'value'}); * => { nested: { test: {path: 'value'}}} * * It also handles array notation, e.g.: * * lib.expandObjectPaths({'foo[1].bar': 'value'}); * => { foo: [null, {bar: value}] } * * It handles merges the results when two properties are specified in parallel: * * lib.expandObjectPaths({'foo[1].bar': 10, 'foo[0].bar': 20}); * => { foo: [{bar: 10}, {bar: 20}] } * * It does NOT, however, merge mulitple mutliply-nested arrays:: * * lib.expandObjectPaths({'marker[1].range[1]': 5, 'marker[1].range[0]': 4}) * => { marker: [null, {range: 4}] } */ // Store this to avoid recompiling regex on *every* prop since this may happen many // many times for animations. Could maybe be inside the function. Not sure about // scoping vs. recompilation tradeoff, but at least it's not just inlining it into // the inner loop. var dottedPropertyRegex = /^([^\[\.]+)\.(.+)?/; var indexedPropertyRegex = /^([^\.]+)\[([0-9]+)\](\.)?(.+)?/; lib.expandObjectPaths = function(data) { var match, key, prop, datum, idx, dest, trailingPath; if(typeof data === 'object' && !Array.isArray(data)) { for(key in data) { if(data.hasOwnProperty(key)) { if((match = key.match(dottedPropertyRegex))) { datum = data[key]; prop = match[1]; delete data[key]; data[prop] = lib.extendDeepNoArrays(data[prop] || {}, lib.objectFromPath(key, lib.expandObjectPaths(datum))[prop]); } else if((match = key.match(indexedPropertyRegex))) { datum = data[key]; prop = match[1]; idx = parseInt(match[2]); delete data[key]; data[prop] = data[prop] || []; if(match[3] === '.') { // This is the case where theere are subsequent properties into which // we must recurse, e.g. transforms[0].value trailingPath = match[4]; dest = data[prop][idx] = data[prop][idx] || {}; // NB: Extend deep no arrays prevents this from working on multiple // nested properties in the same object, e.g. // // { // foo[0].bar[1].range // foo[0].bar[0].range // } // // In this case, the extendDeepNoArrays will overwrite one array with // the other, so that both properties *will not* be present in the // result. Fixing this would require a more intelligent tracking // of changes and merging than extendDeepNoArrays currently accomplishes. lib.extendDeepNoArrays(dest, lib.objectFromPath(trailingPath, lib.expandObjectPaths(datum))); } else { // This is the case where this property is the end of the line, // e.g. xaxis.range[0] data[prop][idx] = lib.expandObjectPaths(datum); } } else { data[key] = lib.expandObjectPaths(data[key]); } } } } return data; }; /** * Converts value to string separated by the provided separators. * * @example * lib.numSeparate(2016, '.,'); * // returns '2016' * * @example * lib.numSeparate(3000, '.,', true); * // returns '3,000' * * @example * lib.numSeparate(1234.56, '|,') * // returns '1,234|56' * * @param {string|number} value the value to be converted * @param {string} separators string of decimal, then thousands separators * @param {boolean} separatethousands boolean, 4-digit integers are separated if true * * @return {string} the value that has been separated */ lib.numSeparate = function(value, separators, separatethousands) { if(!separatethousands) separatethousands = false; if(typeof separators !== 'string' || separators.length === 0) { throw new Error('Separator string required for formatting!'); } if(typeof value === 'number') { value = String(value); } var thousandsRe = /(\d+)(\d{3})/, decimalSep = separators.charAt(0), thouSep = separators.charAt(1); var x = value.split('.'), x1 = x[0], x2 = x.length > 1 ? decimalSep + x[1] : ''; // Years are ignored for thousands separators if(thouSep && (x.length > 1 || x1.length > 4 || separatethousands)) { while(thousandsRe.test(x1)) { x1 = x1.replace(thousandsRe, '$1' + thouSep + '$2'); } } return x1 + x2; }; },{"../constants/numerical":132,"./clean_number":137,"./coerce":138,"./dates":139,"./ensure_array":140,"./extend":142,"./filter_unique":143,"./filter_visible":144,"./geometry2d":145,"./identity":146,"./is_array":148,"./is_plain_object":149,"./loggers":150,"./matrix":151,"./mod":152,"./nested_property":153,"./noop":154,"./notifier":155,"./push_unique":158,"./relink_private":160,"./search":161,"./stats":163,"./to_log_range":165,"d3":7,"fast-isnumeric":10}],148:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** * Return true for arrays, whether they're untyped or not. */ // IE9 fallback var ab = (typeof ArrayBuffer === 'undefined' || !ArrayBuffer.isView) ? {isView: function() { return false; }} : ArrayBuffer; module.exports = function isArray(a) { return Array.isArray(a) || ab.isView(a); }; },{}],149:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // more info: http://stackoverflow.com/questions/18531624/isplainobject-thing module.exports = function isPlainObject(obj) { // We need to be a little less strict in the `imagetest` container because // of how async image requests are handled. // // N.B. isPlainObject(new Constructor()) will return true in `imagetest` if(window && window.process && window.process.versions) { return Object.prototype.toString.call(obj) === '[object Object]'; } return ( Object.prototype.toString.call(obj) === '[object Object]' && Object.getPrototypeOf(obj) === Object.prototype ); }; },{}],150:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /* eslint-disable no-console */ var config = require('../plot_api/plot_config'); var loggers = module.exports = {}; /** * ------------------------------------------ * debugging tools * ------------------------------------------ */ loggers.log = function() { if(config.logging > 1) { var messages = ['LOG:']; for(var i = 0; i < arguments.length; i++) { messages.push(arguments[i]); } apply(console.trace || console.log, messages); } }; loggers.warn = function() { if(config.logging > 0) { var messages = ['WARN:']; for(var i = 0; i < arguments.length; i++) { messages.push(arguments[i]); } apply(console.trace || console.log, messages); } }; loggers.error = function() { if(config.logging > 0) { var messages = ['ERROR:']; for(var i = 0; i < arguments.length; i++) { messages.push(arguments[i]); } apply(console.error, messages); } }; /* * Robust apply, for IE9 where console.log doesn't support * apply like other functions do */ function apply(f, args) { if(f.apply) { f.apply(f, args); } else { for(var i = 0; i < args.length; i++) { f(args[i]); } } } },{"../plot_api/plot_config":171}],151:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; exports.init2dArray = function(rowLength, colLength) { var array = new Array(rowLength); for(var i = 0; i < rowLength; i++) array[i] = new Array(colLength); return array; }; /** * transpose a (possibly ragged) 2d array z. inspired by * http://stackoverflow.com/questions/17428587/ * transposing-a-2d-array-in-javascript */ exports.transposeRagged = function(z) { var maxlen = 0, zlen = z.length, i, j; // Maximum row length: for(i = 0; i < zlen; i++) maxlen = Math.max(maxlen, z[i].length); var t = new Array(maxlen); for(i = 0; i < maxlen; i++) { t[i] = new Array(zlen); for(j = 0; j < zlen; j++) t[i][j] = z[j][i]; } return t; }; // our own dot function so that we don't need to include numeric exports.dot = function(x, y) { if(!(x.length && y.length) || x.length !== y.length) return null; var len = x.length, out, i; if(x[0].length) { // mat-vec or mat-mat out = new Array(len); for(i = 0; i < len; i++) out[i] = exports.dot(x[i], y); } else if(y[0].length) { // vec-mat var yTranspose = exports.transposeRagged(y); out = new Array(yTranspose.length); for(i = 0; i < yTranspose.length; i++) out[i] = exports.dot(x, yTranspose[i]); } else { // vec-vec out = 0; for(i = 0; i < len; i++) out += x[i] * y[i]; } return out; }; // translate by (x,y) exports.translationMatrix = function(x, y) { return [[1, 0, x], [0, 1, y], [0, 0, 1]]; }; // rotate by alpha around (0,0) exports.rotationMatrix = function(alpha) { var a = alpha * Math.PI / 180; return [[Math.cos(a), -Math.sin(a), 0], [Math.sin(a), Math.cos(a), 0], [0, 0, 1]]; }; // rotate by alpha around (x,y) exports.rotationXYMatrix = function(a, x, y) { return exports.dot( exports.dot(exports.translationMatrix(x, y), exports.rotationMatrix(a)), exports.translationMatrix(-x, -y)); }; // applies a 2D transformation matrix to either x and y params or an [x,y] array exports.apply2DTransform = function(transform) { return function() { var args = arguments; if(args.length === 3) { args = args[0]; }// from map var xy = arguments.length === 1 ? args[0] : [args[0], args[1]]; return exports.dot(transform, [xy[0], xy[1], 1]).slice(0, 2); }; }; // applies a 2D transformation matrix to an [x1,y1,x2,y2] array (to transform a segment) exports.apply2DTransform2 = function(transform) { var at = exports.apply2DTransform(transform); return function(xys) { return at(xys.slice(0, 2)).concat(at(xys.slice(2, 4))); }; }; },{}],152:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** * sanitized modulus function that always returns in the range [0, d) * rather than (-d, 0] if v is negative */ module.exports = function mod(v, d) { var out = v % d; return out < 0 ? out + d : out; }; },{}],153:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var isArray = require('./is_array'); var isPlainObject = require('./is_plain_object'); var containerArrayMatch = require('../plot_api/container_array_match'); /** * convert a string s (such as 'xaxis.range[0]') * representing a property of nested object into set and get methods * also return the string and object so we don't have to keep track of them * allows [-1] for an array index, to set a property inside all elements * of an array * eg if obj = {arr: [{a: 1}, {a: 2}]} * you can do p = nestedProperty(obj, 'arr[-1].a') * but you cannot set the array itself this way, to do that * just set the whole array. * eg if obj = {arr: [1, 2, 3]} * you can't do nestedProperty(obj, 'arr[-1]').set(5) * but you can do nestedProperty(obj, 'arr').set([5, 5, 5]) */ module.exports = function nestedProperty(container, propStr) { if(isNumeric(propStr)) propStr = String(propStr); else if(typeof propStr !== 'string' || propStr.substr(propStr.length - 4) === '[-1]') { throw 'bad property string'; } var j = 0, propParts = propStr.split('.'), indexed, indices, i; // check for parts of the nesting hierarchy that are numbers (ie array elements) while(j < propParts.length) { // look for non-bracket chars, then any number of [##] blocks indexed = String(propParts[j]).match(/^([^\[\]]*)((\[\-?[0-9]*\])+)$/); if(indexed) { if(indexed[1]) propParts[j] = indexed[1]; // allow propStr to start with bracketed array indices else if(j === 0) propParts.splice(0, 1); else throw 'bad property string'; indices = indexed[2] .substr(1, indexed[2].length - 2) .split(']['); for(i = 0; i < indices.length; i++) { j++; propParts.splice(j, 0, Number(indices[i])); } } j++; } if(typeof container !== 'object') { return badContainer(container, propStr, propParts); } return { set: npSet(container, propParts, propStr), get: npGet(container, propParts), astr: propStr, parts: propParts, obj: container }; }; function npGet(cont, parts) { return function() { var curCont = cont, curPart, allSame, out, i, j; for(i = 0; i < parts.length - 1; i++) { curPart = parts[i]; if(curPart === -1) { allSame = true; out = []; for(j = 0; j < curCont.length; j++) { out[j] = npGet(curCont[j], parts.slice(i + 1))(); if(out[j] !== out[0]) allSame = false; } return allSame ? out[0] : out; } if(typeof curPart === 'number' && !isArray(curCont)) { return undefined; } curCont = curCont[curPart]; if(typeof curCont !== 'object' || curCont === null) { return undefined; } } // only hit this if parts.length === 1 if(typeof curCont !== 'object' || curCont === null) return undefined; out = curCont[parts[i]]; if(out === null) return undefined; return out; }; } /* * Can this value be deleted? We can delete any empty object (null, undefined, [], {}) * EXCEPT empty data arrays, {} inside an array, or anything INSIDE an *args* array. * * Info arrays can be safely deleted, but not deleting them has no ill effects other * than leaving a trace or layout object with some cruft in it. * * Deleting data arrays can change the meaning of the object, as `[]` means there is * data for this attribute, it's just empty right now while `undefined` means the data * should be filled in with defaults to match other data arrays. * * `{}` inside an array means "the default object" which is clearly different from * popping it off the end of the array, or setting it `undefined` inside the array. * * *args* arrays get passed directly to API methods and we should respect precisely * what the user has put there - although if the whole *args* array is empty it's fine * to delete that. * * So we do some simple tests here to find known non-data arrays but don't worry too * much about not deleting some arrays that would actually be safe to delete. */ var INFO_PATTERNS = /(^|\.)((domain|range)(\.[xy])?|args|parallels)$/; var ARGS_PATTERN = /(^|\.)args\[/; function isDeletable(val, propStr) { if(!emptyObj(val) || (isPlainObject(val) && propStr.charAt(propStr.length - 1) === ']') || (propStr.match(ARGS_PATTERN) && val !== undefined) ) { return false; } if(!isArray(val)) return true; if(propStr.match(INFO_PATTERNS)) return true; var match = containerArrayMatch(propStr); // if propStr matches the container array itself, index is an empty string // otherwise we've matched something inside the container array, which may // still be a data array. return match && (match.index === ''); } function npSet(cont, parts, propStr) { return function(val) { var curCont = cont, propPart = '', containerLevels = [[cont, propPart]], toDelete = isDeletable(val, propStr), curPart, i; for(i = 0; i < parts.length - 1; i++) { curPart = parts[i]; if(typeof curPart === 'number' && !isArray(curCont)) { throw 'array index but container is not an array'; } // handle special -1 array index if(curPart === -1) { toDelete = !setArrayAll(curCont, parts.slice(i + 1), val, propStr); if(toDelete) break; else return; } if(!checkNewContainer(curCont, curPart, parts[i + 1], toDelete)) { break; } curCont = curCont[curPart]; if(typeof curCont !== 'object' || curCont === null) { throw 'container is not an object'; } propPart = joinPropStr(propPart, curPart); containerLevels.push([curCont, propPart]); } if(toDelete) { if(i === parts.length - 1) delete curCont[parts[i]]; pruneContainers(containerLevels); } else curCont[parts[i]] = val; }; } function joinPropStr(propStr, newPart) { var toAdd = newPart; if(isNumeric(newPart)) toAdd = '[' + newPart + ']'; else if(propStr) toAdd = '.' + newPart; return propStr + toAdd; } // handle special -1 array index function setArrayAll(containerArray, innerParts, val, propStr) { var arrayVal = isArray(val), allSet = true, thisVal = val, thisPropStr = propStr.replace('-1', 0), deleteThis = arrayVal ? false : isDeletable(val, thisPropStr), firstPart = innerParts[0], i; for(i = 0; i < containerArray.length; i++) { thisPropStr = propStr.replace('-1', i); if(arrayVal) { thisVal = val[i % val.length]; deleteThis = isDeletable(thisVal, thisPropStr); } if(deleteThis) allSet = false; if(!checkNewContainer(containerArray, i, firstPart, deleteThis)) { continue; } npSet(containerArray[i], innerParts, propStr.replace('-1', i))(thisVal); } return allSet; } /** * make new sub-container as needed. * returns false if there's no container and none is needed * because we're only deleting an attribute */ function checkNewContainer(container, part, nextPart, toDelete) { if(container[part] === undefined) { if(toDelete) return false; if(typeof nextPart === 'number') container[part] = []; else container[part] = {}; } return true; } function pruneContainers(containerLevels) { var i, j, curCont, propPart, keys, remainingKeys; for(i = containerLevels.length - 1; i >= 0; i--) { curCont = containerLevels[i][0]; propPart = containerLevels[i][1]; remainingKeys = false; if(isArray(curCont)) { for(j = curCont.length - 1; j >= 0; j--) { if(isDeletable(curCont[j], joinPropStr(propPart, j))) { if(remainingKeys) curCont[j] = undefined; else curCont.pop(); } else remainingKeys = true; } } else if(typeof curCont === 'object' && curCont !== null) { keys = Object.keys(curCont); remainingKeys = false; for(j = keys.length - 1; j >= 0; j--) { if(isDeletable(curCont[keys[j]], joinPropStr(propPart, keys[j]))) { delete curCont[keys[j]]; } else remainingKeys = true; } } if(remainingKeys) return; } } function emptyObj(obj) { if(obj === undefined || obj === null) return true; if(typeof obj !== 'object') return false; // any plain value if(isArray(obj)) return !obj.length; // [] return !Object.keys(obj).length; // {} } function badContainer(container, propStr, propParts) { return { set: function() { throw 'bad container'; }, get: function() {}, astr: propStr, parts: propParts, obj: container }; } },{"../plot_api/container_array_match":166,"./is_array":148,"./is_plain_object":149,"fast-isnumeric":10}],154:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // Simple helper functions // none of these need any external deps module.exports = function noop() {}; },{}],155:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var isNumeric = require('fast-isnumeric'); var NOTEDATA = []; /** * notifier * @param {String} text The person's user name * @param {Number} [delay=1000] The delay time in milliseconds * or 'long' which provides 2000 ms delay time. * @return {undefined} this function does not return a value */ module.exports = function(text, displayLength) { if(NOTEDATA.indexOf(text) !== -1) return; NOTEDATA.push(text); var ts = 1000; if(isNumeric(displayLength)) ts = displayLength; else if(displayLength === 'long') ts = 3000; var notifierContainer = d3.select('body') .selectAll('.plotly-notifier') .data([0]); notifierContainer.enter() .append('div') .classed('plotly-notifier', true); var notes = notifierContainer.selectAll('.notifier-note').data(NOTEDATA); function killNote(transition) { transition .duration(700) .style('opacity', 0) .each('end', function(thisText) { var thisIndex = NOTEDATA.indexOf(thisText); if(thisIndex !== -1) NOTEDATA.splice(thisIndex, 1); d3.select(this).remove(); }); } notes.enter().append('div') .classed('notifier-note', true) .style('opacity', 0) .each(function(thisText) { var note = d3.select(this); note.append('button') .classed('notifier-close', true) .html('×') .on('click', function() { note.transition().call(killNote); }); var p = note.append('p'); var lines = thisText.split(//g); for(var i = 0; i < lines.length; i++) { if(i) p.append('br'); p.append('span').text(lines[i]); } note.transition() .duration(700) .style('opacity', 1) .transition() .delay(ts) .call(killNote); }); }; },{"d3":7,"fast-isnumeric":10}],156:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var setCursor = require('./setcursor'); var STASHATTR = 'data-savedcursor'; var NO_CURSOR = '!!'; /* * works with our CSS cursor classes (see css/_cursor.scss) * to override a previous cursor set on d3 single-element selections, * by moving the name of the original cursor to the data-savedcursor attr. * omit cursor to revert to the previously set value. */ module.exports = function overrideCursor(el3, csr) { var savedCursor = el3.attr(STASHATTR); if(csr) { if(!savedCursor) { var classes = (el3.attr('class') || '').split(' '); for(var i = 0; i < classes.length; i++) { var cls = classes[i]; if(cls.indexOf('cursor-') === 0) { el3.attr(STASHATTR, cls.substr(7)) .classed(cls, false); } } if(!el3.attr(STASHATTR)) { el3.attr(STASHATTR, NO_CURSOR); } } setCursor(el3, csr); } else if(savedCursor) { el3.attr(STASHATTR, null); if(savedCursor === NO_CURSOR) setCursor(el3); else setCursor(el3, savedCursor); } }; },{"./setcursor":162}],157:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var dot = require('./matrix').dot; var BADNUM = require('../constants/numerical').BADNUM; var polygon = module.exports = {}; /** * Turn an array of [x, y] pairs into a polygon object * that can test if points are inside it * * @param ptsIn Array of [x, y] pairs * * @returns polygon Object {xmin, xmax, ymin, ymax, pts, contains} * (x|y)(min|max) are the bounding rect of the polygon * pts is the original array, with the first pair repeated at the end * contains is a function: (pt, omitFirstEdge) * pt is the [x, y] pair to test * omitFirstEdge truthy means points exactly on the first edge don't * count. This is for use adding one polygon to another so we * don't double-count the edge where they meet. * returns boolean: is pt inside the polygon (including on its edges) */ polygon.tester = function tester(ptsIn) { var pts = ptsIn.slice(), xmin = pts[0][0], xmax = xmin, ymin = pts[0][1], ymax = ymin; pts.push(pts[0]); for(var i = 1; i < pts.length; i++) { xmin = Math.min(xmin, pts[i][0]); xmax = Math.max(xmax, pts[i][0]); ymin = Math.min(ymin, pts[i][1]); ymax = Math.max(ymax, pts[i][1]); } // do we have a rectangle? Handle this here, so we can use the same // tester for the rectangular case without sacrificing speed var isRect = false, rectFirstEdgeTest; if(pts.length === 5) { if(pts[0][0] === pts[1][0]) { // vert, horz, vert, horz if(pts[2][0] === pts[3][0] && pts[0][1] === pts[3][1] && pts[1][1] === pts[2][1]) { isRect = true; rectFirstEdgeTest = function(pt) { return pt[0] === pts[0][0]; }; } } else if(pts[0][1] === pts[1][1]) { // horz, vert, horz, vert if(pts[2][1] === pts[3][1] && pts[0][0] === pts[3][0] && pts[1][0] === pts[2][0]) { isRect = true; rectFirstEdgeTest = function(pt) { return pt[1] === pts[0][1]; }; } } } function rectContains(pt, omitFirstEdge) { var x = pt[0], y = pt[1]; if(x === BADNUM || x < xmin || x > xmax || y === BADNUM || y < ymin || y > ymax) { // pt is outside the bounding box of polygon return false; } if(omitFirstEdge && rectFirstEdgeTest(pt)) return false; return true; } function contains(pt, omitFirstEdge) { var x = pt[0], y = pt[1]; if(x === BADNUM || x < xmin || x > xmax || y === BADNUM || y < ymin || y > ymax) { // pt is outside the bounding box of polygon return false; } var imax = pts.length, x1 = pts[0][0], y1 = pts[0][1], crossings = 0, i, x0, y0, xmini, ycross; for(i = 1; i < imax; i++) { // find all crossings of a vertical line upward from pt with // polygon segments // crossings exactly at xmax don't count, unless the point is // exactly on the segment, then it counts as inside. x0 = x1; y0 = y1; x1 = pts[i][0]; y1 = pts[i][1]; xmini = Math.min(x0, x1); // outside the bounding box of this segment, it's only a crossing // if it's below the box. if(x < xmini || x > Math.max(x0, x1) || y > Math.max(y0, y1)) { continue; } else if(y < Math.min(y0, y1)) { // don't count the left-most point of the segment as a crossing // because we don't want to double-count adjacent crossings // UNLESS the polygon turns past vertical at exactly this x // Note that this is repeated below, but we can't factor it out // because if(x !== xmini) crossings++; } // inside the bounding box, check the actual line intercept else { // vertical segment - we know already that the point is exactly // on the segment, so mark the crossing as exactly at the point. if(x1 === x0) ycross = y; // any other angle else ycross = y0 + (x - x0) * (y1 - y0) / (x1 - x0); // exactly on the edge: counts as inside the polygon, unless it's the // first edge and we're omitting it. if(y === ycross) { if(i === 1 && omitFirstEdge) return false; return true; } if(y <= ycross && x !== xmini) crossings++; } } // if we've gotten this far, odd crossings means inside, even is outside return crossings % 2 === 1; } return { xmin: xmin, xmax: xmax, ymin: ymin, ymax: ymax, pts: pts, contains: isRect ? rectContains : contains, isRect: isRect }; }; /** * Test if a segment of a points array is bent or straight * * @param pts Array of [x, y] pairs * @param start the index of the proposed start of the straight section * @param end the index of the proposed end point * @param tolerance the max distance off the line connecting start and end * before the line counts as bent * @returns boolean: true means this segment is bent, false means straight */ var isBent = polygon.isSegmentBent = function isBent(pts, start, end, tolerance) { var startPt = pts[start], segment = [pts[end][0] - startPt[0], pts[end][1] - startPt[1]], segmentSquared = dot(segment, segment), segmentLen = Math.sqrt(segmentSquared), unitPerp = [-segment[1] / segmentLen, segment[0] / segmentLen], i, part, partParallel; for(i = start + 1; i < end; i++) { part = [pts[i][0] - startPt[0], pts[i][1] - startPt[1]]; partParallel = dot(part, segment); if(partParallel < 0 || partParallel > segmentSquared || Math.abs(dot(part, unitPerp)) > tolerance) return true; } return false; }; /** * Make a filtering polygon, to minimize the number of segments * * @param pts Array of [x, y] pairs (must start with at least 1 pair) * @param tolerance the maximum deviation from straight allowed for * removing points to simplify the polygon * * @returns Object {addPt, raw, filtered} * addPt is a function(pt: [x, y] pair) to add a raw point and * continue filtering * raw is all the input points * filtered is the resulting filtered Array of [x, y] pairs */ polygon.filter = function filter(pts, tolerance) { var ptsFiltered = [pts[0]], doneRawIndex = 0, doneFilteredIndex = 0; function addPt(pt) { pts.push(pt); var prevFilterLen = ptsFiltered.length, iLast = doneRawIndex; ptsFiltered.splice(doneFilteredIndex + 1); for(var i = iLast + 1; i < pts.length; i++) { if(i === pts.length - 1 || isBent(pts, iLast, i + 1, tolerance)) { ptsFiltered.push(pts[i]); if(ptsFiltered.length < prevFilterLen - 2) { doneRawIndex = i; doneFilteredIndex = ptsFiltered.length - 1; } iLast = i; } } } if(pts.length > 1) { var lastPt = pts.pop(); addPt(lastPt); } return { addPt: addPt, raw: pts, filtered: ptsFiltered }; }; },{"../constants/numerical":132,"./matrix":151}],158:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /** * Push array with unique items * * @param {array} array * array to be filled * @param {any} item * item to be or not to be inserted * @return {array} * ref to array (now possibly containing one more item) * */ module.exports = function pushUnique(array, item) { if(item instanceof RegExp) { var itemStr = item.toString(), i; for(i = 0; i < array.length; i++) { if(array[i] instanceof RegExp && array[i].toString() === itemStr) { return array; } } array.push(item); } else if(item && array.indexOf(item) === -1) array.push(item); return array; }; },{}],159:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../lib'); var config = require('../plot_api/plot_config'); /** * Copy arg array *without* removing `undefined` values from objects. * * @param gd * @param args * @returns {Array} */ function copyArgArray(gd, args) { var copy = []; var arg; for(var i = 0; i < args.length; i++) { arg = args[i]; if(arg === gd) copy[i] = arg; else if(typeof arg === 'object') { copy[i] = Array.isArray(arg) ? Lib.extendDeep([], arg) : Lib.extendDeepAll({}, arg); } else copy[i] = arg; } return copy; } // ----------------------------------------------------- // Undo/Redo queue for plots // ----------------------------------------------------- var queue = {}; // TODO: disable/enable undo and redo buttons appropriately /** * Add an item to the undoQueue for a graphDiv * * @param gd * @param undoFunc Function undo this operation * @param undoArgs Args to supply undoFunc with * @param redoFunc Function to redo this operation * @param redoArgs Args to supply redoFunc with */ queue.add = function(gd, undoFunc, undoArgs, redoFunc, redoArgs) { var queueObj, queueIndex; // make sure we have the queue and our position in it gd.undoQueue = gd.undoQueue || {index: 0, queue: [], sequence: false}; queueIndex = gd.undoQueue.index; // if we're already playing an undo or redo, or if this is an auto operation // (like pane resize... any others?) then we don't save this to the undo queue if(gd.autoplay) { if(!gd.undoQueue.inSequence) gd.autoplay = false; return; } // if we're not in a sequence or are just starting, we need a new queue item if(!gd.undoQueue.sequence || gd.undoQueue.beginSequence) { queueObj = {undo: {calls: [], args: []}, redo: {calls: [], args: []}}; gd.undoQueue.queue.splice(queueIndex, gd.undoQueue.queue.length - queueIndex, queueObj); gd.undoQueue.index += 1; } else { queueObj = gd.undoQueue.queue[queueIndex - 1]; } gd.undoQueue.beginSequence = false; // we unshift to handle calls for undo in a forward for loop later if(queueObj) { queueObj.undo.calls.unshift(undoFunc); queueObj.undo.args.unshift(undoArgs); queueObj.redo.calls.push(redoFunc); queueObj.redo.args.push(redoArgs); } if(gd.undoQueue.queue.length > config.queueLength) { gd.undoQueue.queue.shift(); gd.undoQueue.index--; } }; /** * Begin a sequence of undoQueue changes * * @param gd */ queue.startSequence = function(gd) { gd.undoQueue = gd.undoQueue || {index: 0, queue: [], sequence: false}; gd.undoQueue.sequence = true; gd.undoQueue.beginSequence = true; }; /** * Stop a sequence of undoQueue changes * * Call this *after* you're sure your undo chain has ended * * @param gd */ queue.stopSequence = function(gd) { gd.undoQueue = gd.undoQueue || {index: 0, queue: [], sequence: false}; gd.undoQueue.sequence = false; gd.undoQueue.beginSequence = false; }; /** * Move one step back in the undo queue, and undo the object there. * * @param gd */ queue.undo = function undo(gd) { var queueObj, i; if(gd.framework && gd.framework.isPolar) { gd.framework.undo(); return; } if(gd.undoQueue === undefined || isNaN(gd.undoQueue.index) || gd.undoQueue.index <= 0) { return; } // index is pointing to next *forward* queueObj, point to the one we're undoing gd.undoQueue.index--; // get the queueObj for instructions on how to undo queueObj = gd.undoQueue.queue[gd.undoQueue.index]; // this sequence keeps things from adding to the queue during undo/redo gd.undoQueue.inSequence = true; for(i = 0; i < queueObj.undo.calls.length; i++) { queue.plotDo(gd, queueObj.undo.calls[i], queueObj.undo.args[i]); } gd.undoQueue.inSequence = false; gd.autoplay = false; }; /** * Redo the current object in the undo, then move forward in the queue. * * @param gd */ queue.redo = function redo(gd) { var queueObj, i; if(gd.framework && gd.framework.isPolar) { gd.framework.redo(); return; } if(gd.undoQueue === undefined || isNaN(gd.undoQueue.index) || gd.undoQueue.index >= gd.undoQueue.queue.length) { return; } // get the queueObj for instructions on how to undo queueObj = gd.undoQueue.queue[gd.undoQueue.index]; // this sequence keeps things from adding to the queue during undo/redo gd.undoQueue.inSequence = true; for(i = 0; i < queueObj.redo.calls.length; i++) { queue.plotDo(gd, queueObj.redo.calls[i], queueObj.redo.args[i]); } gd.undoQueue.inSequence = false; gd.autoplay = false; // index is pointing to the thing we just redid, move it gd.undoQueue.index++; }; /** * Called by undo/redo to make the actual changes. * * Not meant to be called publically, but included for mocking out in tests. * * @param gd * @param func * @param args */ queue.plotDo = function(gd, func, args) { gd.autoplay = true; // this *won't* copy gd and it preserves `undefined` properties! args = copyArgArray(gd, args); // call the supplied function func.apply(null, args); }; module.exports = queue; },{"../lib":147,"../plot_api/plot_config":171}],160:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isArray = require('./is_array'); var isPlainObject = require('./is_plain_object'); /** * Relink private _keys and keys with a function value from one container * to the new container. * Relink means copying if object is pass-by-value and adding a reference * if object is pass-by-ref. * This prevents deepCopying massive structures like a webgl context. */ module.exports = function relinkPrivateKeys(toContainer, fromContainer) { var keys = Object.keys(fromContainer || {}); for(var i = 0; i < keys.length; i++) { var k = keys[i], fromVal = fromContainer[k], toVal = toContainer[k]; if(k.charAt(0) === '_' || typeof fromVal === 'function') { // if it already exists at this point, it's something // that we recreate each time around, so ignore it if(k in toContainer) continue; toContainer[k] = fromVal; } else if(isArray(fromVal) && isArray(toVal) && isPlainObject(fromVal[0])) { // recurse into arrays containers for(var j = 0; j < fromVal.length; j++) { if(isPlainObject(fromVal[j]) && isPlainObject(toVal[j])) { relinkPrivateKeys(toVal[j], fromVal[j]); } } } else if(isPlainObject(fromVal) && isPlainObject(toVal)) { // recurse into objects, but only if they still exist relinkPrivateKeys(toVal, fromVal); if(!Object.keys(toVal).length) delete toContainer[k]; } } }; },{"./is_array":148,"./is_plain_object":149}],161:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var loggers = require('./loggers'); /** * findBin - find the bin for val - note that it can return outside the * bin range any pos. or neg. integer for linear bins, or -1 or * bins.length-1 for explicit. * bins is either an object {start,size,end} or an array length #bins+1 * bins can be either increasing or decreasing but must be monotonic * for linear bins, we can just calculate. For listed bins, run a binary * search linelow (truthy) says the bin boundary should be attributed to * the lower bin rather than the default upper bin */ exports.findBin = function(val, bins, linelow) { if(isNumeric(bins.start)) { return linelow ? Math.ceil((val - bins.start) / bins.size) - 1 : Math.floor((val - bins.start) / bins.size); } else { var n1 = 0, n2 = bins.length, c = 0, n, test; if(bins[bins.length - 1] >= bins[0]) { test = linelow ? lessThan : lessOrEqual; } else { test = linelow ? greaterOrEqual : greaterThan; } // c is just to avoid infinite loops if there's an error while(n1 < n2 && c++ < 100) { n = Math.floor((n1 + n2) / 2); if(test(bins[n], val)) n1 = n + 1; else n2 = n; } if(c > 90) loggers.log('Long binary search...'); return n1 - 1; } }; function lessThan(a, b) { return a < b; } function lessOrEqual(a, b) { return a <= b; } function greaterThan(a, b) { return a > b; } function greaterOrEqual(a, b) { return a >= b; } exports.sorterAsc = function(a, b) { return a - b; }; exports.sorterDes = function(a, b) { return b - a; }; /** * find distinct values in an array, lumping together ones that appear to * just be off by a rounding error * return the distinct values and the minimum difference between any two */ exports.distinctVals = function(valsIn) { var vals = valsIn.slice(); // otherwise we sort the original array... vals.sort(exports.sorterAsc); var l = vals.length - 1, minDiff = (vals[l] - vals[0]) || 1, errDiff = minDiff / (l || 1) / 10000, v2 = [vals[0]]; for(var i = 0; i < l; i++) { // make sure values aren't just off by a rounding error if(vals[i + 1] > vals[i] + errDiff) { minDiff = Math.min(minDiff, vals[i + 1] - vals[i]); v2.push(vals[i + 1]); } } return {vals: v2, minDiff: minDiff}; }; /** * return the smallest element from (sorted) array arrayIn that's bigger than val, * or (reverse) the largest element smaller than val * used to find the best tick given the minimum (non-rounded) tick * particularly useful for date/time where things are not powers of 10 * binary search is probably overkill here... */ exports.roundUp = function(val, arrayIn, reverse) { var low = 0, high = arrayIn.length - 1, mid, c = 0, dlow = reverse ? 0 : 1, dhigh = reverse ? 1 : 0, rounded = reverse ? Math.ceil : Math.floor; // c is just to avoid infinite loops if there's an error while(low < high && c++ < 100) { mid = rounded((low + high) / 2); if(arrayIn[mid] <= val) low = mid + dlow; else high = mid - dhigh; } return arrayIn[low]; }; },{"./loggers":150,"fast-isnumeric":10}],162:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // works with our CSS cursor classes (see css/_cursor.scss) // to apply cursors to d3 single-element selections. // omit cursor to revert to the default. module.exports = function setCursor(el3, csr) { (el3.attr('class') || '').split(' ').forEach(function(cls) { if(cls.indexOf('cursor-') === 0) el3.classed(cls, false); }); if(csr) el3.classed('cursor-' + csr, true); }; },{}],163:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); /** * aggNums() returns the result of an aggregate function applied to an array of * values, where non-numerical values have been tossed out. * * @param {function} f - aggregation function (e.g., Math.min) * @param {Number} v - initial value (continuing from previous calls) * if there's no continuing value, use null for selector-type * functions (max,min), or 0 for summations * @param {Array} a - array to aggregate (may be nested, we will recurse, * but all elements must have the same dimension) * @param {Number} len - maximum length of a to aggregate * @return {Number} - result of f applied to a starting from v */ exports.aggNums = function(f, v, a, len) { var i, b; if(!len) len = a.length; if(!isNumeric(v)) v = false; if(Array.isArray(a[0])) { b = new Array(len); for(i = 0; i < len; i++) b[i] = exports.aggNums(f, v, a[i]); a = b; } for(i = 0; i < len; i++) { if(!isNumeric(v)) v = a[i]; else if(isNumeric(a[i])) v = f(+v, +a[i]); } return v; }; /** * mean & std dev functions using aggNums, so it handles non-numerics nicely * even need to use aggNums instead of .length, to toss out non-numerics */ exports.len = function(data) { return exports.aggNums(function(a) { return a + 1; }, 0, data); }; exports.mean = function(data, len) { if(!len) len = exports.len(data); return exports.aggNums(function(a, b) { return a + b; }, 0, data) / len; }; exports.variance = function(data, len, mean) { if(!len) len = exports.len(data); if(!isNumeric(mean)) mean = exports.mean(data, len); return exports.aggNums(function(a, b) { return a + Math.pow(b - mean, 2); }, 0, data) / len; }; exports.stdev = function(data, len, mean) { return Math.sqrt(exports.variance(data, len, mean)); }; /** * interp() computes a percentile (quantile) for a given distribution. * We interpolate the distribution (to compute quantiles, we follow method #10 here: * http://www.amstat.org/publications/jse/v14n3/langford.html). * Typically the index or rank (n * arr.length) may be non-integer. * For reference: ends are clipped to the extreme values in the array; * For box plots: index you get is half a point too high (see * http://en.wikipedia.org/wiki/Percentile#Nearest_rank) but note that this definition * indexes from 1 rather than 0, so we subtract 1/2 (instead of add). * * @param {Array} arr - This array contains the values that make up the distribution. * @param {Number} n - Between 0 and 1, n = p/100 is such that we compute the p^th percentile. * For example, the 50th percentile (or median) corresponds to n = 0.5 * @return {Number} - percentile */ exports.interp = function(arr, n) { if(!isNumeric(n)) throw 'n should be a finite number'; n = n * arr.length - 0.5; if(n < 0) return arr[0]; if(n > arr.length - 1) return arr[arr.length - 1]; var frac = n % 1; return frac * arr[Math.ceil(n)] + (1 - frac) * arr[Math.floor(n)]; }; },{"fast-isnumeric":10}],164:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /* global MathJax:false */ var d3 = require('d3'); var Lib = require('../lib'); var xmlnsNamespaces = require('../constants/xmlns_namespaces'); var stringMappings = require('../constants/string_mappings'); var LINE_SPACING = require('../constants/alignment').LINE_SPACING; // text converter function getSize(_selection, _dimension) { return _selection.node().getBoundingClientRect()[_dimension]; } var FIND_TEX = /([^$]*)([$]+[^$]*[$]+)([^$]*)/; exports.convertToTspans = function(_context, gd, _callback) { var str = _context.text(); // Until we get tex integrated more fully (so it can be used along with non-tex) // allow some elements to prohibit it by attaching 'data-notex' to the original var tex = (!_context.attr('data-notex')) && (typeof MathJax !== 'undefined') && str.match(FIND_TEX); var parent = d3.select(_context.node().parentNode); if(parent.empty()) return; var svgClass = (_context.attr('class')) ? _context.attr('class').split(' ')[0] : 'text'; svgClass += '-math'; parent.selectAll('svg.' + svgClass).remove(); parent.selectAll('g.' + svgClass + '-group').remove(); _context.style('display', null) .attr({ // some callers use data-unformatted *from the element* in 'cancel' // so we need it here even if we're going to turn it into math // these two (plus style and text-anchor attributes) form the key we're // going to use for Drawing.bBox 'data-unformatted': str, 'data-math': 'N' }); function showText() { if(!parent.empty()) { svgClass = _context.attr('class') + '-math'; parent.select('svg.' + svgClass).remove(); } _context.text('') .style('white-space', 'pre'); var hasLink = buildSVGText(_context.node(), str); if(hasLink) { // at least in Chrome, pointer-events does not seem // to be honored in children of elements // so if we have an anchor, we have to make the // whole element respond _context.style('pointer-events', 'all'); } exports.positionText(_context); if(_callback) _callback.call(_context); } if(tex) { ((gd && gd._promises) || []).push(new Promise(function(resolve) { _context.style('display', 'none'); var config = {fontSize: parseInt(_context.style('font-size'), 10)}; texToSVG(tex[2], config, function(_svgEl, _glyphDefs, _svgBBox) { parent.selectAll('svg.' + svgClass).remove(); parent.selectAll('g.' + svgClass + '-group').remove(); var newSvg = _svgEl && _svgEl.select('svg'); if(!newSvg || !newSvg.node()) { showText(); resolve(); return; } var mathjaxGroup = parent.append('g') .classed(svgClass + '-group', true) .attr({ 'pointer-events': 'none', 'data-unformatted': str, 'data-math': 'Y' }); mathjaxGroup.node().appendChild(newSvg.node()); // stitch the glyph defs if(_glyphDefs && _glyphDefs.node()) { newSvg.node().insertBefore(_glyphDefs.node().cloneNode(true), newSvg.node().firstChild); } newSvg.attr({ 'class': svgClass, height: _svgBBox.height, preserveAspectRatio: 'xMinYMin meet' }) .style({overflow: 'visible', 'pointer-events': 'none'}); var fill = _context.style('fill') || 'black'; newSvg.select('g').attr({fill: fill, stroke: fill}); var newSvgW = getSize(newSvg, 'width'), newSvgH = getSize(newSvg, 'height'), newX = +_context.attr('x') - newSvgW * {start: 0, middle: 0.5, end: 1}[_context.attr('text-anchor') || 'start'], // font baseline is about 1/4 fontSize below centerline textHeight = parseInt(_context.style('font-size'), 10) || getSize(_context, 'height'), dy = -textHeight / 4; if(svgClass[0] === 'y') { mathjaxGroup.attr({ transform: 'rotate(' + [-90, +_context.attr('x'), +_context.attr('y')] + ') translate(' + [-newSvgW / 2, dy - newSvgH / 2] + ')' }); newSvg.attr({x: +_context.attr('x'), y: +_context.attr('y')}); } else if(svgClass[0] === 'l') { newSvg.attr({x: _context.attr('x'), y: dy - (newSvgH / 2)}); } else if(svgClass[0] === 'a') { newSvg.attr({x: 0, y: dy}); } else { newSvg.attr({x: newX, y: (+_context.attr('y') + dy - newSvgH / 2)}); } if(_callback) _callback.call(_context, mathjaxGroup); resolve(mathjaxGroup); }); })); } else showText(); return _context; }; // MathJax var LT_MATCH = /(<|<|<)/g; var GT_MATCH = /(>|>|>)/g; function cleanEscapesForTex(s) { return s.replace(LT_MATCH, '\\lt ') .replace(GT_MATCH, '\\gt '); } function texToSVG(_texString, _config, _callback) { var randomID = 'math-output-' + Lib.randstr([], 64); var tmpDiv = d3.select('body').append('div') .attr({id: randomID}) .style({visibility: 'hidden', position: 'absolute'}) .style({'font-size': _config.fontSize + 'px'}) .text(cleanEscapesForTex(_texString)); MathJax.Hub.Queue(['Typeset', MathJax.Hub, tmpDiv.node()], function() { var glyphDefs = d3.select('body').select('#MathJax_SVG_glyphs'); if(tmpDiv.select('.MathJax_SVG').empty() || !tmpDiv.select('svg').node()) { Lib.log('There was an error in the tex syntax.', _texString); _callback(); } else { var svgBBox = tmpDiv.select('svg').node().getBoundingClientRect(); _callback(tmpDiv.select('.MathJax_SVG'), glyphDefs, svgBBox); } tmpDiv.remove(); }); } var TAG_STYLES = { // would like to use baseline-shift for sub/sup but FF doesn't support it // so we need to use dy along with the uber hacky shift-back-to // baseline below sup: 'font-size:70%', sub: 'font-size:70%', b: 'font-weight:bold', i: 'font-style:italic', a: 'cursor:pointer', span: '', em: 'font-style:italic;font-weight:bold' }; // baseline shifts for sub and sup var SHIFT_DY = { sub: '0.3em', sup: '-0.6em' }; // reset baseline by adding a tspan (empty except for a zero-width space) // with dy of -70% * SHIFT_DY (because font-size=70%) var RESET_DY = { sub: '-0.21em', sup: '0.42em' }; var ZERO_WIDTH_SPACE = '\u200b'; /* * Whitelist of protocols in user-supplied urls. Mostly we want to avoid javascript * and related attack vectors. The empty items are there for IE, that in various * versions treats relative paths as having different flavors of no protocol, while * other browsers have these explicitly inherit the protocol of the page they're in. */ var PROTOCOLS = ['http:', 'https:', 'mailto:', '', undefined, ':']; var STRIP_TAGS = new RegExp(']*)?/?>', 'g'); var ENTITY_TO_UNICODE = Object.keys(stringMappings.entityToUnicode).map(function(k) { return { regExp: new RegExp('&' + k + ';', 'g'), sub: stringMappings.entityToUnicode[k] }; }); var NEWLINES = /(\r\n?|\n)/g; var SPLIT_TAGS = /(<[^<>]*>)/; var ONE_TAG = /<(\/?)([^ >]*)(\s+(.*))?>/i; var BR_TAG = //i; /* * style and href: pull them out of either single or double quotes. Also * - target: (_blank|_self|_parent|_top|framename) * note that you can't use target to get a popup but if you use popup, * a `framename` will be passed along as the name of the popup window. * per the spec, cannot contain whitespace. * for backward compatibility we default to '_blank' * - popup: a custom one for us to enable popup (new window) links. String * for window.open -> strWindowFeatures, like 'menubar=yes,width=500,height=550' * note that at least in Chrome, you need to give at least one property * in this string or the page will open in a new tab anyway. We follow this * convention and will not make a popup if this string is empty. * per the spec, cannot contain whitespace. * * Because we hack in other attributes with style (sub & sup), drop any trailing * semicolon in user-supplied styles so we can consistently append the tag-dependent style */ var STYLEMATCH = /(^|[\s"'])style\s*=\s*("([^"]*);?"|'([^']*);?')/i; var HREFMATCH = /(^|[\s"'])href\s*=\s*("([^"]*)"|'([^']*)')/i; var TARGETMATCH = /(^|[\s"'])target\s*=\s*("([^"\s]*)"|'([^'\s]*)')/i; var POPUPMATCH = /(^|[\s"'])popup\s*=\s*("([\w=,]*)"|'([\w=,]*)')/i; // dedicated matcher for these quoted regexes, that can return their results // in two different places function getQuotedMatch(_str, re) { if(!_str) return null; var match = _str.match(re); return match && (match[3] || match[4]); } var COLORMATCH = /(^|;)\s*color:/; exports.plainText = function(_str) { // strip out our pseudo-html so we have a readable // version to put into text fields return (_str || '').replace(STRIP_TAGS, ' '); }; function replaceFromMapObject(_str, list) { if(!_str) return ''; for(var i = 0; i < list.length; i++) { var item = list[i]; _str = _str.replace(item.regExp, item.sub); } return _str; } function convertEntities(_str) { return replaceFromMapObject(_str, ENTITY_TO_UNICODE); } /* * buildSVGText: convert our pseudo-html into SVG tspan elements, and attach these * to containerNode * * @param {svg text element} containerNode: the node to insert this text into * @param {string} str: the pseudo-html string to convert to svg * * @returns {bool}: does the result contain any links? We need to handle the text element * somewhat differently if it does, so just keep track of this when it happens. */ function buildSVGText(containerNode, str) { str = convertEntities(str) /* * Normalize behavior between IE and others wrt newlines and whitespace:pre * this combination makes IE barf https://github.com/plotly/plotly.js/issues/746 * Chrome and FF display \n, \r, or \r\n as a space in this mode. * I feel like at some point we turned these into
but currently we don't so * I'm just going to cement what we do now in Chrome and FF */ .replace(NEWLINES, ' '); var hasLink = false; // as we're building the text, keep track of what elements we're nested inside // nodeStack will be an array of {node, type, style, href, target, popup} // where only type: 'a' gets the last 3 and node is only added when it's created var nodeStack = []; var currentNode; var currentLine = -1; function newLine() { currentLine++; var lineNode = document.createElementNS(xmlnsNamespaces.svg, 'tspan'); d3.select(lineNode).attr({ class: 'line', dy: (currentLine * LINE_SPACING) + 'em' }); containerNode.appendChild(lineNode); currentNode = lineNode; var oldNodeStack = nodeStack; nodeStack = [{node: lineNode}]; if(oldNodeStack.length > 1) { for(var i = 1; i < oldNodeStack.length; i++) { enterNode(oldNodeStack[i]); } } } function enterNode(nodeSpec) { var type = nodeSpec.type; var nodeAttrs = {}; var nodeType; if(type === 'a') { nodeType = 'a'; var target = nodeSpec.target; var href = nodeSpec.href; var popup = nodeSpec.popup; if(href) { nodeAttrs = { 'xlink:xlink:show': (target === '_blank' || target.charAt(0) !== '_') ? 'new' : 'replace', target: target, 'xlink:xlink:href': href }; if(popup) { // security: href and target are not inserted as code but // as attributes. popup is, but limited to /[A-Za-z0-9_=,]/ nodeAttrs.onclick = 'window.open(this.href.baseVal,this.target.baseVal,"' + popup + '");return false;'; } } } else nodeType = 'tspan'; if(nodeSpec.style) nodeAttrs.style = nodeSpec.style; var newNode = document.createElementNS(xmlnsNamespaces.svg, nodeType); if(type === 'sup' || type === 'sub') { addTextNode(currentNode, ZERO_WIDTH_SPACE); currentNode.appendChild(newNode); var resetter = document.createElementNS(xmlnsNamespaces.svg, 'tspan'); addTextNode(resetter, ZERO_WIDTH_SPACE); d3.select(resetter).attr('dy', RESET_DY[type]); nodeAttrs.dy = SHIFT_DY[type]; currentNode.appendChild(newNode); currentNode.appendChild(resetter); } else { currentNode.appendChild(newNode); } d3.select(newNode).attr(nodeAttrs); currentNode = nodeSpec.node = newNode; nodeStack.push(nodeSpec); } function addTextNode(node, text) { node.appendChild(document.createTextNode(text)); } function exitNode(type) { var innerNode = nodeStack.pop(); if(type !== innerNode.type) { Lib.log('Start tag <' + innerNode.type + '> doesnt match end tag <' + type + '>. Pretending it did match.', str); } currentNode = nodeStack[nodeStack.length - 1].node; } var hasLines = BR_TAG.test(str); if(hasLines) newLine(); else { currentNode = containerNode; nodeStack = [{node: containerNode}]; } var parts = str.split(SPLIT_TAGS); for(var i = 0; i < parts.length; i++) { var parti = parts[i]; var match = parti.match(ONE_TAG); var tagType = match && match[2].toLowerCase(); var tagStyle = TAG_STYLES[tagType]; if(tagType === 'br') { newLine(); } else if(tagStyle === undefined) { addTextNode(currentNode, parti); } else { // tag - open or close if(match[1]) { exitNode(tagType); } else { var extra = match[4]; var nodeSpec = {type: tagType}; // now add style, from both the tag name and any extra css // Most of the svg css that users will care about is just like html, // but font color is different (uses fill). Let our users ignore this. var css = getQuotedMatch(extra, STYLEMATCH); if(css) { css = css.replace(COLORMATCH, '$1 fill:'); if(tagStyle) css += ';' + tagStyle; } else if(tagStyle) css = tagStyle; if(css) nodeSpec.style = css; if(tagType === 'a') { hasLink = true; var href = getQuotedMatch(extra, HREFMATCH); if(href) { // check safe protocols var dummyAnchor = document.createElement('a'); dummyAnchor.href = href; if(PROTOCOLS.indexOf(dummyAnchor.protocol) !== -1) { nodeSpec.href = encodeURI(href); nodeSpec.target = getQuotedMatch(extra, TARGETMATCH) || '_blank'; nodeSpec.popup = getQuotedMatch(extra, POPUPMATCH); } } } enterNode(nodeSpec); } } } return hasLink; } exports.lineCount = function lineCount(s) { return s.selectAll('tspan.line').size() || 1; }; exports.positionText = function positionText(s, x, y) { return s.each(function() { var text = d3.select(this); function setOrGet(attr, val) { if(val === undefined) { val = text.attr(attr); if(val === null) { text.attr(attr, 0); val = 0; } } else text.attr(attr, val); return val; } var thisX = setOrGet('x', x); var thisY = setOrGet('y', y); if(this.nodeName === 'text') { text.selectAll('tspan.line').attr({x: thisX, y: thisY}); } }); }; function alignHTMLWith(_base, container, options) { var alignH = options.horizontalAlign, alignV = options.verticalAlign || 'top', bRect = _base.node().getBoundingClientRect(), cRect = container.node().getBoundingClientRect(), thisRect, getTop, getLeft; if(alignV === 'bottom') { getTop = function() { return bRect.bottom - thisRect.height; }; } else if(alignV === 'middle') { getTop = function() { return bRect.top + (bRect.height - thisRect.height) / 2; }; } else { // default: top getTop = function() { return bRect.top; }; } if(alignH === 'right') { getLeft = function() { return bRect.right - thisRect.width; }; } else if(alignH === 'center') { getLeft = function() { return bRect.left + (bRect.width - thisRect.width) / 2; }; } else { // default: left getLeft = function() { return bRect.left; }; } return function() { thisRect = this.node().getBoundingClientRect(); this.style({ top: (getTop() - cRect.top) + 'px', left: (getLeft() - cRect.left) + 'px', 'z-index': 1000 }); return this; }; } /* * Editable title * @param {d3.selection} context: the element being edited. Normally text, * but if it isn't, you should provide the styling options * @param {object} options: * @param {div} options.gd: graphDiv * @param {d3.selection} options.delegate: item to bind events to if not this * @param {boolean} options.immediate: start editing now (true) or on click (false, default) * @param {string} options.fill: font color if not as shown * @param {string} options.background: background color if not as shown * @param {string} options.text: initial text, if not as shown * @param {string} options.horizontalAlign: alignment of the edit box wrt. the bound element * @param {string} options.verticalAlign: alignment of the edit box wrt. the bound element */ exports.makeEditable = function(context, options) { var gd = options.gd; var _delegate = options.delegate; var dispatch = d3.dispatch('edit', 'input', 'cancel'); var handlerElement = _delegate || context; context.style({'pointer-events': _delegate ? 'none' : 'all'}); if(context.size() !== 1) throw new Error('boo'); function handleClick() { appendEditable(); context.style({opacity: 0}); // also hide any mathjax svg var svgClass = handlerElement.attr('class'), mathjaxClass; if(svgClass) mathjaxClass = '.' + svgClass.split(' ')[0] + '-math-group'; else mathjaxClass = '[class*=-math-group]'; if(mathjaxClass) { d3.select(context.node().parentNode).select(mathjaxClass).style({opacity: 0}); } } function selectElementContents(_el) { var el = _el.node(); var range = document.createRange(); range.selectNodeContents(el); var sel = window.getSelection(); sel.removeAllRanges(); sel.addRange(range); el.focus(); } function appendEditable() { var plotDiv = d3.select(gd), container = plotDiv.select('.svg-container'), div = container.append('div'); div.classed('plugin-editable editable', true) .style({ position: 'absolute', 'font-family': context.style('font-family') || 'Arial', 'font-size': context.style('font-size') || 12, color: options.fill || context.style('fill') || 'black', opacity: 1, 'background-color': options.background || 'transparent', outline: '#ffffff33 1px solid', margin: [-parseFloat(context.style('font-size')) / 8 + 1, 0, 0, -1].join('px ') + 'px', padding: '0', 'box-sizing': 'border-box' }) .attr({contenteditable: true}) .text(options.text || context.attr('data-unformatted')) .call(alignHTMLWith(context, container, options)) .on('blur', function() { gd._editing = false; context.text(this.textContent) .style({opacity: 1}); var svgClass = d3.select(this).attr('class'), mathjaxClass; if(svgClass) mathjaxClass = '.' + svgClass.split(' ')[0] + '-math-group'; else mathjaxClass = '[class*=-math-group]'; if(mathjaxClass) { d3.select(context.node().parentNode).select(mathjaxClass).style({opacity: 0}); } var text = this.textContent; d3.select(this).transition().duration(0).remove(); d3.select(document).on('mouseup', null); dispatch.edit.call(context, text); }) .on('focus', function() { var editDiv = this; gd._editing = true; d3.select(document).on('mouseup', function() { if(d3.event.target === editDiv) return false; if(document.activeElement === div.node()) div.node().blur(); }); }) .on('keyup', function() { if(d3.event.which === 27) { gd._editing = false; context.style({opacity: 1}); d3.select(this) .style({opacity: 0}) .on('blur', function() { return false; }) .transition().remove(); dispatch.cancel.call(context, this.textContent); } else { dispatch.input.call(context, this.textContent); d3.select(this).call(alignHTMLWith(context, container, options)); } }) .on('keydown', function() { if(d3.event.which === 13) this.blur(); }) .call(selectElementContents); } if(options.immediate) handleClick(); else handlerElement.on('click', handleClick); return d3.rebind(context, dispatch, 'on'); }; },{"../constants/alignment":130,"../constants/string_mappings":133,"../constants/xmlns_namespaces":134,"../lib":147,"d3":7}],165:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); /** * convert a linear value into a logged value, folding negative numbers into * the given range */ module.exports = function toLogRange(val, range) { if(val > 0) return Math.log(val) / Math.LN10; // move a negative value reference to a log axis - just put the // result at the lowest range value on the plot (or if the range also went negative, // one millionth of the top of the range) var newVal = Math.log(Math.min(range[0], range[1])) / Math.LN10; if(!isNumeric(newVal)) newVal = Math.log(Math.max(range[0], range[1])) / Math.LN10 - 6; return newVal; }; },{"fast-isnumeric":10}],166:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = require('../registry'); /* * containerArrayMatch: does this attribute string point into a * layout container array? * * @param {String} astr: an attribute string, like *annotations[2].text* * * @returns {Object | false} Returns false if `astr` doesn't match a container * array. If it does, returns: * {array: {String}, index: {Number}, property: {String}} * ie the attribute string for the array, the index within the array (or '' * if the whole array) and the property within that (or '' if the whole array * or the whole object) */ module.exports = function containerArrayMatch(astr) { var rootContainers = Registry.layoutArrayContainers, regexpContainers = Registry.layoutArrayRegexes, rootPart = astr.split('[')[0], arrayStr, match; // look for regexp matches first, because they may be nested inside root matches // eg updatemenus[i].buttons is nested inside updatemenus for(var i = 0; i < regexpContainers.length; i++) { match = astr.match(regexpContainers[i]); if(match && match.index === 0) { arrayStr = match[0]; break; } } // now look for root matches if(!arrayStr) arrayStr = rootContainers[rootContainers.indexOf(rootPart)]; if(!arrayStr) return false; var tail = astr.substr(arrayStr.length); if(!tail) return {array: arrayStr, index: '', property: ''}; match = tail.match(/^\[(0|[1-9][0-9]*)\](\.(.+))?$/); if(!match) return false; return {array: arrayStr, index: Number(match[1]), property: match[3] || ''}; }; },{"../registry":219}],167:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { /* * default (all false) edit flags for restyle (traces) * creates a new object each call, so the caller can mutate freely */ traces: function() { return { docalc: false, docalcAutorange: false, doplot: false, dostyle: false, docolorbars: false, autorangeOn: false, clearCalc: false, fullReplot: false }; }, /* * default (all false) edit flags for relayout * creates a new object each call, so the caller can mutate freely */ layout: function() { return { dolegend: false, doticks: false, dolayoutstyle: false, doplot: false, docalc: false, domodebar: false, docamera: false, layoutReplot: false }; }, /* * update `flags` with the `editType` values found in `attr` */ update: function(flags, attr) { var editType = attr.editType; if(editType) { var editTypeParts = editType.split('+'); for(var i = 0; i < editTypeParts.length; i++) { flags[editTypeParts[i]] = true; } } } }; },{}],168:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var m4FromQuat = require('gl-mat4/fromQuat'); var Registry = require('../registry'); var Lib = require('../lib'); var Plots = require('../plots/plots'); var Axes = require('../plots/cartesian/axes'); var Color = require('../components/color'); // Get the container div: we store all variables for this plot as // properties of this div // some callers send this in by DOM element, others by id (string) exports.getGraphDiv = function(gd) { var gdElement; if(typeof gd === 'string') { gdElement = document.getElementById(gd); if(gdElement === null) { throw new Error('No DOM element with id \'' + gd + '\' exists on the page.'); } return gdElement; } else if(gd === null || gd === undefined) { throw new Error('DOM element provided is null or undefined'); } return gd; // otherwise assume that gd is a DOM element }; // clear the promise queue if one of them got rejected exports.clearPromiseQueue = function(gd) { if(Array.isArray(gd._promises) && gd._promises.length > 0) { Lib.log('Clearing previous rejected promises from queue.'); } gd._promises = []; }; // make a few changes to the layout right away // before it gets used for anything // backward compatibility and cleanup of nonstandard options exports.cleanLayout = function(layout) { var i, j; if(!layout) layout = {}; // cannot have (x|y)axis1, numbering goes axis, axis2, axis3... if(layout.xaxis1) { if(!layout.xaxis) layout.xaxis = layout.xaxis1; delete layout.xaxis1; } if(layout.yaxis1) { if(!layout.yaxis) layout.yaxis = layout.yaxis1; delete layout.yaxis1; } var axList = Axes.list({_fullLayout: layout}); for(i = 0; i < axList.length; i++) { var ax = axList[i]; if(ax.anchor && ax.anchor !== 'free') { ax.anchor = Axes.cleanId(ax.anchor); } if(ax.overlaying) ax.overlaying = Axes.cleanId(ax.overlaying); // old method of axis type - isdate and islog (before category existed) if(!ax.type) { if(ax.isdate) ax.type = 'date'; else if(ax.islog) ax.type = 'log'; else if(ax.isdate === false && ax.islog === false) ax.type = 'linear'; } if(ax.autorange === 'withzero' || ax.autorange === 'tozero') { ax.autorange = true; ax.rangemode = 'tozero'; } delete ax.islog; delete ax.isdate; delete ax.categories; // replaced by _categories // prune empty domain arrays made before the new nestedProperty if(emptyContainer(ax, 'domain')) delete ax.domain; // autotick -> tickmode if(ax.autotick !== undefined) { if(ax.tickmode === undefined) { ax.tickmode = ax.autotick ? 'auto' : 'linear'; } delete ax.autotick; } } var annotationsLen = Array.isArray(layout.annotations) ? layout.annotations.length : 0; for(i = 0; i < annotationsLen; i++) { var ann = layout.annotations[i]; if(!Lib.isPlainObject(ann)) continue; if(ann.ref) { if(ann.ref === 'paper') { ann.xref = 'paper'; ann.yref = 'paper'; } else if(ann.ref === 'data') { ann.xref = 'x'; ann.yref = 'y'; } delete ann.ref; } cleanAxRef(ann, 'xref'); cleanAxRef(ann, 'yref'); } var shapesLen = Array.isArray(layout.shapes) ? layout.shapes.length : 0; for(i = 0; i < shapesLen; i++) { var shape = layout.shapes[i]; if(!Lib.isPlainObject(shape)) continue; cleanAxRef(shape, 'xref'); cleanAxRef(shape, 'yref'); } var legend = layout.legend; if(legend) { // check for old-style legend positioning (x or y is +/- 100) if(legend.x > 3) { legend.x = 1.02; legend.xanchor = 'left'; } else if(legend.x < -2) { legend.x = -0.02; legend.xanchor = 'right'; } if(legend.y > 3) { legend.y = 1.02; legend.yanchor = 'bottom'; } else if(legend.y < -2) { legend.y = -0.02; legend.yanchor = 'top'; } } /* * Moved from rotate -> orbit for dragmode */ if(layout.dragmode === 'rotate') layout.dragmode = 'orbit'; // cannot have scene1, numbering goes scene, scene2, scene3... if(layout.scene1) { if(!layout.scene) layout.scene = layout.scene1; delete layout.scene1; } /* * Clean up Scene layouts */ var sceneIds = Plots.getSubplotIds(layout, 'gl3d'); for(i = 0; i < sceneIds.length; i++) { var scene = layout[sceneIds[i]]; // clean old Camera coords var cameraposition = scene.cameraposition; if(Array.isArray(cameraposition) && cameraposition[0].length === 4) { var rotation = cameraposition[0], center = cameraposition[1], radius = cameraposition[2], mat = m4FromQuat([], rotation), eye = []; for(j = 0; j < 3; ++j) { eye[j] = center[i] + radius * mat[2 + 4 * j]; } scene.camera = { eye: {x: eye[0], y: eye[1], z: eye[2]}, center: {x: center[0], y: center[1], z: center[2]}, up: {x: mat[1], y: mat[5], z: mat[9]} }; delete scene.cameraposition; } } // sanitize rgb(fractions) and rgba(fractions) that old tinycolor // supported, but new tinycolor does not because they're not valid css Color.clean(layout); return layout; }; function cleanAxRef(container, attr) { var valIn = container[attr], axLetter = attr.charAt(0); if(valIn && valIn !== 'paper') { container[attr] = Axes.cleanId(valIn, axLetter); } } // Make a few changes to the data right away // before it gets used for anything exports.cleanData = function(data, existingData) { // Enforce unique IDs var suids = [], // seen uids --- so we can weed out incoming repeats uids = data.concat(Array.isArray(existingData) ? existingData : []) .filter(function(trace) { return 'uid' in trace; }) .map(function(trace) { return trace.uid; }); for(var tracei = 0; tracei < data.length; tracei++) { var trace = data[tracei]; var i; // assign uids to each trace and detect collisions. if(!('uid' in trace) || suids.indexOf(trace.uid) !== -1) { var newUid; for(i = 0; i < 100; i++) { newUid = Lib.randstr(uids); if(suids.indexOf(newUid) === -1) break; } trace.uid = Lib.randstr(uids); uids.push(trace.uid); } // keep track of already seen uids, so that if there are // doubles we force the trace with a repeat uid to // acquire a new one suids.push(trace.uid); // BACKWARD COMPATIBILITY FIXES // use xbins to bin data in x, and ybins to bin data in y if(trace.type === 'histogramy' && 'xbins' in trace && !('ybins' in trace)) { trace.ybins = trace.xbins; delete trace.xbins; } // error_y.opacity is obsolete - merge into color if(trace.error_y && 'opacity' in trace.error_y) { var dc = Color.defaults, yeColor = trace.error_y.color || (Registry.traceIs(trace, 'bar') ? Color.defaultLine : dc[tracei % dc.length]); trace.error_y.color = Color.addOpacity( Color.rgb(yeColor), Color.opacity(yeColor) * trace.error_y.opacity); delete trace.error_y.opacity; } // convert bardir to orientation, and put the data into // the axes it's eventually going to be used with if('bardir' in trace) { if(trace.bardir === 'h' && (Registry.traceIs(trace, 'bar') || trace.type.substr(0, 9) === 'histogram')) { trace.orientation = 'h'; exports.swapXYData(trace); } delete trace.bardir; } // now we have only one 1D histogram type, and whether // it uses x or y data depends on trace.orientation if(trace.type === 'histogramy') exports.swapXYData(trace); if(trace.type === 'histogramx' || trace.type === 'histogramy') { trace.type = 'histogram'; } // scl->scale, reversescl->reversescale if('scl' in trace) { trace.colorscale = trace.scl; delete trace.scl; } if('reversescl' in trace) { trace.reversescale = trace.reversescl; delete trace.reversescl; } // axis ids x1 -> x, y1-> y if(trace.xaxis) trace.xaxis = Axes.cleanId(trace.xaxis, 'x'); if(trace.yaxis) trace.yaxis = Axes.cleanId(trace.yaxis, 'y'); // scene ids scene1 -> scene if(Registry.traceIs(trace, 'gl3d') && trace.scene) { trace.scene = Plots.subplotsRegistry.gl3d.cleanId(trace.scene); } if(!Registry.traceIs(trace, 'pie') && !Registry.traceIs(trace, 'bar')) { if(Array.isArray(trace.textposition)) { trace.textposition = trace.textposition.map(cleanTextPosition); } else if(trace.textposition) { trace.textposition = cleanTextPosition(trace.textposition); } } // fix typo in colorscale definition if(Registry.traceIs(trace, '2dMap')) { if(trace.colorscale === 'YIGnBu') trace.colorscale = 'YlGnBu'; if(trace.colorscale === 'YIOrRd') trace.colorscale = 'YlOrRd'; } if(Registry.traceIs(trace, 'markerColorscale') && trace.marker) { var cont = trace.marker; if(cont.colorscale === 'YIGnBu') cont.colorscale = 'YlGnBu'; if(cont.colorscale === 'YIOrRd') cont.colorscale = 'YlOrRd'; } // fix typo in surface 'highlight*' definitions if(trace.type === 'surface' && Lib.isPlainObject(trace.contours)) { var dims = ['x', 'y', 'z']; for(i = 0; i < dims.length; i++) { var opts = trace.contours[dims[i]]; if(!Lib.isPlainObject(opts)) continue; if(opts.highlightColor) { opts.highlightcolor = opts.highlightColor; delete opts.highlightColor; } if(opts.highlightWidth) { opts.highlightwidth = opts.highlightWidth; delete opts.highlightWidth; } } } // transforms backward compatibility fixes if(Array.isArray(trace.transforms)) { var transforms = trace.transforms; for(i = 0; i < transforms.length; i++) { var transform = transforms[i]; if(!Lib.isPlainObject(transform)) continue; switch(transform.type) { case 'filter': if(transform.filtersrc) { transform.target = transform.filtersrc; delete transform.filtersrc; } if(transform.calendar) { if(!transform.valuecalendar) { transform.valuecalendar = transform.calendar; } delete transform.calendar; } break; case 'groupby': // Name has changed from `style` to `styles`, so use `style` but prefer `styles`: transform.styles = transform.styles || transform.style; if(transform.styles && !Array.isArray(transform.styles)) { var prevStyles = transform.styles; var styleKeys = Object.keys(prevStyles); transform.styles = []; for(var j = 0; j < styleKeys.length; j++) { transform.styles.push({ target: styleKeys[j], value: prevStyles[styleKeys[j]] }); } } break; } } } // prune empty containers made before the new nestedProperty if(emptyContainer(trace, 'line')) delete trace.line; if('marker' in trace) { if(emptyContainer(trace.marker, 'line')) delete trace.marker.line; if(emptyContainer(trace, 'marker')) delete trace.marker; } // sanitize rgb(fractions) and rgba(fractions) that old tinycolor // supported, but new tinycolor does not because they're not valid css Color.clean(trace); } }; // textposition - support partial attributes (ie just 'top') // and incorrect use of middle / center etc. function cleanTextPosition(textposition) { var posY = 'middle', posX = 'center'; if(textposition.indexOf('top') !== -1) posY = 'top'; else if(textposition.indexOf('bottom') !== -1) posY = 'bottom'; if(textposition.indexOf('left') !== -1) posX = 'left'; else if(textposition.indexOf('right') !== -1) posX = 'right'; return posY + ' ' + posX; } function emptyContainer(outer, innerStr) { return (innerStr in outer) && (typeof outer[innerStr] === 'object') && (Object.keys(outer[innerStr]).length === 0); } // swap all the data and data attributes associated with x and y exports.swapXYData = function(trace) { var i; Lib.swapAttrs(trace, ['?', '?0', 'd?', '?bins', 'nbins?', 'autobin?', '?src', 'error_?']); if(Array.isArray(trace.z) && Array.isArray(trace.z[0])) { if(trace.transpose) delete trace.transpose; else trace.transpose = true; } if(trace.error_x && trace.error_y) { var errorY = trace.error_y, copyYstyle = ('copy_ystyle' in errorY) ? errorY.copy_ystyle : !(errorY.color || errorY.thickness || errorY.width); Lib.swapAttrs(trace, ['error_?.copy_ystyle']); if(copyYstyle) { Lib.swapAttrs(trace, ['error_?.color', 'error_?.thickness', 'error_?.width']); } } if(typeof trace.hoverinfo === 'string') { var hoverInfoParts = trace.hoverinfo.split('+'); for(i = 0; i < hoverInfoParts.length; i++) { if(hoverInfoParts[i] === 'x') hoverInfoParts[i] = 'y'; else if(hoverInfoParts[i] === 'y') hoverInfoParts[i] = 'x'; } trace.hoverinfo = hoverInfoParts.join('+'); } }; // coerce traceIndices input to array of trace indices exports.coerceTraceIndices = function(gd, traceIndices) { if(isNumeric(traceIndices)) { return [traceIndices]; } else if(!Array.isArray(traceIndices) || !traceIndices.length) { return gd.data.map(function(_, i) { return i; }); } return traceIndices; }; /** * Manages logic around array container item creation / deletion / update * that nested property alone can't handle. * * @param {Object} np * nested property of update attribute string about trace or layout object * @param {*} newVal * update value passed to restyle / relayout / update * @param {Object} undoit * undo hash (N.B. undoit may be mutated here). * */ exports.manageArrayContainers = function(np, newVal, undoit) { var obj = np.obj, parts = np.parts, pLength = parts.length, pLast = parts[pLength - 1]; var pLastIsNumber = isNumeric(pLast); // delete item if(pLastIsNumber && newVal === null) { // Clear item in array container when new value is null var contPath = parts.slice(0, pLength - 1).join('.'), cont = Lib.nestedProperty(obj, contPath).get(); cont.splice(pLast, 1); // Note that nested property clears null / undefined at end of // array container, but not within them. } // create item else if(pLastIsNumber && np.get() === undefined) { // When adding a new item, make sure undo command will remove it if(np.get() === undefined) undoit[np.astr] = null; np.set(newVal); } // update item else { // If the last part of attribute string isn't a number, // np.set is all we need. np.set(newVal); } }; /* * Match the part to strip off to turn an attribute into its parent * really it should be either '.some_characters' or '[number]' * but we're a little more permissive here and match either * '.not_brackets_or_dot' or '[not_brackets_or_dot]' */ var ATTR_TAIL_RE = /(\.[^\[\]\.]+|\[[^\[\]\.]+\])$/; function getParent(attr) { var tail = attr.search(ATTR_TAIL_RE); if(tail > 0) return attr.substr(0, tail); } /* * hasParent: does an attribute object contain a parent of the given attribute? * for example, given 'images[2].x' do we also have 'images' or 'images[2]'? * * @param {Object} aobj * update object, whose keys are attribute strings and values are their new settings * @param {string} attr * the attribute string to test against * @returns {Boolean} * is a parent of attr present in aobj? */ exports.hasParent = function(aobj, attr) { var attrParent = getParent(attr); while(attrParent) { if(attrParent in aobj) return true; attrParent = getParent(attrParent); } return false; }; },{"../components/color":34,"../lib":147,"../plots/cartesian/axes":183,"../plots/plots":212,"../registry":219,"fast-isnumeric":10,"gl-mat4/fromQuat":11}],169:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var nestedProperty = require('../lib/nested_property'); var isPlainObject = require('../lib/is_plain_object'); var noop = require('../lib/noop'); var Loggers = require('../lib/loggers'); var sorterAsc = require('../lib/search').sorterAsc; var Registry = require('../registry'); exports.containerArrayMatch = require('./container_array_match'); var isAddVal = exports.isAddVal = function isAddVal(val) { return val === 'add' || isPlainObject(val); }; var isRemoveVal = exports.isRemoveVal = function isRemoveVal(val) { return val === null || val === 'remove'; }; /* * applyContainerArrayChanges: for managing arrays of layout components in relayout * handles them all with a consistent interface. * * Here are the supported actions -> relayout calls -> edits we get here * (as prepared in _relayout): * * add an empty obj -> {'annotations[2]': 'add'} -> {2: {'': 'add'}} * add a specific obj -> {'annotations[2]': {attrs}} -> {2: {'': {attrs}}} * delete an obj -> {'annotations[2]': 'remove'} -> {2: {'': 'remove'}} * -> {'annotations[2]': null} -> {2: {'': null}} * delete the whole array -> {'annotations': 'remove'} -> {'': {'': 'remove'}} * -> {'annotations': null} -> {'': {'': null}} * edit an object -> {'annotations[2].text': 'boo'} -> {2: {'text': 'boo'}} * * You can combine many edits to different objects. Objects are added and edited * in ascending order, then removed in descending order. * For example, starting with [a, b, c], if you want to: * - replace b with d: * {'annotations[1]': d, 'annotations[2]': null} (b is item 2 after adding d) * - add a new item d between a and b, and edit b: * {'annotations[1]': d, 'annotations[2].x': newX} (b is item 2 after adding d) * - delete b and edit c: * {'annotations[1]': null, 'annotations[2].x': newX} (c is edited before b is removed) * * You CANNOT combine adding/deleting an item at index `i` with edits to the same index `i` * You CANNOT combine replacing/deleting the whole array with anything else (for the same array). * * @param {HTMLDivElement} gd * the DOM element of the graph container div * @param {Lib.nestedProperty} componentType: the array we are editing * @param {Object} edits * the changes to make; keys are indices to edit, values are themselves objects: * {attr: newValue} of changes to make to that index (with add/remove behavior * in special values of the empty attr) * @param {Object} flags * the flags for which actions we're going to perform to display these (and * any other) changes. If we're already `recalc`ing, we don't need to redraw * individual items * * @returns {bool} `true` if it managed to complete drawing of the changes * `false` would mean the parent should replot. */ exports.applyContainerArrayChanges = function applyContainerArrayChanges(gd, np, edits, flags) { var componentType = np.astr, supplyComponentDefaults = Registry.getComponentMethod(componentType, 'supplyLayoutDefaults'), draw = Registry.getComponentMethod(componentType, 'draw'), drawOne = Registry.getComponentMethod(componentType, 'drawOne'), replotLater = flags.replot || flags.recalc || (supplyComponentDefaults === noop) || (draw === noop), layout = gd.layout, fullLayout = gd._fullLayout; if(edits['']) { if(Object.keys(edits).length > 1) { Loggers.warn('Full array edits are incompatible with other edits', componentType); } var fullVal = edits['']['']; if(isRemoveVal(fullVal)) np.set(null); else if(Array.isArray(fullVal)) np.set(fullVal); else { Loggers.warn('Unrecognized full array edit value', componentType, fullVal); return true; } if(replotLater) return false; supplyComponentDefaults(layout, fullLayout); draw(gd); return true; } var componentNums = Object.keys(edits).map(Number).sort(sorterAsc), componentArrayIn = np.get(), componentArray = componentArrayIn || [], // componentArrayFull is used just to keep splices in line between // full and input arrays, so private keys can be copied over after // redoing supplyDefaults // TODO: this assumes componentArray is in gd.layout - which will not be // true after we extend this to restyle componentArrayFull = nestedProperty(fullLayout, componentType).get(); var deletes = [], firstIndexChange = -1, maxIndex = componentArray.length, i, j, componentNum, objEdits, objKeys, objVal, adding; // first make the add and edit changes for(i = 0; i < componentNums.length; i++) { componentNum = componentNums[i]; objEdits = edits[componentNum]; objKeys = Object.keys(objEdits); objVal = objEdits[''], adding = isAddVal(objVal); if(componentNum < 0 || componentNum > componentArray.length - (adding ? 0 : 1)) { Loggers.warn('index out of range', componentType, componentNum); continue; } if(objVal !== undefined) { if(objKeys.length > 1) { Loggers.warn( 'Insertion & removal are incompatible with edits to the same index.', componentType, componentNum); } if(isRemoveVal(objVal)) { deletes.push(componentNum); } else if(adding) { if(objVal === 'add') objVal = {}; componentArray.splice(componentNum, 0, objVal); if(componentArrayFull) componentArrayFull.splice(componentNum, 0, {}); } else { Loggers.warn('Unrecognized full object edit value', componentType, componentNum, objVal); } if(firstIndexChange === -1) firstIndexChange = componentNum; } else { for(j = 0; j < objKeys.length; j++) { nestedProperty(componentArray[componentNum], objKeys[j]).set(objEdits[objKeys[j]]); } } } // now do deletes for(i = deletes.length - 1; i >= 0; i--) { componentArray.splice(deletes[i], 1); // TODO: this drops private keys that had been stored in componentArrayFull // does this have any ill effects? if(componentArrayFull) componentArrayFull.splice(deletes[i], 1); } if(!componentArray.length) np.set(null); else if(!componentArrayIn) np.set(componentArray); if(replotLater) return false; supplyComponentDefaults(layout, fullLayout); // finally draw all the components we need to // if we added or removed any, redraw all after it if(drawOne !== noop) { var indicesToDraw; if(firstIndexChange === -1) { // there's no re-indexing to do, so only redraw components that changed indicesToDraw = componentNums; } else { // in case the component array was shortened, we still need do call // drawOne on the latter items so they get properly removed maxIndex = Math.max(componentArray.length, maxIndex); indicesToDraw = []; for(i = 0; i < componentNums.length; i++) { componentNum = componentNums[i]; if(componentNum >= firstIndexChange) break; indicesToDraw.push(componentNum); } for(i = firstIndexChange; i < maxIndex; i++) { indicesToDraw.push(i); } } for(i = 0; i < indicesToDraw.length; i++) { drawOne(gd, indicesToDraw[i]); } } else draw(gd); return true; }; },{"../lib/is_plain_object":149,"../lib/loggers":150,"../lib/nested_property":153,"../lib/noop":154,"../lib/search":161,"../registry":219,"./container_array_match":166}],170:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var isNumeric = require('fast-isnumeric'); var hasHover = require('has-hover'); var Plotly = require('../plotly'); var Lib = require('../lib'); var Events = require('../lib/events'); var Queue = require('../lib/queue'); var Registry = require('../registry'); var Plots = require('../plots/plots'); var Polar = require('../plots/polar'); var initInteractions = require('../plots/cartesian/graph_interact'); var Drawing = require('../components/drawing'); var ErrorBars = require('../components/errorbars'); var xmlnsNamespaces = require('../constants/xmlns_namespaces'); var svgTextUtils = require('../lib/svg_text_utils'); var manageArrays = require('./manage_arrays'); var helpers = require('./helpers'); var subroutines = require('./subroutines'); var editTypes = require('./edit_types'); var cartesianConstants = require('../plots/cartesian/constants'); var axisConstraints = require('../plots/cartesian/constraints'); var enforceAxisConstraints = axisConstraints.enforce; var cleanAxisConstraints = axisConstraints.clean; var axisIds = require('../plots/cartesian/axis_ids'); /** * Main plot-creation function * * @param {string id or DOM element} gd * the id or DOM element of the graph container div * @param {array of objects} data * array of traces, containing the data and display information for each trace * @param {object} layout * object describing the overall display of the plot, * all the stuff that doesn't pertain to any individual trace * @param {object} config * configuration options (see ./plot_config.js for more info) * */ Plotly.plot = function(gd, data, layout, config) { var frames; gd = helpers.getGraphDiv(gd); // Events.init is idempotent and bails early if gd has already been init'd Events.init(gd); if(Lib.isPlainObject(data)) { var obj = data; data = obj.data; layout = obj.layout; config = obj.config; frames = obj.frames; } var okToPlot = Events.triggerHandler(gd, 'plotly_beforeplot', [data, layout, config]); if(okToPlot === false) return Promise.reject(); // if there's no data or layout, and this isn't yet a plotly plot // container, log a warning to help plotly.js users debug if(!data && !layout && !Lib.isPlotDiv(gd)) { Lib.warn('Calling Plotly.plot as if redrawing ' + 'but this container doesn\'t yet have a plot.', gd); } function addFrames() { if(frames) { return Plotly.addFrames(gd, frames); } } // transfer configuration options to gd until we move over to // a more OO like model setPlotContext(gd, config); if(!layout) layout = {}; // hook class for plots main container (in case of plotly.js // this won't be #embedded-graph or .js-tab-contents) d3.select(gd).classed('js-plotly-plot', true); // off-screen getBoundingClientRect testing space, // in #js-plotly-tester (and stored as Drawing.tester) // so we can share cached text across tabs Drawing.makeTester(); // collect promises for any async actions during plotting // any part of the plotting code can push to gd._promises, then // before we move to the next step, we check that they're all // complete, and empty out the promise list again. gd._promises = []; var graphWasEmpty = ((gd.data || []).length === 0 && Array.isArray(data)); // if there is already data on the graph, append the new data // if you only want to redraw, pass a non-array for data if(Array.isArray(data)) { helpers.cleanData(data, gd.data); if(graphWasEmpty) gd.data = data; else gd.data.push.apply(gd.data, data); // for routines outside graph_obj that want a clean tab // (rather than appending to an existing one) gd.empty // is used to determine whether to make a new tab gd.empty = false; } if(!gd.layout || graphWasEmpty) gd.layout = helpers.cleanLayout(layout); // if the user is trying to drag the axes, allow new data and layout // to come in but don't allow a replot. if(gd._dragging && !gd._transitioning) { // signal to drag handler that after everything else is done // we need to replot, because something has changed gd._replotPending = true; return Promise.reject(); } else { // we're going ahead with a replot now gd._replotPending = false; } Plots.supplyDefaults(gd); var fullLayout = gd._fullLayout; // Polar plots if(data && data[0] && data[0].r) return plotPolar(gd, data, layout); // so we don't try to re-call Plotly.plot from inside // legend and colorbar, if margins changed fullLayout._replotting = true; // make or remake the framework if we need to if(graphWasEmpty) makePlotFramework(gd); // polar need a different framework if(gd.framework !== makePlotFramework) { gd.framework = makePlotFramework; makePlotFramework(gd); } // clear gradient defs on each .plot call, because we know we'll loop through all traces Drawing.initGradients(gd); // save initial show spikes once per graph if(graphWasEmpty) Plotly.Axes.saveShowSpikeInitial(gd); // prepare the data and find the autorange // generate calcdata, if we need to // to force redoing calcdata, just delete it before calling Plotly.plot var recalc = !gd.calcdata || gd.calcdata.length !== (gd._fullData || []).length; if(recalc) Plots.doCalcdata(gd); // in case it has changed, attach fullData traces to calcdata for(var i = 0; i < gd.calcdata.length; i++) { gd.calcdata[i][0].trace = gd._fullData[i]; } /* * start async-friendly code - now we're actually drawing things */ var oldmargins = JSON.stringify(fullLayout._size); // draw framework first so that margin-pushing // components can position themselves correctly function drawFramework() { var basePlotModules = fullLayout._basePlotModules; for(var i = 0; i < basePlotModules.length; i++) { if(basePlotModules[i].drawFramework) { basePlotModules[i].drawFramework(gd); } } return Lib.syncOrAsync([ subroutines.layoutStyles ], gd); } // draw anything that can affect margins. function marginPushers() { var calcdata = gd.calcdata; var i, cd, trace; Registry.getComponentMethod('legend', 'draw')(gd); Registry.getComponentMethod('rangeselector', 'draw')(gd); Registry.getComponentMethod('sliders', 'draw')(gd); Registry.getComponentMethod('updatemenus', 'draw')(gd); for(i = 0; i < calcdata.length; i++) { cd = calcdata[i]; trace = cd[0].trace; if(trace.visible !== true || !trace._module.colorbar) { Plots.autoMargin(gd, 'cb' + trace.uid); } else trace._module.colorbar(gd, cd); } Plots.doAutoMargin(gd); return Plots.previousPromises(gd); } // in case the margins changed, draw margin pushers again function marginPushersAgain() { if(JSON.stringify(fullLayout._size) === oldmargins) return; return Lib.syncOrAsync([ marginPushers, subroutines.layoutStyles ], gd); } function positionAndAutorange() { if(!recalc) { enforceAxisConstraints(gd); return; } var subplots = Plots.getSubplotIds(fullLayout, 'cartesian'), modules = fullLayout._modules; // position and range calculations for traces that // depend on each other ie bars (stacked or grouped) // and boxes (grouped) push each other out of the way var subplotInfo, _module; for(var i = 0; i < subplots.length; i++) { subplotInfo = fullLayout._plots[subplots[i]]; for(var j = 0; j < modules.length; j++) { _module = modules[j]; if(_module.setPositions) _module.setPositions(gd, subplotInfo); } } // calc and autorange for errorbars ErrorBars.calc(gd); // TODO: autosize extra for text markers and images // see https://github.com/plotly/plotly.js/issues/1111 return Lib.syncOrAsync([ Registry.getComponentMethod('shapes', 'calcAutorange'), Registry.getComponentMethod('annotations', 'calcAutorange'), doAutoRangeAndConstraints, Registry.getComponentMethod('rangeslider', 'calcAutorange') ], gd); } function doAutoRangeAndConstraints() { if(gd._transitioning) return; var axList = Plotly.Axes.list(gd, '', true); for(var i = 0; i < axList.length; i++) { var ax = axList[i]; cleanAxisConstraints(gd, ax); Plotly.Axes.doAutoRange(ax); } enforceAxisConstraints(gd); // store initial ranges *after* enforcing constraints, otherwise // we will never look like we're at the initial ranges if(graphWasEmpty) Plotly.Axes.saveRangeInitial(gd); } // draw ticks, titles, and calculate axis scaling (._b, ._m) function drawAxes() { return Plotly.Axes.doTicks(gd, 'redraw'); } // Now plot the data function drawData() { var calcdata = gd.calcdata, i, rangesliderContainers = fullLayout._infolayer.selectAll('g.rangeslider-container'); // in case of traces that were heatmaps or contour maps // previously, remove them and their colorbars explicitly for(i = 0; i < calcdata.length; i++) { var trace = calcdata[i][0].trace, isVisible = (trace.visible === true), uid = trace.uid; if(!isVisible || !Registry.traceIs(trace, '2dMap')) { var query = ( '.hm' + uid + ',.contour' + uid + ',#clip' + uid ); fullLayout._paper .selectAll(query) .remove(); rangesliderContainers .selectAll(query) .remove(); } if(!isVisible || !trace._module.colorbar) { fullLayout._infolayer.selectAll('.cb' + uid).remove(); } } // loop over the base plot modules present on graph var basePlotModules = fullLayout._basePlotModules; for(i = 0; i < basePlotModules.length; i++) { basePlotModules[i].plot(gd); } // keep reference to shape layers in subplots var layerSubplot = fullLayout._paper.selectAll('.layer-subplot'); fullLayout._shapeSubplotLayers = layerSubplot.selectAll('.shapelayer'); // styling separate from drawing Plots.style(gd); // show annotations and shapes Registry.getComponentMethod('shapes', 'draw')(gd); Registry.getComponentMethod('annotations', 'draw')(gd); // source links Plots.addLinks(gd); // Mark the first render as complete fullLayout._replotting = false; return Plots.previousPromises(gd); } // An initial paint must be completed before these components can be // correctly sized and the whole plot re-margined. fullLayout._replotting must // be set to false before these will work properly. function finalDraw() { Registry.getComponentMethod('shapes', 'draw')(gd); Registry.getComponentMethod('images', 'draw')(gd); Registry.getComponentMethod('annotations', 'draw')(gd); Registry.getComponentMethod('legend', 'draw')(gd); Registry.getComponentMethod('rangeslider', 'draw')(gd); Registry.getComponentMethod('rangeselector', 'draw')(gd); Registry.getComponentMethod('sliders', 'draw')(gd); Registry.getComponentMethod('updatemenus', 'draw')(gd); } var seq = [ Plots.previousPromises, addFrames, drawFramework, marginPushers, marginPushersAgain, positionAndAutorange, subroutines.layoutStyles, drawAxes, drawData, finalDraw, initInteractions, Plots.rehover ]; Lib.syncOrAsync(seq, gd); // even if everything we did was synchronous, return a promise // so that the caller doesn't care which route we took return Promise.all(gd._promises).then(function() { gd.emit('plotly_afterplot'); return gd; }); }; function opaqueSetBackground(gd, bgColor) { gd._fullLayout._paperdiv.style('background', 'white'); Plotly.defaultConfig.setBackground(gd, bgColor); } function setPlotContext(gd, config) { if(!gd._context) gd._context = Lib.extendDeep({}, Plotly.defaultConfig); var context = gd._context; var i, keys, key; if(config) { keys = Object.keys(config); for(i = 0; i < keys.length; i++) { key = keys[i]; if(key === 'editable' || key === 'edits') continue; if(key in context) { if(key === 'setBackground' && config[key] === 'opaque') { context[key] = opaqueSetBackground; } else context[key] = config[key]; } } // map plot3dPixelRatio to plotGlPixelRatio for backward compatibility if(config.plot3dPixelRatio && !context.plotGlPixelRatio) { context.plotGlPixelRatio = context.plot3dPixelRatio; } // now deal with editable and edits - first editable overrides // everything, then edits refines var editable = config.editable; if(editable !== undefined) { // we're not going to *use* context.editable, we're only going to // use context.edits... but keep it for the record context.editable = editable; keys = Object.keys(context.edits); for(i = 0; i < keys.length; i++) { context.edits[keys[i]] = editable; } } if(config.edits) { keys = Object.keys(config.edits); for(i = 0; i < keys.length; i++) { key = keys[i]; if(key in context.edits) { context.edits[key] = config.edits[key]; } } } } // staticPlot forces a bunch of others: if(context.staticPlot) { context.editable = false; context.edits = {}; context.autosizable = false; context.scrollZoom = false; context.doubleClick = false; context.showTips = false; context.showLink = false; context.displayModeBar = false; } // make sure hover-only devices have mode bar visible if(context.displayModeBar === 'hover' && !hasHover) { context.displayModeBar = true; } } function plotPolar(gd, data, layout) { // build or reuse the container skeleton var plotContainer = d3.select(gd).selectAll('.plot-container') .data([0]); plotContainer.enter() .insert('div', ':first-child') .classed('plot-container plotly', true); var paperDiv = plotContainer.selectAll('.svg-container') .data([0]); paperDiv.enter().append('div') .classed('svg-container', true) .style('position', 'relative'); // empty it everytime for now paperDiv.html(''); // fulfill gd requirements if(data) gd.data = data; if(layout) gd.layout = layout; Polar.manager.fillLayout(gd); // resize canvas paperDiv.style({ width: gd._fullLayout.width + 'px', height: gd._fullLayout.height + 'px' }); // instantiate framework gd.framework = Polar.manager.framework(gd); // plot gd.framework({data: gd.data, layout: gd.layout}, paperDiv.node()); // set undo point gd.framework.setUndoPoint(); // get the resulting svg for extending it var polarPlotSVG = gd.framework.svg(); // editable title var opacity = 1; var txt = gd._fullLayout.title; if(txt === '' || !txt) opacity = 0; var placeholderText = 'Click to enter title'; var titleLayout = function() { this.call(svgTextUtils.convertToTspans, gd); // TODO: html/mathjax // TODO: center title }; var title = polarPlotSVG.select('.title-group text') .call(titleLayout); if(gd._context.edits.titleText) { if(!txt || txt === placeholderText) { opacity = 0.2; // placeholder is not going through convertToTspans // so needs explicit data-unformatted title.attr({'data-unformatted': placeholderText}) .text(placeholderText) .style({opacity: opacity}) .on('mouseover.opacity', function() { d3.select(this).transition().duration(100) .style('opacity', 1); }) .on('mouseout.opacity', function() { d3.select(this).transition().duration(1000) .style('opacity', 0); }); } var setContenteditable = function() { this.call(svgTextUtils.makeEditable, {gd: gd}) .on('edit', function(text) { gd.framework({layout: {title: text}}); this.text(text) .call(titleLayout); this.call(setContenteditable); }) .on('cancel', function() { var txt = this.attr('data-unformatted'); this.text(txt).call(titleLayout); }); }; title.call(setContenteditable); } gd._context.setBackground(gd, gd._fullLayout.paper_bgcolor); Plots.addLinks(gd); return Promise.resolve(); } // convenience function to force a full redraw, mostly for use by plotly.js Plotly.redraw = function(gd) { gd = helpers.getGraphDiv(gd); if(!Lib.isPlotDiv(gd)) { throw new Error('This element is not a Plotly plot: ' + gd); } helpers.cleanData(gd.data, gd.data); helpers.cleanLayout(gd.layout); gd.calcdata = undefined; return Plotly.plot(gd).then(function() { gd.emit('plotly_redraw'); return gd; }); }; /** * Convenience function to make idempotent plot option obvious to users. * * @param gd * @param {Object[]} data * @param {Object} layout * @param {Object} config */ Plotly.newPlot = function(gd, data, layout, config) { gd = helpers.getGraphDiv(gd); // remove gl contexts Plots.cleanPlot([], {}, gd._fullData || {}, gd._fullLayout || {}); Plots.purge(gd); return Plotly.plot(gd, data, layout, config); }; /** * Wrap negative indicies to their positive counterparts. * * @param {Number[]} indices An array of indices * @param {Number} maxIndex The maximum index allowable (arr.length - 1) */ function positivifyIndices(indices, maxIndex) { var parentLength = maxIndex + 1, positiveIndices = [], i, index; for(i = 0; i < indices.length; i++) { index = indices[i]; if(index < 0) { positiveIndices.push(parentLength + index); } else { positiveIndices.push(index); } } return positiveIndices; } /** * Ensures that an index array for manipulating gd.data is valid. * * Intended for use with addTraces, deleteTraces, and moveTraces. * * @param gd * @param indices * @param arrayName */ function assertIndexArray(gd, indices, arrayName) { var i, index; for(i = 0; i < indices.length; i++) { index = indices[i]; // validate that indices are indeed integers if(index !== parseInt(index, 10)) { throw new Error('all values in ' + arrayName + ' must be integers'); } // check that all indices are in bounds for given gd.data array length if(index >= gd.data.length || index < -gd.data.length) { throw new Error(arrayName + ' must be valid indices for gd.data.'); } // check that indices aren't repeated if(indices.indexOf(index, i + 1) > -1 || index >= 0 && indices.indexOf(-gd.data.length + index) > -1 || index < 0 && indices.indexOf(gd.data.length + index) > -1) { throw new Error('each index in ' + arrayName + ' must be unique.'); } } } /** * Private function used by Plotly.moveTraces to check input args * * @param gd * @param currentIndices * @param newIndices */ function checkMoveTracesArgs(gd, currentIndices, newIndices) { // check that gd has attribute 'data' and 'data' is array if(!Array.isArray(gd.data)) { throw new Error('gd.data must be an array.'); } // validate currentIndices array if(typeof currentIndices === 'undefined') { throw new Error('currentIndices is a required argument.'); } else if(!Array.isArray(currentIndices)) { currentIndices = [currentIndices]; } assertIndexArray(gd, currentIndices, 'currentIndices'); // validate newIndices array if it exists if(typeof newIndices !== 'undefined' && !Array.isArray(newIndices)) { newIndices = [newIndices]; } if(typeof newIndices !== 'undefined') { assertIndexArray(gd, newIndices, 'newIndices'); } // check currentIndices and newIndices are the same length if newIdices exists if(typeof newIndices !== 'undefined' && currentIndices.length !== newIndices.length) { throw new Error('current and new indices must be of equal length.'); } } /** * A private function to reduce the type checking clutter in addTraces. * * @param gd * @param traces * @param newIndices */ function checkAddTracesArgs(gd, traces, newIndices) { var i, value; // check that gd has attribute 'data' and 'data' is array if(!Array.isArray(gd.data)) { throw new Error('gd.data must be an array.'); } // make sure traces exists if(typeof traces === 'undefined') { throw new Error('traces must be defined.'); } // make sure traces is an array if(!Array.isArray(traces)) { traces = [traces]; } // make sure each value in traces is an object for(i = 0; i < traces.length; i++) { value = traces[i]; if(typeof value !== 'object' || (Array.isArray(value) || value === null)) { throw new Error('all values in traces array must be non-array objects'); } } // make sure we have an index for each trace if(typeof newIndices !== 'undefined' && !Array.isArray(newIndices)) { newIndices = [newIndices]; } if(typeof newIndices !== 'undefined' && newIndices.length !== traces.length) { throw new Error( 'if indices is specified, traces.length must equal indices.length' ); } } /** * A private function to reduce the type checking clutter in spliceTraces. * Get all update Properties from gd.data. Validate inputs and outputs. * Used by prependTrace and extendTraces * * @param gd * @param update * @param indices * @param maxPoints */ function assertExtendTracesArgs(gd, update, indices, maxPoints) { var maxPointsIsObject = Lib.isPlainObject(maxPoints); if(!Array.isArray(gd.data)) { throw new Error('gd.data must be an array'); } if(!Lib.isPlainObject(update)) { throw new Error('update must be a key:value object'); } if(typeof indices === 'undefined') { throw new Error('indices must be an integer or array of integers'); } assertIndexArray(gd, indices, 'indices'); for(var key in update) { /* * Verify that the attribute to be updated contains as many trace updates * as indices. Failure must result in throw and no-op */ if(!Array.isArray(update[key]) || update[key].length !== indices.length) { throw new Error('attribute ' + key + ' must be an array of length equal to indices array length'); } /* * if maxPoints is an object it must match keys and array lengths of 'update' 1:1 */ if(maxPointsIsObject && (!(key in maxPoints) || !Array.isArray(maxPoints[key]) || maxPoints[key].length !== update[key].length)) { throw new Error('when maxPoints is set as a key:value object it must contain a 1:1 ' + 'corrispondence with the keys and number of traces in the update object'); } } } /** * A private function to reduce the type checking clutter in spliceTraces. * * @param {Object|HTMLDivElement} gd * @param {Object} update * @param {Number[]} indices * @param {Number||Object} maxPoints * @return {Object[]} */ function getExtendProperties(gd, update, indices, maxPoints) { var maxPointsIsObject = Lib.isPlainObject(maxPoints), updateProps = []; var trace, target, prop, insert, maxp; // allow scalar index to represent a single trace position if(!Array.isArray(indices)) indices = [indices]; // negative indices are wrapped around to their positive value. Equivalent to python indexing. indices = positivifyIndices(indices, gd.data.length - 1); // loop through all update keys and traces and harvest validated data. for(var key in update) { for(var j = 0; j < indices.length; j++) { /* * Choose the trace indexed by the indices map argument and get the prop setter-getter * instance that references the key and value for this particular trace. */ trace = gd.data[indices[j]]; prop = Lib.nestedProperty(trace, key); /* * Target is the existing gd.data.trace.dataArray value like "x" or "marker.size" * Target must exist as an Array to allow the extend operation to be performed. */ target = prop.get(); insert = update[key][j]; if(!Array.isArray(insert)) { throw new Error('attribute: ' + key + ' index: ' + j + ' must be an array'); } if(!Array.isArray(target)) { throw new Error('cannot extend missing or non-array attribute: ' + key); } /* * maxPoints may be an object map or a scalar. If object select the key:value, else * Use the scalar maxPoints for all key and trace combinations. */ maxp = maxPointsIsObject ? maxPoints[key][j] : maxPoints; // could have chosen null here, -1 just tells us to not take a window if(!isNumeric(maxp)) maxp = -1; /* * Wrap the nestedProperty in an object containing required data * for lengthening and windowing this particular trace - key combination. * Flooring maxp mirrors the behaviour of floats in the Array.slice JSnative function. */ updateProps.push({ prop: prop, target: target, insert: insert, maxp: Math.floor(maxp) }); } } // all target and insertion data now validated return updateProps; } /** * A private function to key Extend and Prepend traces DRY * * @param {Object|HTMLDivElement} gd * @param {Object} update * @param {Number[]} indices * @param {Number||Object} maxPoints * @param {Function} lengthenArray * @param {Function} spliceArray * @return {Object} */ function spliceTraces(gd, update, indices, maxPoints, lengthenArray, spliceArray) { assertExtendTracesArgs(gd, update, indices, maxPoints); var updateProps = getExtendProperties(gd, update, indices, maxPoints), remainder = [], undoUpdate = {}, undoPoints = {}; var target, prop, maxp; for(var i = 0; i < updateProps.length; i++) { /* * prop is the object returned by Lib.nestedProperties */ prop = updateProps[i].prop; maxp = updateProps[i].maxp; target = lengthenArray(updateProps[i].target, updateProps[i].insert); /* * If maxp is set within post-extension trace.length, splice to maxp length. * Otherwise skip function call as splice op will have no effect anyway. */ if(maxp >= 0 && maxp < target.length) remainder = spliceArray(target, maxp); /* * to reverse this operation we need the size of the original trace as the reverse * operation will need to window out any lengthening operation performed in this pass. */ maxp = updateProps[i].target.length; /* * Magic happens here! update gd.data.trace[key] with new array data. */ prop.set(target); if(!Array.isArray(undoUpdate[prop.astr])) undoUpdate[prop.astr] = []; if(!Array.isArray(undoPoints[prop.astr])) undoPoints[prop.astr] = []; /* * build the inverse update object for the undo operation */ undoUpdate[prop.astr].push(remainder); /* * build the matching maxPoints undo object containing original trace lengths. */ undoPoints[prop.astr].push(maxp); } return {update: undoUpdate, maxPoints: undoPoints}; } /** * extend && prepend traces at indices with update arrays, window trace lengths to maxPoints * * Extend and Prepend have identical APIs. Prepend inserts an array at the head while Extend * inserts an array off the tail. Prepend truncates the tail of the array - counting maxPoints * from the head, whereas Extend truncates the head of the array, counting backward maxPoints * from the tail. * * If maxPoints is undefined, nonNumeric, negative or greater than extended trace length no * truncation / windowing will be performed. If its zero, well the whole trace is truncated. * * @param {Object|HTMLDivElement} gd The graph div * @param {Object} update The key:array map of target attributes to extend * @param {Number|Number[]} indices The locations of traces to be extended * @param {Number|Object} [maxPoints] Number of points for trace window after lengthening. * */ Plotly.extendTraces = function extendTraces(gd, update, indices, maxPoints) { gd = helpers.getGraphDiv(gd); var undo = spliceTraces(gd, update, indices, maxPoints, /* * The Lengthen operation extends trace from end with insert */ function(target, insert) { return target.concat(insert); }, /* * Window the trace keeping maxPoints, counting back from the end */ function(target, maxPoints) { return target.splice(0, target.length - maxPoints); }); var promise = Plotly.redraw(gd); var undoArgs = [gd, undo.update, indices, undo.maxPoints]; Queue.add(gd, Plotly.prependTraces, undoArgs, extendTraces, arguments); return promise; }; Plotly.prependTraces = function prependTraces(gd, update, indices, maxPoints) { gd = helpers.getGraphDiv(gd); var undo = spliceTraces(gd, update, indices, maxPoints, /* * The Lengthen operation extends trace by appending insert to start */ function(target, insert) { return insert.concat(target); }, /* * Window the trace keeping maxPoints, counting forward from the start */ function(target, maxPoints) { return target.splice(maxPoints, target.length); }); var promise = Plotly.redraw(gd); var undoArgs = [gd, undo.update, indices, undo.maxPoints]; Queue.add(gd, Plotly.extendTraces, undoArgs, prependTraces, arguments); return promise; }; /** * Add data traces to an existing graph div. * * @param {Object|HTMLDivElement} gd The graph div * @param {Object[]} gd.data The array of traces we're adding to * @param {Object[]|Object} traces The object or array of objects to add * @param {Number[]|Number} [newIndices=[gd.data.length]] Locations to add traces * */ Plotly.addTraces = function addTraces(gd, traces, newIndices) { gd = helpers.getGraphDiv(gd); var currentIndices = [], undoFunc = Plotly.deleteTraces, redoFunc = addTraces, undoArgs = [gd, currentIndices], redoArgs = [gd, traces], // no newIndices here i, promise; // all validation is done elsewhere to remove clutter here checkAddTracesArgs(gd, traces, newIndices); // make sure traces is an array if(!Array.isArray(traces)) { traces = [traces]; } // make sure traces do not repeat existing ones traces = traces.map(function(trace) { return Lib.extendFlat({}, trace); }); helpers.cleanData(traces, gd.data); // add the traces to gd.data (no redrawing yet!) for(i = 0; i < traces.length; i++) { gd.data.push(traces[i]); } // to continue, we need to call moveTraces which requires currentIndices for(i = 0; i < traces.length; i++) { currentIndices.push(-traces.length + i); } // if the user didn't define newIndices, they just want the traces appended // i.e., we can simply redraw and be done if(typeof newIndices === 'undefined') { promise = Plotly.redraw(gd); Queue.add(gd, undoFunc, undoArgs, redoFunc, redoArgs); return promise; } // make sure indices is property defined if(!Array.isArray(newIndices)) { newIndices = [newIndices]; } try { // this is redundant, but necessary to not catch later possible errors! checkMoveTracesArgs(gd, currentIndices, newIndices); } catch(error) { // something went wrong, reset gd to be safe and rethrow error gd.data.splice(gd.data.length - traces.length, traces.length); throw error; } // if we're here, the user has defined specific places to place the new traces // this requires some extra work that moveTraces will do Queue.startSequence(gd); Queue.add(gd, undoFunc, undoArgs, redoFunc, redoArgs); promise = Plotly.moveTraces(gd, currentIndices, newIndices); Queue.stopSequence(gd); return promise; }; /** * Delete traces at `indices` from gd.data array. * * @param {Object|HTMLDivElement} gd The graph div * @param {Object[]} gd.data The array of traces we're removing from * @param {Number|Number[]} indices The indices */ Plotly.deleteTraces = function deleteTraces(gd, indices) { gd = helpers.getGraphDiv(gd); var traces = [], undoFunc = Plotly.addTraces, redoFunc = deleteTraces, undoArgs = [gd, traces, indices], redoArgs = [gd, indices], i, deletedTrace; // make sure indices are defined if(typeof indices === 'undefined') { throw new Error('indices must be an integer or array of integers.'); } else if(!Array.isArray(indices)) { indices = [indices]; } assertIndexArray(gd, indices, 'indices'); // convert negative indices to positive indices indices = positivifyIndices(indices, gd.data.length - 1); // we want descending here so that splicing later doesn't affect indexing indices.sort(Lib.sorterDes); for(i = 0; i < indices.length; i += 1) { deletedTrace = gd.data.splice(indices[i], 1)[0]; traces.push(deletedTrace); } var promise = Plotly.redraw(gd); Queue.add(gd, undoFunc, undoArgs, redoFunc, redoArgs); return promise; }; /** * Move traces at currentIndices array to locations in newIndices array. * * If newIndices is omitted, currentIndices will be moved to the end. E.g., * these are equivalent: * * Plotly.moveTraces(gd, [1, 2, 3], [-3, -2, -1]) * Plotly.moveTraces(gd, [1, 2, 3]) * * @param {Object|HTMLDivElement} gd The graph div * @param {Object[]} gd.data The array of traces we're removing from * @param {Number|Number[]} currentIndices The locations of traces to be moved * @param {Number|Number[]} [newIndices] The locations to move traces to * * Example calls: * * // move trace i to location x * Plotly.moveTraces(gd, i, x) * * // move trace i to end of array * Plotly.moveTraces(gd, i) * * // move traces i, j, k to end of array (i != j != k) * Plotly.moveTraces(gd, [i, j, k]) * * // move traces [i, j, k] to [x, y, z] (i != j != k) (x != y != z) * Plotly.moveTraces(gd, [i, j, k], [x, y, z]) * * // reorder all traces (assume there are 5--a, b, c, d, e) * Plotly.moveTraces(gd, [b, d, e, a, c]) // same as 'move to end' */ Plotly.moveTraces = function moveTraces(gd, currentIndices, newIndices) { gd = helpers.getGraphDiv(gd); var newData = [], movingTraceMap = [], undoFunc = moveTraces, redoFunc = moveTraces, undoArgs = [gd, newIndices, currentIndices], redoArgs = [gd, currentIndices, newIndices], i; // to reduce complexity here, check args elsewhere // this throws errors where appropriate checkMoveTracesArgs(gd, currentIndices, newIndices); // make sure currentIndices is an array currentIndices = Array.isArray(currentIndices) ? currentIndices : [currentIndices]; // if undefined, define newIndices to point to the end of gd.data array if(typeof newIndices === 'undefined') { newIndices = []; for(i = 0; i < currentIndices.length; i++) { newIndices.push(-currentIndices.length + i); } } // make sure newIndices is an array if it's user-defined newIndices = Array.isArray(newIndices) ? newIndices : [newIndices]; // convert negative indices to positive indices (they're the same length) currentIndices = positivifyIndices(currentIndices, gd.data.length - 1); newIndices = positivifyIndices(newIndices, gd.data.length - 1); // at this point, we've coerced the index arrays into predictable forms // get the traces that aren't being moved around for(i = 0; i < gd.data.length; i++) { // if index isn't in currentIndices, include it in ignored! if(currentIndices.indexOf(i) === -1) { newData.push(gd.data[i]); } } // get a mapping of indices to moving traces for(i = 0; i < currentIndices.length; i++) { movingTraceMap.push({newIndex: newIndices[i], trace: gd.data[currentIndices[i]]}); } // reorder this mapping by newIndex, ascending movingTraceMap.sort(function(a, b) { return a.newIndex - b.newIndex; }); // now, add the moving traces back in, in order! for(i = 0; i < movingTraceMap.length; i += 1) { newData.splice(movingTraceMap[i].newIndex, 0, movingTraceMap[i].trace); } gd.data = newData; var promise = Plotly.redraw(gd); Queue.add(gd, undoFunc, undoArgs, redoFunc, redoArgs); return promise; }; /** * restyle: update trace attributes of an existing plot * * Can be called two ways. * * Signature 1: * @param {String | HTMLDivElement} gd * the id or DOM element of the graph container div * @param {String} astr * attribute string (like `'marker.symbol'`) to update * @param {*} val * value to give this attribute * @param {Number[] | Number} [traces] * integer or array of integers for the traces to alter (all if omitted) * * Signature 2: * @param {String | HTMLDivElement} gd * (as in signature 1) * @param {Object} aobj * attribute object `{astr1: val1, astr2: val2 ...}` * allows setting multiple attributes simultaneously * @param {Number[] | Number} [traces] * (as in signature 1) * * `val` (or `val1`, `val2` ... in the object form) can be an array, * to apply different values to each trace. * * If the array is too short, it will wrap around (useful for * style files that want to specify cyclical default values). */ Plotly.restyle = function restyle(gd, astr, val, traces) { gd = helpers.getGraphDiv(gd); helpers.clearPromiseQueue(gd); var aobj = {}; if(typeof astr === 'string') aobj[astr] = val; else if(Lib.isPlainObject(astr)) { // the 3-arg form aobj = Lib.extendFlat({}, astr); if(traces === undefined) traces = val; } else { Lib.warn('Restyle fail.', astr, val, traces); return Promise.reject(); } if(Object.keys(aobj).length) gd.changed = true; var specs = _restyle(gd, aobj, traces), flags = specs.flags; // clear calcdata if required if(flags.clearCalc) gd.calcdata = undefined; // fill in redraw sequence var seq = []; if(flags.fullReplot) { seq.push(Plotly.plot); } else { seq.push(Plots.previousPromises); Plots.supplyDefaults(gd); if(flags.dostyle) seq.push(subroutines.doTraceStyle); if(flags.docolorbars) seq.push(subroutines.doColorBars); } seq.push(Plots.rehover); Queue.add(gd, restyle, [gd, specs.undoit, specs.traces], restyle, [gd, specs.redoit, specs.traces] ); var plotDone = Lib.syncOrAsync(seq, gd); if(!plotDone || !plotDone.then) plotDone = Promise.resolve(); return plotDone.then(function() { gd.emit('plotly_restyle', specs.eventData); return gd; }); }; function _restyle(gd, aobj, _traces) { var fullLayout = gd._fullLayout, fullData = gd._fullData, data = gd.data, i; var traces = helpers.coerceTraceIndices(gd, _traces); // initialize flags var flags = editTypes.traces(); // copies of the change (and previous values of anything affected) // for the undo / redo queue var redoit = {}, undoit = {}, axlist, flagAxForDelete = {}; // recalcAttrs attributes need a full regeneration of calcdata // as well as a replot, because the right objects may not exist, // or autorange may need recalculating // in principle we generally shouldn't need to redo ALL traces... that's // harder though. var recalcAttrs = [ 'mode', 'visible', 'type', 'orientation', 'fill', 'histfunc', 'histnorm', 'text', 'x', 'y', 'z', 'a', 'b', 'c', 'open', 'high', 'low', 'close', 'base', 'width', 'offset', 'xtype', 'x0', 'dx', 'ytype', 'y0', 'dy', 'xaxis', 'yaxis', 'line.width', 'connectgaps', 'transpose', 'zsmooth', 'showscale', 'marker.showscale', 'zauto', 'marker.cauto', 'autocolorscale', 'marker.autocolorscale', 'colorscale', 'marker.colorscale', 'reversescale', 'marker.reversescale', 'autobinx', 'nbinsx', 'xbins', 'xbins.start', 'xbins.end', 'xbins.size', 'autobiny', 'nbinsy', 'ybins', 'ybins.start', 'ybins.end', 'ybins.size', 'error_y', 'error_y.visible', 'error_y.value', 'error_y.type', 'error_y.traceref', 'error_y.array', 'error_y.symmetric', 'error_y.arrayminus', 'error_y.valueminus', 'error_y.tracerefminus', 'error_x', 'error_x.visible', 'error_x.value', 'error_x.type', 'error_x.traceref', 'error_x.array', 'error_x.symmetric', 'error_x.arrayminus', 'error_x.valueminus', 'error_x.tracerefminus', 'swapxy', 'swapxyaxes', 'orientationaxes', 'marker.colors', 'values', 'labels', 'label0', 'dlabel', 'sort', 'textinfo', 'textposition', 'textfont.size', 'textfont.family', 'textfont.color', 'insidetextfont.size', 'insidetextfont.family', 'insidetextfont.color', 'outsidetextfont.size', 'outsidetextfont.family', 'outsidetextfont.color', 'hole', 'scalegroup', 'domain', 'domain.x', 'domain.y', 'domain.x[0]', 'domain.x[1]', 'domain.y[0]', 'domain.y[1]', 'tilt', 'tiltaxis', 'depth', 'direction', 'rotation', 'pull', 'line.showscale', 'line.cauto', 'line.autocolorscale', 'line.reversescale', 'marker.line.showscale', 'marker.line.cauto', 'marker.line.autocolorscale', 'marker.line.reversescale', 'xcalendar', 'ycalendar', 'cumulative', 'cumulative.enabled', 'cumulative.direction', 'cumulative.currentbin', 'a0', 'da', 'b0', 'db', 'atype', 'btype', 'cheaterslope', 'carpet', 'sum', ]; var carpetAxisAttributes = [ 'color', 'smoothing', 'title', 'titlefont', 'titlefont.size', 'titlefont.family', 'titlefont.color', 'titleoffset', 'type', 'autorange', 'rangemode', 'range', 'fixedrange', 'cheatertype', 'tickmode', 'nticks', 'tickvals', 'ticktext', 'ticks', 'mirror', 'ticklen', 'tickwidth', 'tickcolor', 'showticklabels', 'tickfont', 'tickfont.size', 'tickfont.family', 'tickfont.color', 'tickprefix', 'showtickprefix', 'ticksuffix', 'showticksuffix', 'showexponent', 'exponentformat', 'separatethousands', 'tickformat', 'categoryorder', 'categoryarray', 'labelpadding', 'labelprefix', 'labelsuffix', 'labelfont', 'labelfont.family', 'labelfont.size', 'labelfont.color', 'showline', 'linecolor', 'linewidth', 'gridcolor', 'gridwidth', 'showgrid', 'minorgridcount', 'minorgridwidth', 'minorgridcolor', 'startline', 'startlinecolor', 'startlinewidth', 'endline', 'endlinewidth', 'endlinecolor', 'tick0', 'dtick', 'arraytick0', 'arraydtick', 'hoverformat', 'tickangle' ]; for(i = 0; i < carpetAxisAttributes.length; i++) { recalcAttrs.push('aaxis.' + carpetAxisAttributes[i]); recalcAttrs.push('baxis.' + carpetAxisAttributes[i]); } for(i = 0; i < traces.length; i++) { if(Registry.traceIs(fullData[traces[i]], 'box')) { recalcAttrs.push('name'); break; } } // autorangeAttrs attributes need a full redo of calcdata // only if an axis is autoranged, // because .calc() is where the autorange gets determined // TODO: could we break this out as well? var autorangeAttrs = [ 'marker', 'marker.size', 'textfont', 'boxpoints', 'jitter', 'pointpos', 'whiskerwidth', 'boxmean', 'tickwidth' ]; // replotAttrs attributes need a replot (because different // objects need to be made) but not a recalc var replotAttrs = [ 'zmin', 'zmax', 'zauto', 'xgap', 'ygap', 'marker.cmin', 'marker.cmax', 'marker.cauto', 'line.cmin', 'line.cmax', 'marker.line.cmin', 'marker.line.cmax', 'line', 'line.smoothing', 'line.shape', 'error_y.width', 'error_x.width', 'error_x.copy_ystyle', 'marker.maxdisplayed' ]; // these ones may alter the axis type // (at least if the first trace is involved) var axtypeAttrs = [ 'type', 'x', 'y', 'x0', 'y0', 'orientation', 'xaxis', 'yaxis' ]; var zscl = ['zmin', 'zmax'], cscl = ['cmin', 'cmax'], xbins = ['xbins.start', 'xbins.end', 'xbins.size'], ybins = ['ybins.start', 'ybins.end', 'ybins.size'], contourAttrs = ['contours.start', 'contours.end', 'contours.size']; // At the moment, only cartesian, pie and ternary plot types can afford // to not go through a full replot var doPlotWhiteList = ['cartesian', 'pie', 'ternary']; fullLayout._basePlotModules.forEach(function(_module) { if(doPlotWhiteList.indexOf(_module.name) === -1) flags.docalc = true; }); // make a new empty vals array for undoit function a0() { return traces.map(function() { return undefined; }); } // for autoranging multiple axes function addToAxlist(axid) { var axName = Plotly.Axes.id2name(axid); if(axlist.indexOf(axName) === -1) axlist.push(axName); } function autorangeAttr(axName) { return 'LAYOUT' + axName + '.autorange'; } function rangeAttr(axName) { return 'LAYOUT' + axName + '.range'; } // for attrs that interact (like scales & autoscales), save the // old vals before making the change // val=undefined will not set a value, just record what the value was. // val=null will delete the attribute // attr can be an array to set several at once (all to the same val) function doextra(attr, val, i) { if(Array.isArray(attr)) { attr.forEach(function(a) { doextra(a, val, i); }); return; } // quit if explicitly setting this elsewhere if(attr in aobj || helpers.hasParent(aobj, attr)) return; var extraparam; if(attr.substr(0, 6) === 'LAYOUT') { extraparam = Lib.nestedProperty(gd.layout, attr.replace('LAYOUT', '')); } else { extraparam = Lib.nestedProperty(data[traces[i]], attr); } if(!(attr in undoit)) { undoit[attr] = a0(); } if(undoit[attr][i] === undefined) { undoit[attr][i] = extraparam.get(); } if(val !== undefined) { extraparam.set(val); } } // now make the changes to gd.data (and occasionally gd.layout) // and figure out what kind of graphics update we need to do for(var ai in aobj) { if(helpers.hasParent(aobj, ai)) { throw new Error('cannot set ' + ai + 'and a parent attribute simultaneously'); } var vi = aobj[ai], cont, contFull, param, oldVal, newVal; redoit[ai] = vi; if(ai.substr(0, 6) === 'LAYOUT') { param = Lib.nestedProperty(gd.layout, ai.replace('LAYOUT', '')); undoit[ai] = [param.get()]; // since we're allowing val to be an array, allow it here too, // even though that's meaningless param.set(Array.isArray(vi) ? vi[0] : vi); // ironically, the layout attrs in restyle only require replot, // not relayout flags.docalc = true; continue; } // set attribute in gd.data undoit[ai] = a0(); for(i = 0; i < traces.length; i++) { cont = data[traces[i]]; contFull = fullData[traces[i]]; param = Lib.nestedProperty(cont, ai); oldVal = param.get(); newVal = Array.isArray(vi) ? vi[i % vi.length] : vi; if(newVal === undefined) continue; // setting bin or z settings should turn off auto // and setting auto should save bin or z settings if(zscl.indexOf(ai) !== -1) { doextra('zauto', false, i); } if(cscl.indexOf(ai) !== -1) { doextra('cauto', false, i); } else if(ai === 'colorscale') { doextra('autocolorscale', false, i); } else if(ai === 'autocolorscale') { doextra('colorscale', undefined, i); } else if(ai === 'marker.colorscale') { doextra('marker.autocolorscale', false, i); } else if(ai === 'marker.autocolorscale') { doextra('marker.colorscale', undefined, i); } else if(ai === 'zauto') { doextra(zscl, undefined, i); } else if(xbins.indexOf(ai) !== -1) { doextra('autobinx', false, i); } else if(ai === 'autobinx') { doextra(xbins, undefined, i); } else if(ybins.indexOf(ai) !== -1) { doextra('autobiny', false, i); } else if(ai === 'autobiny') { doextra(ybins, undefined, i); } else if(contourAttrs.indexOf(ai) !== -1) { doextra('autocontour', false, i); } else if(ai === 'autocontour') { doextra(contourAttrs, undefined, i); } // heatmaps: setting x0 or dx, y0 or dy, // should turn xtype/ytype to 'scaled' if 'array' else if(['x0', 'dx'].indexOf(ai) !== -1 && contFull.x && contFull.xtype !== 'scaled') { doextra('xtype', 'scaled', i); } else if(['y0', 'dy'].indexOf(ai) !== -1 && contFull.y && contFull.ytype !== 'scaled') { doextra('ytype', 'scaled', i); } // changing colorbar size modes, // make the resulting size not change // note that colorbar fractional sizing is based on the // original plot size, before anything (like a colorbar) // increases the margins else if(ai === 'colorbar.thicknessmode' && param.get() !== newVal && ['fraction', 'pixels'].indexOf(newVal) !== -1 && contFull.colorbar) { var thicknorm = ['top', 'bottom'].indexOf(contFull.colorbar.orient) !== -1 ? (fullLayout.height - fullLayout.margin.t - fullLayout.margin.b) : (fullLayout.width - fullLayout.margin.l - fullLayout.margin.r); doextra('colorbar.thickness', contFull.colorbar.thickness * (newVal === 'fraction' ? 1 / thicknorm : thicknorm), i); } else if(ai === 'colorbar.lenmode' && param.get() !== newVal && ['fraction', 'pixels'].indexOf(newVal) !== -1 && contFull.colorbar) { var lennorm = ['top', 'bottom'].indexOf(contFull.colorbar.orient) !== -1 ? (fullLayout.width - fullLayout.margin.l - fullLayout.margin.r) : (fullLayout.height - fullLayout.margin.t - fullLayout.margin.b); doextra('colorbar.len', contFull.colorbar.len * (newVal === 'fraction' ? 1 / lennorm : lennorm), i); } else if(ai === 'colorbar.tick0' || ai === 'colorbar.dtick') { doextra('colorbar.tickmode', 'linear', i); } else if(ai === 'colorbar.tickmode') { doextra(['colorbar.tick0', 'colorbar.dtick'], undefined, i); } if(ai === 'type' && (newVal === 'pie') !== (oldVal === 'pie')) { var labelsTo = 'x', valuesTo = 'y'; if((newVal === 'bar' || oldVal === 'bar') && cont.orientation === 'h') { labelsTo = 'y'; valuesTo = 'x'; } Lib.swapAttrs(cont, ['?', '?src'], 'labels', labelsTo); Lib.swapAttrs(cont, ['d?', '?0'], 'label', labelsTo); Lib.swapAttrs(cont, ['?', '?src'], 'values', valuesTo); if(oldVal === 'pie') { Lib.nestedProperty(cont, 'marker.color') .set(Lib.nestedProperty(cont, 'marker.colors').get()); // super kludgy - but if all pies are gone we won't remove them otherwise fullLayout._pielayer.selectAll('g.trace').remove(); } else if(Registry.traceIs(cont, 'cartesian')) { Lib.nestedProperty(cont, 'marker.colors') .set(Lib.nestedProperty(cont, 'marker.color').get()); // look for axes that are no longer in use and delete them flagAxForDelete[cont.xaxis || 'x'] = true; flagAxForDelete[cont.yaxis || 'y'] = true; } } undoit[ai][i] = oldVal; // set the new value - if val is an array, it's one el per trace // first check for attributes that get more complex alterations var swapAttrs = [ 'swapxy', 'swapxyaxes', 'orientation', 'orientationaxes' ]; if(swapAttrs.indexOf(ai) !== -1) { // setting an orientation: make sure it's changing // before we swap everything else if(ai === 'orientation') { param.set(newVal); if(param.get() === undoit[ai][i]) continue; } // orientationaxes has no value, // it flips everything and the axes else if(ai === 'orientationaxes') { cont.orientation = {v: 'h', h: 'v'}[contFull.orientation]; } helpers.swapXYData(cont); } else if(Plots.dataArrayContainers.indexOf(param.parts[0]) !== -1) { // TODO: use manageArrays.applyContainerArrayChanges here too helpers.manageArrayContainers(param, newVal, undoit); flags.docalc = true; } else { var aiHead = param.parts[0]; var moduleAttrs = (contFull._module || {}).attributes; var valObject = moduleAttrs && moduleAttrs[aiHead]; if(!valObject) valObject = Plots.attributes[aiHead]; if(valObject) { /* * In occasional cases we can't the innermost valObject * doesn't exist, for example `valType: 'any'` items like * contourcarpet `contours.value` where we might set * `contours.value[0]`. In that case, stop at the deepest * valObject we *do* find. */ for(var parti = 1; parti < param.parts.length; parti++) { var newValObject = valObject[param.parts[parti]]; if(newValObject) valObject = newValObject; else break; } /* * must redo calcdata when restyling: * 1) array values of arrayOk attributes * 2) a container object (it would be hard to tell what * pieces changed, whether any are arrays, so to be * safe we need to recalc) */ if(!valObject.valType || (valObject.arrayOk && (Array.isArray(newVal) || Array.isArray(oldVal)))) { flags.docalc = true; } // some attributes declare an 'editType' flaglist editTypes.update(flags, valObject); } else { // if we couldn't find valObject even at the root, // assume a full recalc. flags.docalc = true; } // all the other ones, just modify that one attribute param.set(newVal); } } // swap the data attributes of the relevant x and y axes? if(['swapxyaxes', 'orientationaxes'].indexOf(ai) !== -1) { Plotly.Axes.swap(gd, traces); } // swap hovermode if set to "compare x/y data" if(ai === 'orientationaxes') { var hovermode = Lib.nestedProperty(gd.layout, 'hovermode'); if(hovermode.get() === 'x') { hovermode.set('y'); } else if(hovermode.get() === 'y') { hovermode.set('x'); } } // check if we need to call axis type if((traces.indexOf(0) !== -1) && (axtypeAttrs.indexOf(ai) !== -1)) { Plotly.Axes.clearTypes(gd, traces); flags.docalc = true; } // switching from auto to manual binning or z scaling doesn't // actually do anything but change what you see in the styling // box. everything else at least needs to apply styles if((['autobinx', 'autobiny', 'zauto'].indexOf(ai) === -1) || newVal !== false) { flags.dostyle = true; } if(['colorbar', 'line'].indexOf(param.parts[0]) !== -1 || param.parts[0] === 'marker' && param.parts[1] === 'colorbar') { flags.docolorbars = true; } var aiArrayStart = ai.indexOf('['), aiAboveArray = aiArrayStart === -1 ? ai : ai.substr(0, aiArrayStart); if(recalcAttrs.indexOf(aiAboveArray) !== -1) { // major enough changes deserve autoscale, autobin, and // non-reversed axes so people don't get confused if(['orientation', 'type'].indexOf(ai) !== -1) { axlist = []; for(i = 0; i < traces.length; i++) { var trace = data[traces[i]]; if(Registry.traceIs(trace, 'cartesian')) { addToAxlist(trace.xaxis || 'x'); addToAxlist(trace.yaxis || 'y'); if(ai === 'type') { doextra(['autobinx', 'autobiny'], true, i); } } } doextra(axlist.map(autorangeAttr), true, 0); doextra(axlist.map(rangeAttr), [0, 1], 0); } flags.docalc = true; } else if(replotAttrs.indexOf(aiAboveArray) !== -1) { flags.doplot = true; } else if(aiAboveArray.indexOf('aaxis') === 0 || aiAboveArray.indexOf('baxis') === 0) { flags.doplot = true; } else if(autorangeAttrs.indexOf(aiAboveArray) !== -1) { flags.docalcAutorange = true; } } // do we need to force a recalc? Plotly.Axes.list(gd).forEach(function(ax) { if(ax.autorange) flags.autorangeOn = true; }); // check axes we've flagged for possible deletion // flagAxForDelete is a hash so we can make sure we only get each axis once var axListForDelete = Object.keys(flagAxForDelete); axisLoop: for(i = 0; i < axListForDelete.length; i++) { var axId = axListForDelete[i], axLetter = axId.charAt(0), axAttr = axLetter + 'axis'; for(var j = 0; j < data.length; j++) { if(Registry.traceIs(data[j], 'cartesian') && (data[j][axAttr] || axLetter) === axId) { continue axisLoop; } } // no data on this axis - delete it. doextra('LAYOUT' + Plotly.Axes.id2name(axId), null, 0); } // combine a few flags together; if(flags.docalc || (flags.docalcAutorange && flags.autorangeOn)) { flags.clearCalc = true; } if(flags.docalc || flags.doplot || flags.docalcAutorange) { flags.fullReplot = true; } return { flags: flags, undoit: undoit, redoit: redoit, traces: traces, eventData: Lib.extendDeepNoArrays([], [redoit, traces]) }; } /** * relayout: update layout attributes of an existing plot * * Can be called two ways: * * Signature 1: * @param {String | HTMLDivElement} gd * the id or dom element of the graph container div * @param {String} astr * attribute string (like `'xaxis.range[0]'`) to update * @param {*} val * value to give this attribute * * Signature 2: * @param {String | HTMLDivElement} gd * (as in signature 1) * @param {Object} aobj * attribute object `{astr1: val1, astr2: val2 ...}` * allows setting multiple attributes simultaneously */ Plotly.relayout = function relayout(gd, astr, val) { gd = helpers.getGraphDiv(gd); helpers.clearPromiseQueue(gd); if(gd.framework && gd.framework.isPolar) { return Promise.resolve(gd); } var aobj = {}; if(typeof astr === 'string') { aobj[astr] = val; } else if(Lib.isPlainObject(astr)) { aobj = Lib.extendFlat({}, astr); } else { Lib.warn('Relayout fail.', astr, val); return Promise.reject(); } if(Object.keys(aobj).length) gd.changed = true; var specs = _relayout(gd, aobj), flags = specs.flags; // clear calcdata if required if(flags.docalc) gd.calcdata = undefined; // fill in redraw sequence // even if we don't have anything left in aobj, // something may have happened within relayout that we // need to wait for var seq = [Plots.previousPromises]; if(flags.layoutReplot) { seq.push(subroutines.layoutReplot); } else if(Object.keys(aobj).length) { Plots.supplyDefaults(gd); if(flags.dolegend) seq.push(subroutines.doLegend); if(flags.dolayoutstyle) seq.push(subroutines.layoutStyles); if(flags.doticks) seq.push(subroutines.doTicksRelayout); if(flags.domodebar) seq.push(subroutines.doModeBar); if(flags.docamera) seq.push(subroutines.doCamera); } seq.push(Plots.rehover); Queue.add(gd, relayout, [gd, specs.undoit], relayout, [gd, specs.redoit] ); var plotDone = Lib.syncOrAsync(seq, gd); if(!plotDone || !plotDone.then) plotDone = Promise.resolve(gd); return plotDone.then(function() { gd.emit('plotly_relayout', specs.eventData); return gd; }); }; function _relayout(gd, aobj) { var layout = gd.layout, fullLayout = gd._fullLayout, keys = Object.keys(aobj), axes = Plotly.Axes.list(gd), arrayEdits = {}, arrayStr, i, j; // look for 'allaxes', split out into all axes // in case of 3D the axis are nested within a scene which is held in _id for(i = 0; i < keys.length; i++) { if(keys[i].indexOf('allaxes') === 0) { for(j = 0; j < axes.length; j++) { var scene = axes[j]._id.substr(1), axisAttr = (scene.indexOf('scene') !== -1) ? (scene + '.') : '', newkey = keys[i].replace('allaxes', axisAttr + axes[j]._name); if(!aobj[newkey]) aobj[newkey] = aobj[keys[i]]; } delete aobj[keys[i]]; } } // initialize flags var flags = editTypes.layout(); // copies of the change (and previous values of anything affected) // for the undo / redo queue var redoit = {}, undoit = {}; // for attrs that interact (like scales & autoscales), save the // old vals before making the change // val=undefined will not set a value, just record what the value was. // attr can be an array to set several at once (all to the same val) function doextra(attr, val) { if(Array.isArray(attr)) { attr.forEach(function(a) { doextra(a, val); }); return; } // if we have another value for this attribute (explicitly or // via a parent) do not override with this auto-generated extra if(attr in aobj || helpers.hasParent(aobj, attr)) return; var p = Lib.nestedProperty(layout, attr); if(!(attr in undoit)) undoit[attr] = p.get(); if(val !== undefined) p.set(val); } // for editing annotations or shapes - is it on autoscaled axes? function refAutorange(obj, axLetter) { if(!Lib.isPlainObject(obj)) return false; var axRef = obj[axLetter + 'ref'] || axLetter, ax = Plotly.Axes.getFromId(gd, axRef); if(!ax && axRef.charAt(0) === axLetter) { // fall back on the primary axis in case we've referenced a // nonexistent axis (as we do above if axRef is missing). // This assumes the object defaults to data referenced, which // is the case for shapes and annotations but not for images. // The only thing this is used for is to determine whether to // do a full `recalc`, so the only ill effect of this error is // to waste some time. ax = Plotly.Axes.getFromId(gd, axLetter); } return (ax || {}).autorange; } // for constraint enforcement: keep track of all axes (as {id: name}) // we're editing the (auto)range of, so we can tell the others constrained // to scale with them that it's OK for them to shrink var rangesAltered = {}; var axId; function recordAlteredAxis(pleafPlus) { var axId = axisIds.name2id(pleafPlus.split('.')[0]); rangesAltered[axId] = 1; return axId; } // alter gd.layout for(var ai in aobj) { if(helpers.hasParent(aobj, ai)) { throw new Error('cannot set ' + ai + 'and a parent attribute simultaneously'); } var p = Lib.nestedProperty(layout, ai), vi = aobj[ai], plen = p.parts.length, // p.parts may end with an index integer if the property is an array pend = typeof p.parts[plen - 1] === 'string' ? (plen - 1) : (plen - 2), // last property in chain (leaf node) proot = p.parts[0], pleaf = p.parts[pend], // leaf plus immediate parent pleafPlus = p.parts[pend - 1] + '.' + pleaf, // trunk nodes (everything except the leaf) ptrunk = p.parts.slice(0, pend).join('.'), parentIn = Lib.nestedProperty(gd.layout, ptrunk).get(), parentFull = Lib.nestedProperty(fullLayout, ptrunk).get(), vOld = p.get(); if(vi === undefined) continue; redoit[ai] = vi; // axis reverse is special - it is its own inverse // op and has no flag. undoit[ai] = (pleaf === 'reverse') ? vi : vOld; // Setting width or height to null must reset the graph's width / height // back to its initial value as computed during the first pass in Plots.plotAutoSize. // // To do so, we must manually set them back here using the _initialAutoSize cache. if(['width', 'height'].indexOf(ai) !== -1 && vi === null) { fullLayout[ai] = gd._initialAutoSize[ai]; } // check autorange vs range else if(pleafPlus.match(/^[xyz]axis[0-9]*\.range(\[[0|1]\])?$/)) { doextra(ptrunk + '.autorange', false); recordAlteredAxis(pleafPlus); Lib.nestedProperty(fullLayout, ptrunk + '._inputRange').set(null); } else if(pleafPlus.match(/^[xyz]axis[0-9]*\.autorange$/)) { doextra([ptrunk + '.range[0]', ptrunk + '.range[1]'], undefined); recordAlteredAxis(pleafPlus); Lib.nestedProperty(fullLayout, ptrunk + '._inputRange').set(null); var axFull = Lib.nestedProperty(fullLayout, ptrunk).get(); if(axFull._inputDomain) { // if we're autoranging and this axis has a constrained domain, // reset it so we don't get locked into a shrunken size axFull._input.domain = axFull._inputDomain.slice(); } } else if(pleafPlus.match(/^[xyz]axis[0-9]*\.domain(\[[0|1]\])?$/)) { Lib.nestedProperty(fullLayout, ptrunk + '._inputDomain').set(null); } else if(pleafPlus.match(/^[xyz]axis[0-9]*\.constrain.*$/)) { flags.docalc = true; } else if(pleafPlus.match(/^aspectratio\.[xyz]$/)) { doextra(proot + '.aspectmode', 'manual'); } else if(pleafPlus.match(/^aspectmode$/)) { doextra([ptrunk + '.x', ptrunk + '.y', ptrunk + '.z'], undefined); } else if(pleaf === 'tick0' || pleaf === 'dtick') { doextra(ptrunk + '.tickmode', 'linear'); } else if(pleaf === 'tickmode') { doextra([ptrunk + '.tick0', ptrunk + '.dtick'], undefined); } else if(/[xy]axis[0-9]*?$/.test(pleaf) && !Object.keys(vi || {}).length) { flags.docalc = true; } else if(/[xy]axis[0-9]*\.categoryorder$/.test(pleafPlus)) { flags.docalc = true; } else if(/[xy]axis[0-9]*\.categoryarray/.test(pleafPlus)) { flags.docalc = true; } if(pleafPlus.indexOf('rangeslider') !== -1) { flags.docalc = true; } // toggling axis type between log and linear: we need to convert // positions for components that are still using linearized values, // not data values like newer components. // previously we did this for log <-> not-log, but now only do it // for log <-> linear if(pleaf === 'type') { var ax = parentIn, toLog = parentFull.type === 'linear' && vi === 'log', fromLog = parentFull.type === 'log' && vi === 'linear'; if(toLog || fromLog) { if(!ax || !ax.range) { doextra(ptrunk + '.autorange', true); } else if(!parentFull.autorange) { // toggling log without autorange: need to also recalculate ranges // because log axes use linearized values for range endpoints var r0 = ax.range[0], r1 = ax.range[1]; if(toLog) { // if both limits are negative, autorange if(r0 <= 0 && r1 <= 0) { doextra(ptrunk + '.autorange', true); } // if one is negative, set it 6 orders below the other. if(r0 <= 0) r0 = r1 / 1e6; else if(r1 <= 0) r1 = r0 / 1e6; // now set the range values as appropriate doextra(ptrunk + '.range[0]', Math.log(r0) / Math.LN10); doextra(ptrunk + '.range[1]', Math.log(r1) / Math.LN10); } else { doextra(ptrunk + '.range[0]', Math.pow(10, r0)); doextra(ptrunk + '.range[1]', Math.pow(10, r1)); } } else if(toLog) { // just make sure the range is positive and in the right // order, it'll get recalculated later ax.range = (ax.range[1] > ax.range[0]) ? [1, 2] : [2, 1]; } // Annotations and images also need to convert to/from linearized coords // Shapes do not need this :) Registry.getComponentMethod('annotations', 'convertCoords')(gd, parentFull, vi, doextra); Registry.getComponentMethod('images', 'convertCoords')(gd, parentFull, vi, doextra); } else { // any other type changes: the range from the previous type // will not make sense, so autorange it. doextra(ptrunk + '.autorange', true); } Lib.nestedProperty(fullLayout, ptrunk + '._inputRange').set(null); } else if(pleaf.match(cartesianConstants.AX_NAME_PATTERN)) { var fullProp = Lib.nestedProperty(fullLayout, ai).get(), newType = (vi || {}).type; // This can potentially cause strange behavior if the autotype is not // numeric (linear, because we don't auto-log) but the previous type // was log. That's a very strange edge case though if(!newType || newType === '-') newType = 'linear'; Registry.getComponentMethod('annotations', 'convertCoords')(gd, fullProp, newType, doextra); Registry.getComponentMethod('images', 'convertCoords')(gd, fullProp, newType, doextra); } // alter gd.layout // collect array component edits for execution all together // so we can ensure consistent behavior adding/removing items // and order-independence for add/remove/edit all together in // one relayout call var containerArrayMatch = manageArrays.containerArrayMatch(ai); if(containerArrayMatch) { arrayStr = containerArrayMatch.array; i = containerArrayMatch.index; var propStr = containerArrayMatch.property, componentArray = Lib.nestedProperty(layout, arrayStr), obji = (componentArray || [])[i] || {}; if(i === '') { // replacing the entire array: too much going on, force recalc if(ai.indexOf('updatemenus') === -1) flags.docalc = true; } else if(propStr === '') { // special handling of undoit if we're adding or removing an element // ie 'annotations[2]' which can be {...} (add) or null (remove) var toggledObj = vi; if(manageArrays.isAddVal(vi)) { undoit[ai] = null; } else if(manageArrays.isRemoveVal(vi)) { undoit[ai] = obji; toggledObj = obji; } else Lib.warn('unrecognized full object value', aobj); if(refAutorange(toggledObj, 'x') || refAutorange(toggledObj, 'y') && ai.indexOf('updatemenus') === -1) { flags.docalc = true; } } else if((refAutorange(obji, 'x') || refAutorange(obji, 'y')) && !Lib.containsAny(ai, ['color', 'opacity', 'align', 'dash', 'updatemenus'])) { flags.docalc = true; } // prepare the edits object we'll send to applyContainerArrayChanges if(!arrayEdits[arrayStr]) arrayEdits[arrayStr] = {}; var objEdits = arrayEdits[arrayStr][i]; if(!objEdits) objEdits = arrayEdits[arrayStr][i] = {}; objEdits[propStr] = vi; delete aobj[ai]; } // handle axis reversal explicitly, as there's no 'reverse' flag else if(pleaf === 'reverse') { if(parentIn.range) parentIn.range.reverse(); else { doextra(ptrunk + '.autorange', true); parentIn.range = [1, 0]; } if(parentFull.autorange) flags.docalc = true; else flags.doplot = true; } else { var pp1 = String(p.parts[1] || ''); // check whether we can short-circuit a full redraw // 3d or geo at this point just needs to redraw. if(proot.indexOf('scene') === 0) { if(p.parts[1] === 'camera') flags.docamera = true; else flags.doplot = true; } else if(proot.indexOf('geo') === 0) flags.doplot = true; else if(proot.indexOf('ternary') === 0) flags.doplot = true; else if(ai === 'paper_bgcolor') flags.doplot = true; else if(proot === 'margin' || pp1 === 'autorange' || pp1 === 'rangemode' || pp1 === 'type' || pp1 === 'domain' || pp1 === 'fixedrange' || pp1 === 'scaleanchor' || pp1 === 'scaleratio' || ai.indexOf('calendar') !== -1 || ai.match(/^(bar|box|font)/)) { flags.docalc = true; } else if(fullLayout._has('gl2d') && (ai.indexOf('axis') !== -1 || ai === 'plot_bgcolor') ) { flags.doplot = true; } else if(fullLayout._has('gl2d') && (ai === 'dragmode' && (vi === 'lasso' || vi === 'select') && !(vOld === 'lasso' || vOld === 'select')) ) { flags.docalc = true; } else if(ai === 'hiddenlabels') flags.docalc = true; else if(proot.indexOf('legend') !== -1) flags.dolegend = true; else if(ai.indexOf('title') !== -1) flags.doticks = true; else if(proot.indexOf('bgcolor') !== -1) flags.dolayoutstyle = true; else if(plen > 1 && Lib.containsAny(pp1, ['tick', 'exponent', 'grid', 'zeroline'])) { flags.doticks = true; } else if(ai.indexOf('.linewidth') !== -1 && ai.indexOf('axis') !== -1) { flags.doticks = flags.dolayoutstyle = true; } else if(plen > 1 && pp1.indexOf('line') !== -1) { flags.dolayoutstyle = true; } else if(plen > 1 && pp1 === 'mirror') { flags.doticks = flags.dolayoutstyle = true; } else if(ai === 'margin.pad') { flags.doticks = flags.dolayoutstyle = true; } /* * hovermode, dragmode, and spikes don't need any redrawing, since they just * affect reaction to user input. Everything else, assume full replot. * height, width, autosize get dealt with below. Except for the case of * of subplots - scenes - which require scene.updateFx to be called. */ else if(['hovermode', 'dragmode'].indexOf(ai) !== -1 || ai.indexOf('spike') !== -1) { flags.domodebar = true; } else if(['height', 'width', 'autosize'].indexOf(ai) === -1) { flags.doplot = true; } p.set(vi); } } // now we've collected component edits - execute them all together for(arrayStr in arrayEdits) { var finished = manageArrays.applyContainerArrayChanges(gd, Lib.nestedProperty(layout, arrayStr), arrayEdits[arrayStr], flags); if(!finished) flags.doplot = true; } // figure out if we need to recalculate axis constraints var constraints = fullLayout._axisConstraintGroups; for(axId in rangesAltered) { for(i = 0; i < constraints.length; i++) { var group = constraints[i]; if(group[axId]) { // Always recalc if we're changing constrained ranges. // Otherwise it's possible to violate the constraints by // specifying arbitrary ranges for all axes in the group. // this way some ranges may expand beyond what's specified, // as they do at first draw, to satisfy the constraints. flags.docalc = true; for(var groupAxId in group) { if(!rangesAltered[groupAxId]) { axisIds.getFromId(gd, groupAxId)._constraintShrinkable = true; } } } } } var oldWidth = fullLayout.width, oldHeight = fullLayout.height; // calculate autosizing if(gd.layout.autosize) Plots.plotAutoSize(gd, gd.layout, fullLayout); // avoid unnecessary redraws var hasSizechanged = aobj.height || aobj.width || (fullLayout.width !== oldWidth) || (fullLayout.height !== oldHeight); if(hasSizechanged) flags.docalc = true; if(flags.doplot || flags.docalc) { flags.layoutReplot = true; } // now all attribute mods are done, as are // redo and undo so we can save them return { flags: flags, undoit: undoit, redoit: redoit, eventData: Lib.extendDeep({}, redoit) }; } /** * update: update trace and layout attributes of an existing plot * * @param {String | HTMLDivElement} gd * the id or DOM element of the graph container div * @param {Object} traceUpdate * attribute object `{astr1: val1, astr2: val2 ...}` * corresponding to updates in the plot's traces * @param {Object} layoutUpdate * attribute object `{astr1: val1, astr2: val2 ...}` * corresponding to updates in the plot's layout * @param {Number[] | Number} [traces] * integer or array of integers for the traces to alter (all if omitted) * */ Plotly.update = function update(gd, traceUpdate, layoutUpdate, traces) { gd = helpers.getGraphDiv(gd); helpers.clearPromiseQueue(gd); if(gd.framework && gd.framework.isPolar) { return Promise.resolve(gd); } if(!Lib.isPlainObject(traceUpdate)) traceUpdate = {}; if(!Lib.isPlainObject(layoutUpdate)) layoutUpdate = {}; if(Object.keys(traceUpdate).length) gd.changed = true; if(Object.keys(layoutUpdate).length) gd.changed = true; var restyleSpecs = _restyle(gd, Lib.extendFlat({}, traceUpdate), traces), restyleFlags = restyleSpecs.flags; var relayoutSpecs = _relayout(gd, Lib.extendFlat({}, layoutUpdate)), relayoutFlags = relayoutSpecs.flags; // clear calcdata if required if(restyleFlags.clearCalc || relayoutFlags.docalc) gd.calcdata = undefined; // fill in redraw sequence var seq = []; if(restyleFlags.fullReplot && relayoutFlags.layoutReplot) { var data = gd.data, layout = gd.layout; // clear existing data/layout on gd // so that Plotly.plot doesn't try to extend them gd.data = undefined; gd.layout = undefined; seq.push(function() { return Plotly.plot(gd, data, layout); }); } else if(restyleFlags.fullReplot) { seq.push(Plotly.plot); } else if(relayoutFlags.layoutReplot) { seq.push(subroutines.layoutReplot); } else { seq.push(Plots.previousPromises); Plots.supplyDefaults(gd); if(restyleFlags.dostyle) seq.push(subroutines.doTraceStyle); if(restyleFlags.docolorbars) seq.push(subroutines.doColorBars); if(relayoutFlags.dolegend) seq.push(subroutines.doLegend); if(relayoutFlags.dolayoutstyle) seq.push(subroutines.layoutStyles); if(relayoutFlags.doticks) seq.push(subroutines.doTicksRelayout); if(relayoutFlags.domodebar) seq.push(subroutines.doModeBar); if(relayoutFlags.doCamera) seq.push(subroutines.doCamera); } seq.push(Plots.rehover); Queue.add(gd, update, [gd, restyleSpecs.undoit, relayoutSpecs.undoit, restyleSpecs.traces], update, [gd, restyleSpecs.redoit, relayoutSpecs.redoit, restyleSpecs.traces] ); var plotDone = Lib.syncOrAsync(seq, gd); if(!plotDone || !plotDone.then) plotDone = Promise.resolve(gd); return plotDone.then(function() { gd.emit('plotly_update', { data: restyleSpecs.eventData, layout: relayoutSpecs.eventData }); return gd; }); }; /** * Animate to a frame, sequence of frame, frame group, or frame definition * * @param {string id or DOM element} gd * the id or DOM element of the graph container div * * @param {string or object or array of strings or array of objects} frameOrGroupNameOrFrameList * a single frame, array of frames, or group to which to animate. The intent is * inferred by the type of the input. Valid inputs are: * * - string, e.g. 'groupname': animate all frames of a given `group` in the order * in which they are defined via `Plotly.addFrames`. * * - array of strings, e.g. ['frame1', frame2']: a list of frames by name to which * to animate in sequence * * - object: {data: ...}: a frame definition to which to animate. The frame is not * and does not need to be added via `Plotly.addFrames`. It may contain any of * the properties of a frame, including `data`, `layout`, and `traces`. The * frame is used as provided and does not use the `baseframe` property. * * - array of objects, e.g. [{data: ...}, {data: ...}]: a list of frame objects, * each following the same rules as a single `object`. * * @param {object} animationOpts * configuration for the animation */ Plotly.animate = function(gd, frameOrGroupNameOrFrameList, animationOpts) { gd = helpers.getGraphDiv(gd); if(!Lib.isPlotDiv(gd)) { throw new Error( 'This element is not a Plotly plot: ' + gd + '. It\'s likely that you\'ve failed ' + 'to create a plot before animating it. For more details, see ' + 'https://plot.ly/javascript/animations/' ); } var trans = gd._transitionData; // This is the queue of frames that will be animated as soon as possible. They // are popped immediately upon the *start* of a transition: if(!trans._frameQueue) { trans._frameQueue = []; } animationOpts = Plots.supplyAnimationDefaults(animationOpts); var transitionOpts = animationOpts.transition; var frameOpts = animationOpts.frame; // Since frames are popped immediately, an empty queue only means all frames have // *started* to transition, not that the animation is complete. To solve that, // track a separate counter that increments at the same time as frames are added // to the queue, but decrements only when the transition is complete. if(trans._frameWaitingCnt === undefined) { trans._frameWaitingCnt = 0; } function getTransitionOpts(i) { if(Array.isArray(transitionOpts)) { if(i >= transitionOpts.length) { return transitionOpts[0]; } else { return transitionOpts[i]; } } else { return transitionOpts; } } function getFrameOpts(i) { if(Array.isArray(frameOpts)) { if(i >= frameOpts.length) { return frameOpts[0]; } else { return frameOpts[i]; } } else { return frameOpts; } } // Execute a callback after the wrapper function has been called n times. // This is used to defer the resolution until a transition has resovled *and* // the frame has completed. If it's not done this way, then we get a race // condition in which the animation might resolve before a transition is complete // or vice versa. function callbackOnNthTime(cb, n) { var cnt = 0; return function() { if(cb && ++cnt === n) { return cb(); } }; } return new Promise(function(resolve, reject) { function discardExistingFrames() { if(trans._frameQueue.length === 0) { return; } while(trans._frameQueue.length) { var next = trans._frameQueue.pop(); if(next.onInterrupt) { next.onInterrupt(); } } gd.emit('plotly_animationinterrupted', []); } function queueFrames(frameList) { if(frameList.length === 0) return; for(var i = 0; i < frameList.length; i++) { var computedFrame; if(frameList[i].type === 'byname') { // If it's a named frame, compute it: computedFrame = Plots.computeFrame(gd, frameList[i].name); } else { // Otherwise we must have been given a simple object, so treat // the input itself as the computed frame. computedFrame = frameList[i].data; } var frameOpts = getFrameOpts(i); var transitionOpts = getTransitionOpts(i); // It doesn't make much sense for the transition duration to be greater than // the frame duration, so limit it: transitionOpts.duration = Math.min(transitionOpts.duration, frameOpts.duration); var nextFrame = { frame: computedFrame, name: frameList[i].name, frameOpts: frameOpts, transitionOpts: transitionOpts, }; if(i === frameList.length - 1) { // The last frame in this .animate call stores the promise resolve // and reject callbacks. This is how we ensure that the animation // loop (which may exist as a result of a *different* .animate call) // still resolves or rejecdts this .animate call's promise. once it's // complete. nextFrame.onComplete = callbackOnNthTime(resolve, 2); nextFrame.onInterrupt = reject; } trans._frameQueue.push(nextFrame); } // Set it as never having transitioned to a frame. This will cause the animation // loop to immediately transition to the next frame (which, for immediate mode, // is the first frame in the list since all others would have been discarded // below) if(animationOpts.mode === 'immediate') { trans._lastFrameAt = -Infinity; } // Only it's not already running, start a RAF loop. This could be avoided in the // case that there's only one frame, but it significantly complicated the logic // and only sped things up by about 5% or so for a lorenz attractor simulation. // It would be a fine thing to implement, but the benefit of that optimization // doesn't seem worth the extra complexity. if(!trans._animationRaf) { beginAnimationLoop(); } } function stopAnimationLoop() { gd.emit('plotly_animated'); // Be sure to unset also since it's how we know whether a loop is already running: window.cancelAnimationFrame(trans._animationRaf); trans._animationRaf = null; } function nextFrame() { if(trans._currentFrame && trans._currentFrame.onComplete) { // Execute the callback and unset it to ensure it doesn't // accidentally get called twice trans._currentFrame.onComplete(); } var newFrame = trans._currentFrame = trans._frameQueue.shift(); if(newFrame) { // Since it's sometimes necessary to do deep digging into frame data, // we'll consider it not 100% impossible for nulls or numbers to sneak through, // so check when casting the name, just to be absolutely certain: var stringName = newFrame.name ? newFrame.name.toString() : null; gd._fullLayout._currentFrame = stringName; trans._lastFrameAt = Date.now(); trans._timeToNext = newFrame.frameOpts.duration; // This is simply called and it's left to .transition to decide how to manage // interrupting current transitions. That means we don't need to worry about // how it resolves or what happens after this: Plots.transition(gd, newFrame.frame.data, newFrame.frame.layout, helpers.coerceTraceIndices(gd, newFrame.frame.traces), newFrame.frameOpts, newFrame.transitionOpts ).then(function() { if(newFrame.onComplete) { newFrame.onComplete(); } }); gd.emit('plotly_animatingframe', { name: stringName, frame: newFrame.frame, animation: { frame: newFrame.frameOpts, transition: newFrame.transitionOpts, } }); } else { // If there are no more frames, then stop the RAF loop: stopAnimationLoop(); } } function beginAnimationLoop() { gd.emit('plotly_animating'); // If no timer is running, then set last frame = long ago so that the next // frame is immediately transitioned: trans._lastFrameAt = -Infinity; trans._timeToNext = 0; trans._runningTransitions = 0; trans._currentFrame = null; var doFrame = function() { // This *must* be requested before nextFrame since nextFrame may decide // to cancel it if there's nothing more to animated: trans._animationRaf = window.requestAnimationFrame(doFrame); // Check if we're ready for a new frame: if(Date.now() - trans._lastFrameAt > trans._timeToNext) { nextFrame(); } }; doFrame(); } // This is an animate-local counter that helps match up option input list // items with the particular frame. var configCounter = 0; function setTransitionConfig(frame) { if(Array.isArray(transitionOpts)) { if(configCounter >= transitionOpts.length) { frame.transitionOpts = transitionOpts[configCounter]; } else { frame.transitionOpts = transitionOpts[0]; } } else { frame.transitionOpts = transitionOpts; } configCounter++; return frame; } // Disambiguate what's sort of frames have been received var i, frame; var frameList = []; var allFrames = frameOrGroupNameOrFrameList === undefined || frameOrGroupNameOrFrameList === null; var isFrameArray = Array.isArray(frameOrGroupNameOrFrameList); var isSingleFrame = !allFrames && !isFrameArray && Lib.isPlainObject(frameOrGroupNameOrFrameList); if(isSingleFrame) { // In this case, a simple object has been passed to animate. frameList.push({ type: 'object', data: setTransitionConfig(Lib.extendFlat({}, frameOrGroupNameOrFrameList)) }); } else if(allFrames || ['string', 'number'].indexOf(typeof frameOrGroupNameOrFrameList) !== -1) { // In this case, null or undefined has been passed so that we want to // animate *all* currently defined frames for(i = 0; i < trans._frames.length; i++) { frame = trans._frames[i]; if(!frame) continue; if(allFrames || String(frame.group) === String(frameOrGroupNameOrFrameList)) { frameList.push({ type: 'byname', name: String(frame.name), data: setTransitionConfig({name: frame.name}) }); } } } else if(isFrameArray) { for(i = 0; i < frameOrGroupNameOrFrameList.length; i++) { var frameOrName = frameOrGroupNameOrFrameList[i]; if(['number', 'string'].indexOf(typeof frameOrName) !== -1) { frameOrName = String(frameOrName); // In this case, there's an array and this frame is a string name: frameList.push({ type: 'byname', name: frameOrName, data: setTransitionConfig({name: frameOrName}) }); } else if(Lib.isPlainObject(frameOrName)) { frameList.push({ type: 'object', data: setTransitionConfig(Lib.extendFlat({}, frameOrName)) }); } } } // Verify that all of these frames actually exist; return and reject if not: for(i = 0; i < frameList.length; i++) { frame = frameList[i]; if(frame.type === 'byname' && !trans._frameHash[frame.data.name]) { Lib.warn('animate failure: frame not found: "' + frame.data.name + '"'); reject(); return; } } // If the mode is either next or immediate, then all currently queued frames must // be dumped and the corresponding .animate promises rejected. if(['next', 'immediate'].indexOf(animationOpts.mode) !== -1) { discardExistingFrames(); } if(animationOpts.direction === 'reverse') { frameList.reverse(); } var currentFrame = gd._fullLayout._currentFrame; if(currentFrame && animationOpts.fromcurrent) { var idx = -1; for(i = 0; i < frameList.length; i++) { frame = frameList[i]; if(frame.type === 'byname' && frame.name === currentFrame) { idx = i; break; } } if(idx > 0 && idx < frameList.length - 1) { var filteredFrameList = []; for(i = 0; i < frameList.length; i++) { frame = frameList[i]; if(frameList[i].type !== 'byname' || i > idx) { filteredFrameList.push(frame); } } frameList = filteredFrameList; } } if(frameList.length > 0) { queueFrames(frameList); } else { // This is the case where there were simply no frames. It's a little strange // since there's not much to do: gd.emit('plotly_animated'); resolve(); } }); }; /** * Register new frames * * @param {string id or DOM element} gd * the id or DOM element of the graph container div * * @param {array of objects} frameList * list of frame definitions, in which each object includes any of: * - name: {string} name of frame to add * - data: {array of objects} trace data * - layout {object} layout definition * - traces {array} trace indices * - baseframe {string} name of frame from which this frame gets defaults * * @param {array of integers) indices * an array of integer indices matching the respective frames in `frameList`. If not * provided, an index will be provided in serial order. If already used, the frame * will be overwritten. */ Plotly.addFrames = function(gd, frameList, indices) { gd = helpers.getGraphDiv(gd); var numericNameWarningCount = 0; if(frameList === null || frameList === undefined) { return Promise.resolve(); } if(!Lib.isPlotDiv(gd)) { throw new Error( 'This element is not a Plotly plot: ' + gd + '. It\'s likely that you\'ve failed ' + 'to create a plot before adding frames. For more details, see ' + 'https://plot.ly/javascript/animations/' ); } var i, frame, j, idx; var _frames = gd._transitionData._frames; var _hash = gd._transitionData._frameHash; if(!Array.isArray(frameList)) { throw new Error('addFrames failure: frameList must be an Array of frame definitions' + frameList); } // Create a sorted list of insertions since we run into lots of problems if these // aren't in ascending order of index: // // Strictly for sorting. Make sure this is guaranteed to never collide with any // already-exisisting indices: var bigIndex = _frames.length + frameList.length * 2; var insertions = []; for(i = frameList.length - 1; i >= 0; i--) { if(!Lib.isPlainObject(frameList[i])) continue; var name = (_hash[frameList[i].name] || {}).name; var newName = frameList[i].name; if(name && newName && typeof newName === 'number' && _hash[name]) { numericNameWarningCount++; Lib.warn('addFrames: overwriting frame "' + _hash[name].name + '" with a frame whose name of type "number" also equates to "' + name + '". This is valid but may potentially lead to unexpected ' + 'behavior since all plotly.js frame names are stored internally ' + 'as strings.'); if(numericNameWarningCount > 5) { Lib.warn('addFrames: This API call has yielded too many warnings. ' + 'For the rest of this call, further warnings about numeric frame ' + 'names will be suppressed.'); } } insertions.push({ frame: Plots.supplyFrameDefaults(frameList[i]), index: (indices && indices[i] !== undefined && indices[i] !== null) ? indices[i] : bigIndex + i }); } // Sort this, taking note that undefined insertions end up at the end: insertions.sort(function(a, b) { if(a.index > b.index) return -1; if(a.index < b.index) return 1; return 0; }); var ops = []; var revops = []; var frameCount = _frames.length; for(i = insertions.length - 1; i >= 0; i--) { frame = insertions[i].frame; if(typeof frame.name === 'number') { Lib.warn('Warning: addFrames accepts frames with numeric names, but the numbers are' + 'implicitly cast to strings'); } if(!frame.name) { // Repeatedly assign a default name, incrementing the counter each time until // we get a name that's not in the hashed lookup table: while(_hash[(frame.name = 'frame ' + gd._transitionData._counter++)]); } if(_hash[frame.name]) { // If frame is present, overwrite its definition: for(j = 0; j < _frames.length; j++) { if((_frames[j] || {}).name === frame.name) break; } ops.push({type: 'replace', index: j, value: frame}); revops.unshift({type: 'replace', index: j, value: _frames[j]}); } else { // Otherwise insert it at the end of the list: idx = Math.max(0, Math.min(insertions[i].index, frameCount)); ops.push({type: 'insert', index: idx, value: frame}); revops.unshift({type: 'delete', index: idx}); frameCount++; } } var undoFunc = Plots.modifyFrames, redoFunc = Plots.modifyFrames, undoArgs = [gd, revops], redoArgs = [gd, ops]; if(Queue) Queue.add(gd, undoFunc, undoArgs, redoFunc, redoArgs); return Plots.modifyFrames(gd, ops); }; /** * Delete frame * * @param {string id or DOM element} gd * the id or DOM element of the graph container div * * @param {array of integers} frameList * list of integer indices of frames to be deleted */ Plotly.deleteFrames = function(gd, frameList) { gd = helpers.getGraphDiv(gd); if(!Lib.isPlotDiv(gd)) { throw new Error('This element is not a Plotly plot: ' + gd); } var i, idx; var _frames = gd._transitionData._frames; var ops = []; var revops = []; if(!frameList) { frameList = []; for(i = 0; i < _frames.length; i++) { frameList.push(i); } } frameList = frameList.slice(0); frameList.sort(); for(i = frameList.length - 1; i >= 0; i--) { idx = frameList[i]; ops.push({type: 'delete', index: idx}); revops.unshift({type: 'insert', index: idx, value: _frames[idx]}); } var undoFunc = Plots.modifyFrames, redoFunc = Plots.modifyFrames, undoArgs = [gd, revops], redoArgs = [gd, ops]; if(Queue) Queue.add(gd, undoFunc, undoArgs, redoFunc, redoArgs); return Plots.modifyFrames(gd, ops); }; /** * Purge a graph container div back to its initial pre-Plotly.plot state * * @param {string id or DOM element} gd * the id or DOM element of the graph container div */ Plotly.purge = function purge(gd) { gd = helpers.getGraphDiv(gd); var fullLayout = gd._fullLayout || {}, fullData = gd._fullData || []; // remove gl contexts Plots.cleanPlot([], {}, fullData, fullLayout); // purge properties Plots.purge(gd); // purge event emitter methods Events.purge(gd); // remove plot container if(fullLayout._container) fullLayout._container.remove(); delete gd._context; delete gd._replotPending; delete gd._mouseDownTime; delete gd._legendMouseDownTime; delete gd._hmpixcount; delete gd._hmlumcount; return gd; }; // ------------------------------------------------------- // makePlotFramework: Create the plot container and axes // ------------------------------------------------------- function makePlotFramework(gd) { var gd3 = d3.select(gd), fullLayout = gd._fullLayout; // Plot container fullLayout._container = gd3.selectAll('.plot-container').data([0]); fullLayout._container.enter().insert('div', ':first-child') .classed('plot-container', true) .classed('plotly', true); // Make the svg container fullLayout._paperdiv = fullLayout._container.selectAll('.svg-container').data([0]); fullLayout._paperdiv.enter().append('div') .classed('svg-container', true) .style('position', 'relative'); // Make the graph containers // start fresh each time we get here, so we know the order comes out // right, rather than enter/exit which can muck up the order // TODO: sort out all the ordering so we don't have to // explicitly delete anything fullLayout._glcontainer = fullLayout._paperdiv.selectAll('.gl-container') .data([0]); fullLayout._glcontainer.enter().append('div') .classed('gl-container', true); fullLayout._paperdiv.selectAll('.main-svg').remove(); fullLayout._paper = fullLayout._paperdiv.insert('svg', ':first-child') .classed('main-svg', true); fullLayout._toppaper = fullLayout._paperdiv.append('svg') .classed('main-svg', true); if(!fullLayout._uid) { var otherUids = []; d3.selectAll('defs').each(function() { if(this.id) otherUids.push(this.id.split('-')[1]); }); fullLayout._uid = Lib.randstr(otherUids); } fullLayout._paperdiv.selectAll('.main-svg') .attr(xmlnsNamespaces.svgAttrs); fullLayout._defs = fullLayout._paper.append('defs') .attr('id', 'defs-' + fullLayout._uid); fullLayout._topdefs = fullLayout._toppaper.append('defs') .attr('id', 'topdefs-' + fullLayout._uid); fullLayout._bgLayer = fullLayout._paper.append('g') .classed('bglayer', true); fullLayout._draggers = fullLayout._paper.append('g') .classed('draglayer', true); // lower shape/image layer - note that this is behind // all subplots data/grids but above the backgrounds // except inset subplots, whose backgrounds are drawn // inside their own group so that they appear above // the data for the main subplot // lower shapes and images which are fully referenced to // a subplot still get drawn within the subplot's group // so they will work correctly on insets var layerBelow = fullLayout._paper.append('g') .classed('layer-below', true); fullLayout._imageLowerLayer = layerBelow.append('g') .classed('imagelayer', true); fullLayout._shapeLowerLayer = layerBelow.append('g') .classed('shapelayer', true); // single cartesian layer for the whole plot fullLayout._cartesianlayer = fullLayout._paper.append('g').classed('cartesianlayer', true); // single ternary layer for the whole plot fullLayout._ternarylayer = fullLayout._paper.append('g').classed('ternarylayer', true); // single geo layer for the whole plot fullLayout._geolayer = fullLayout._paper.append('g').classed('geolayer', true); // upper shape layer // (only for shapes to be drawn above the whole plot, including subplots) var layerAbove = fullLayout._paper.append('g') .classed('layer-above', true); fullLayout._imageUpperLayer = layerAbove.append('g') .classed('imagelayer', true); fullLayout._shapeUpperLayer = layerAbove.append('g') .classed('shapelayer', true); // single pie layer for the whole plot fullLayout._pielayer = fullLayout._paper.append('g').classed('pielayer', true); // fill in image server scrape-svg fullLayout._glimages = fullLayout._paper.append('g').classed('glimages', true); // lastly info (legend, annotations) and hover layers go on top // these are in a different svg element normally, but get collapsed into a single // svg when exporting (after inserting 3D) fullLayout._infolayer = fullLayout._toppaper.append('g').classed('infolayer', true); fullLayout._zoomlayer = fullLayout._toppaper.append('g').classed('zoomlayer', true); fullLayout._hoverlayer = fullLayout._toppaper.append('g').classed('hoverlayer', true); gd.emit('plotly_framework'); } },{"../components/drawing":58,"../components/errorbars":64,"../constants/xmlns_namespaces":134,"../lib":147,"../lib/events":141,"../lib/queue":159,"../lib/svg_text_utils":164,"../plotly":178,"../plots/cartesian/axis_ids":186,"../plots/cartesian/constants":188,"../plots/cartesian/constraints":190,"../plots/cartesian/graph_interact":192,"../plots/plots":212,"../plots/polar":215,"../registry":219,"./edit_types":167,"./helpers":168,"./manage_arrays":169,"./subroutines":175,"d3":7,"fast-isnumeric":10,"has-hover":12}],171:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /* eslint-disable no-console */ /** * This will be transferred over to gd and overridden by * config args to Plotly.plot. * * The defaults are the appropriate settings for plotly.js, * so we get the right experience without any config argument. */ module.exports = { // no interactivity, for export or image generation staticPlot: false, // we can edit titles, move annotations, etc - sets all pieces of `edits` // unless a separate `edits` config item overrides individual parts editable: false, edits: { // annotationPosition: the main anchor of the annotation, which is the // text (if no arrow) or the arrow (which drags the whole thing leaving // the arrow length & direction unchanged) annotationPosition: false, // just for annotations with arrows, change the length and direction of the arrow annotationTail: false, annotationText: false, axisTitleText: false, colorbarPosition: false, colorbarTitleText: false, legendPosition: false, // edit the trace name fields from the legend legendText: false, shapePosition: false, // the global `layout.title` titleText: false }, // DO autosize once regardless of layout.autosize // (use default width or height values otherwise) autosizable: false, // set the length of the undo/redo queue queueLength: 0, // if we DO autosize, do we fill the container or the screen? fillFrame: false, // if we DO autosize, set the frame margins in percents of plot size frameMargins: 0, // mousewheel or two-finger scroll zooms the plot scrollZoom: false, // double click interaction (false, 'reset', 'autosize' or 'reset+autosize') doubleClick: 'reset+autosize', // new users see some hints about interactivity showTips: true, // enable axis pan/zoom drag handles showAxisDragHandles: true, // enable direct range entry at the pan/zoom drag points (drag handles must be enabled above) showAxisRangeEntryBoxes: true, // link to open this plot in plotly showLink: false, // if we show a link, does it contain data or just link to a plotly file? sendData: true, // text appearing in the sendData link linkText: 'Edit chart', // false or function adding source(s) to linkText showSources: false, // display the mode bar (true, false, or 'hover') displayModeBar: 'hover', // remove mode bar button by name // (see ./components/modebar/buttons.js for the list of names) modeBarButtonsToRemove: [], // add mode bar button using config objects // (see ./components/modebar/buttons.js for list of arguments) modeBarButtonsToAdd: [], // fully custom mode bar buttons as nested array, // where the outer arrays represents button groups, and // the inner arrays have buttons config objects or names of default buttons // (see ./components/modebar/buttons.js for more info) modeBarButtons: false, // add the plotly logo on the end of the mode bar displaylogo: true, // increase the pixel ratio for Gl plot images plotGlPixelRatio: 2, // function to add the background color to a different container // or 'opaque' to ensure there's white behind it setBackground: defaultSetBackground, // URL to topojson files used in geo charts topojsonURL: 'https://cdn.plot.ly/', // Mapbox access token (required to plot mapbox trace types) // If using an Mapbox Atlas server, set this option to '', // so that plotly.js won't attempt to authenticate to the public Mapbox server. mapboxAccessToken: null, // Turn all console logging on or off (errors will be thrown) // This should ONLY be set via Plotly.setPlotConfig logging: false, // Set global transform to be applied to all traces with no // specification needed globalTransforms: [] }; // where and how the background gets set can be overridden by context // so we define the default (plotly.js) behavior here function defaultSetBackground(gd, bgColor) { try { gd._fullLayout._paper.style('background', bgColor); } catch(e) { if(module.exports.logging > 0) { console.error(e); } } } },{}],172:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = require('../registry'); var Lib = require('../lib'); var baseAttributes = require('../plots/attributes'); var baseLayoutAttributes = require('../plots/layout_attributes'); var frameAttributes = require('../plots/frame_attributes'); var animationAttributes = require('../plots/animation_attributes'); // polar attributes are not part of the Registry yet var polarAreaAttrs = require('../plots/polar/area_attributes'); var polarAxisAttrs = require('../plots/polar/axis_attributes'); var editTypes = require('./edit_types'); var extendFlat = Lib.extendFlat; var extendDeep = Lib.extendDeep; var IS_SUBPLOT_OBJ = '_isSubplotObj'; var IS_LINKED_TO_ARRAY = '_isLinkedToArray'; var ARRAY_ATTR_REGEXPS = '_arrayAttrRegexps'; var DEPRECATED = '_deprecated'; var UNDERSCORE_ATTRS = [IS_SUBPLOT_OBJ, IS_LINKED_TO_ARRAY, ARRAY_ATTR_REGEXPS, DEPRECATED]; exports.IS_SUBPLOT_OBJ = IS_SUBPLOT_OBJ; exports.IS_LINKED_TO_ARRAY = IS_LINKED_TO_ARRAY; exports.DEPRECATED = DEPRECATED; exports.UNDERSCORE_ATTRS = UNDERSCORE_ATTRS; /** Outputs the full plotly.js plot schema * * @return {object} * - defs * - traces * - layout * - transforms * - frames * - animations * - config (coming soon ...) */ exports.get = function() { var traces = {}; Registry.allTypes.concat('area').forEach(function(type) { traces[type] = getTraceAttributes(type); }); var transforms = {}; Object.keys(Registry.transformsRegistry).forEach(function(type) { transforms[type] = getTransformAttributes(type); }); return { defs: { valObjects: Lib.valObjects, metaKeys: UNDERSCORE_ATTRS.concat(['description', 'role']), editTypes: { traces: editTypes.traces(), layout: editTypes.layout() } }, traces: traces, layout: getLayoutAttributes(), transforms: transforms, frames: getFramesAttributes(), animation: formatAttributes(animationAttributes) }; }; /** * Crawl the attribute tree, recursively calling a callback function * * @param {object} attrs * The node of the attribute tree (e.g. the root) from which recursion originates * @param {Function} callback * A callback function with the signature: * @callback callback * @param {object} attr an attribute * @param {String} attrName name string * @param {object[]} attrs all the attributes * @param {Number} level the recursion level, 0 at the root * @param {Number} [specifiedLevel] * The level in the tree, in order to let the callback function detect descend or backtrack, * typically unsupplied (implied 0), just used by the self-recursive call. * The necessity arises because the tree traversal is not controlled by callback return values. * The decision to not use callback return values for controlling tree pruning arose from * the goal of keeping the crawler backwards compatible. Observe that one of the pruning conditions * precedes the callback call. * * @return {object} transformOut * copy of transformIn that contains attribute defaults */ exports.crawl = function(attrs, callback, specifiedLevel) { var level = specifiedLevel || 0; Object.keys(attrs).forEach(function(attrName) { var attr = attrs[attrName]; if(UNDERSCORE_ATTRS.indexOf(attrName) !== -1) return; callback(attr, attrName, attrs, level); if(exports.isValObject(attr)) return; if(Lib.isPlainObject(attr)) exports.crawl(attr, callback, level + 1); }); }; /** Is object a value object (or a container object)? * * @param {object} obj * @return {boolean} * returns true for a valid value object and * false for tree nodes in the attribute hierarchy */ exports.isValObject = function(obj) { return obj && obj.valType !== undefined; }; /** * Find all data array attributes in a given trace object - including * `arrayOk` attributes. * * @param {object} trace * full trace object that contains a reference to `_module.attributes` * * @return {array} arrayAttributes * list of array attributes for the given trace */ exports.findArrayAttributes = function(trace) { var arrayAttributes = []; var stack = []; function callback(attr, attrName, attrs, level) { stack = stack.slice(0, level).concat([attrName]); var splittableAttr = ( attr && (attr.valType === 'data_array' || attr.arrayOk === true) && !(stack[level - 1] === 'colorbar' && (attrName === 'ticktext' || attrName === 'tickvals')) ); // Manually exclude 'colorbar.tickvals' and 'colorbar.ticktext' for now // which are declared as `valType: 'data_array'` but scale independently of // the coordinate arrays. // // Down the road, we might want to add a schema field (e.g `uncorrelatedArray: true`) // to distinguish attributes of the likes. if(!splittableAttr) return; var astr = toAttrString(stack); var val = Lib.nestedProperty(trace, astr).get(); if(!Array.isArray(val)) return; arrayAttributes.push(astr); } function toAttrString(stack) { return stack.join('.'); } exports.crawl(baseAttributes, callback); if(trace._module && trace._module.attributes) { exports.crawl(trace._module.attributes, callback); } if(trace.transforms) { var transforms = trace.transforms; for(var i = 0; i < transforms.length; i++) { var transform = transforms[i]; var module = transform._module; if(module) { stack = ['transforms[' + i + ']']; exports.crawl(module.attributes, callback, 1); } } } // Look into the fullInput module attributes for array attributes // to make sure that 'custom' array attributes are detected. // // At the moment, we need this block to make sure that // ohlc and candlestick 'open', 'high', 'low', 'close' can be // used with filter ang groupby transforms. if(trace._fullInput && trace._fullInput._module && trace._fullInput._module.attributes) { exports.crawl(trace._fullInput._module.attributes, callback); arrayAttributes = Lib.filterUnique(arrayAttributes); } return arrayAttributes; }; function getTraceAttributes(type) { var _module, basePlotModule; if(type === 'area') { _module = { attributes: polarAreaAttrs }; basePlotModule = {}; } else { _module = Registry.modules[type]._module, basePlotModule = _module.basePlotModule; } var attributes = {}; // make 'type' the first attribute in the object attributes.type = null; // base attributes (same for all trace types) extendDeep(attributes, baseAttributes); // module attributes extendDeep(attributes, _module.attributes); // subplot attributes if(basePlotModule.attributes) { extendDeep(attributes, basePlotModule.attributes); } // add registered components trace attributes Object.keys(Registry.componentsRegistry).forEach(function(k) { var _module = Registry.componentsRegistry[k]; if(_module.schema && _module.schema.traces && _module.schema.traces[type]) { Object.keys(_module.schema.traces[type]).forEach(function(v) { insertAttrs(attributes, _module.schema.traces[type][v], v); }); } }); // 'type' gets overwritten by baseAttributes; reset it here attributes.type = type; var out = { meta: _module.meta || {}, attributes: formatAttributes(attributes), }; // trace-specific layout attributes if(_module.layoutAttributes) { var layoutAttributes = {}; extendDeep(layoutAttributes, _module.layoutAttributes); out.layoutAttributes = formatAttributes(layoutAttributes); } return out; } function getLayoutAttributes() { var layoutAttributes = {}; // global layout attributes extendDeep(layoutAttributes, baseLayoutAttributes); // add base plot module layout attributes Object.keys(Registry.subplotsRegistry).forEach(function(k) { var _module = Registry.subplotsRegistry[k]; if(!_module.layoutAttributes) return; if(_module.name === 'cartesian') { handleBasePlotModule(layoutAttributes, _module, 'xaxis'); handleBasePlotModule(layoutAttributes, _module, 'yaxis'); } else { var astr = _module.attr === 'subplot' ? _module.name : _module.attr; handleBasePlotModule(layoutAttributes, _module, astr); } }); // polar layout attributes layoutAttributes = assignPolarLayoutAttrs(layoutAttributes); // add registered components layout attributes Object.keys(Registry.componentsRegistry).forEach(function(k) { var _module = Registry.componentsRegistry[k]; if(!_module.layoutAttributes) return; if(_module.schema && _module.schema.layout) { Object.keys(_module.schema.layout).forEach(function(v) { insertAttrs(layoutAttributes, _module.schema.layout[v], v); }); } else { insertAttrs(layoutAttributes, _module.layoutAttributes, _module.name); } }); return { layoutAttributes: formatAttributes(layoutAttributes) }; } function getTransformAttributes(type) { var _module = Registry.transformsRegistry[type]; var attributes = extendDeep({}, _module.attributes); // add registered components transform attributes Object.keys(Registry.componentsRegistry).forEach(function(k) { var _module = Registry.componentsRegistry[k]; if(_module.schema && _module.schema.transforms && _module.schema.transforms[type]) { Object.keys(_module.schema.transforms[type]).forEach(function(v) { insertAttrs(attributes, _module.schema.transforms[type][v], v); }); } }); return { attributes: formatAttributes(attributes) }; } function getFramesAttributes() { var attrs = { frames: Lib.extendDeep({}, frameAttributes) }; formatAttributes(attrs); return attrs.frames; } function formatAttributes(attrs) { mergeValTypeAndRole(attrs); formatArrayContainers(attrs); return attrs; } function mergeValTypeAndRole(attrs) { function makeSrcAttr(attrName) { return { valType: 'string', }; } function callback(attr, attrName, attrs) { if(exports.isValObject(attr)) { if(attr.valType === 'data_array') { // all 'data_array' attrs have role 'data' attr.role = 'data'; // all 'data_array' attrs have a corresponding 'src' attr attrs[attrName + 'src'] = makeSrcAttr(attrName); } else if(attr.arrayOk === true) { // all 'arrayOk' attrs have a corresponding 'src' attr attrs[attrName + 'src'] = makeSrcAttr(attrName); } } else if(Lib.isPlainObject(attr)) { // all attrs container objects get role 'object' attr.role = 'object'; } } exports.crawl(attrs, callback); } function formatArrayContainers(attrs) { function callback(attr, attrName, attrs) { if(!attr) return; var itemName = attr[IS_LINKED_TO_ARRAY]; if(!itemName) return; delete attr[IS_LINKED_TO_ARRAY]; attrs[attrName] = { items: {} }; attrs[attrName].items[itemName] = attr; attrs[attrName].role = 'object'; } exports.crawl(attrs, callback); } function assignPolarLayoutAttrs(layoutAttributes) { extendFlat(layoutAttributes, { radialaxis: polarAxisAttrs.radialaxis, angularaxis: polarAxisAttrs.angularaxis }); extendFlat(layoutAttributes, polarAxisAttrs.layout); return layoutAttributes; } function handleBasePlotModule(layoutAttributes, _module, astr) { var np = Lib.nestedProperty(layoutAttributes, astr), attrs = extendDeep({}, _module.layoutAttributes); attrs[IS_SUBPLOT_OBJ] = true; np.set(attrs); } function insertAttrs(baseAttrs, newAttrs, astr) { var np = Lib.nestedProperty(baseAttrs, astr); np.set(extendDeep(np.get() || {}, newAttrs)); } },{"../lib":147,"../plots/animation_attributes":179,"../plots/attributes":181,"../plots/frame_attributes":208,"../plots/layout_attributes":210,"../plots/polar/area_attributes":213,"../plots/polar/axis_attributes":214,"../registry":219,"./edit_types":167}],173:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = require('../registry'); var Lib = require('../lib'); module.exports = function register(_modules) { if(!_modules) { throw new Error('No argument passed to Plotly.register.'); } else if(_modules && !Array.isArray(_modules)) { _modules = [_modules]; } for(var i = 0; i < _modules.length; i++) { var newModule = _modules[i]; if(!newModule) { throw new Error('Invalid module was attempted to be registered!'); } switch(newModule.moduleType) { case 'trace': registerTraceModule(newModule); break; case 'transform': registerTransformModule(newModule); break; case 'component': registerComponentModule(newModule); break; default: throw new Error('Invalid module was attempted to be registered!'); } } }; function registerTraceModule(newModule) { Registry.register(newModule, newModule.name, newModule.categories, newModule.meta); if(!Registry.subplotsRegistry[newModule.basePlotModule.name]) { Registry.registerSubplot(newModule.basePlotModule); } } function registerTransformModule(newModule) { if(typeof newModule.name !== 'string') { throw new Error('Transform module *name* must be a string.'); } var prefix = 'Transform module ' + newModule.name; var hasTransform = typeof newModule.transform === 'function', hasCalcTransform = typeof newModule.calcTransform === 'function'; if(!hasTransform && !hasCalcTransform) { throw new Error(prefix + ' is missing a *transform* or *calcTransform* method.'); } if(hasTransform && hasCalcTransform) { Lib.log([ prefix + ' has both a *transform* and *calcTransform* methods.', 'Please note that all *transform* methods are executed', 'before all *calcTransform* methods.' ].join(' ')); } if(!Lib.isPlainObject(newModule.attributes)) { Lib.log(prefix + ' registered without an *attributes* object.'); } if(typeof newModule.supplyDefaults !== 'function') { Lib.log(prefix + ' registered without a *supplyDefaults* method.'); } Registry.transformsRegistry[newModule.name] = newModule; } function registerComponentModule(newModule) { if(typeof newModule.name !== 'string') { throw new Error('Component module *name* must be a string.'); } Registry.registerComponent(newModule); } },{"../lib":147,"../registry":219}],174:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Plotly = require('../plotly'); var Lib = require('../lib'); /** * Extends the plot config * * @param {object} configObj partial plot configuration object * to extend the current plot configuration. * */ module.exports = function setPlotConfig(configObj) { return Lib.extendFlat(Plotly.defaultConfig, configObj); }; },{"../lib":147,"../plotly":178}],175:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Plotly = require('../plotly'); var Registry = require('../registry'); var Plots = require('../plots/plots'); var Lib = require('../lib'); var Color = require('../components/color'); var Drawing = require('../components/drawing'); var Titles = require('../components/titles'); var ModeBar = require('../components/modebar'); var initInteractions = require('../plots/cartesian/graph_interact'); var cartesianConstants = require('../plots/cartesian/constants'); exports.layoutStyles = function(gd) { return Lib.syncOrAsync([Plots.doAutoMargin, exports.lsInner], gd); }; function overlappingDomain(xDomain, yDomain, domains) { for(var i = 0; i < domains.length; i++) { var existingX = domains[i][0], existingY = domains[i][1]; if(existingX[0] >= xDomain[1] || existingX[1] <= xDomain[0]) { continue; } if(existingY[0] < yDomain[1] && existingY[1] > yDomain[0]) { return true; } } return false; } exports.lsInner = function(gd) { var fullLayout = gd._fullLayout; var gs = fullLayout._size; var pad = gs.p; var axList = Plotly.Axes.list(gd); // _has('cartesian') means SVG specifically, not GL2D - but GL2D // can still get here because it makes some of the SVG structure // for shared features like selections. var hasSVGCartesian = fullLayout._has('cartesian'); var i; // clear axis line positions, to be set in the subplot loop below for(i = 0; i < axList.length; i++) axList[i]._linepositions = {}; fullLayout._paperdiv .style({ width: fullLayout.width + 'px', height: fullLayout.height + 'px' }) .selectAll('.main-svg') .call(Drawing.setSize, fullLayout.width, fullLayout.height); gd._context.setBackground(gd, fullLayout.paper_bgcolor); var subplotSelection = fullLayout._paper.selectAll('g.subplot'); // figure out which backgrounds we need to draw, and in which layers // to put them var lowerBackgroundIDs = []; var lowerDomains = []; subplotSelection.each(function(subplot) { var plotinfo = fullLayout._plots[subplot]; if(plotinfo.mainplot) { // mainplot is a reference to the main plot this one is overlaid on // so if it exists, this is an overlaid plot and we don't need to // give it its own background if(plotinfo.bg) { plotinfo.bg.remove(); } plotinfo.bg = undefined; return; } var xDomain = plotinfo.xaxis.domain; var yDomain = plotinfo.yaxis.domain; var plotgroupBgData = []; if(overlappingDomain(xDomain, yDomain, lowerDomains)) { plotgroupBgData = [0]; } else { lowerBackgroundIDs.push(subplot); lowerDomains.push([xDomain, yDomain]); } // create the plot group backgrounds now, since // they're all independent selections var plotgroupBg = plotinfo.plotgroup.selectAll('.bg') .data(plotgroupBgData); plotgroupBg.enter().append('rect') .classed('bg', true); plotgroupBg.exit().remove(); plotgroupBg.each(function() { plotinfo.bg = plotgroupBg; var pgNode = plotinfo.plotgroup.node(); pgNode.insertBefore(this, pgNode.childNodes[0]); }); }); // now create all the lower-layer backgrounds at once now that // we have the list of subplots that need them var lowerBackgrounds = fullLayout._bgLayer.selectAll('.bg') .data(lowerBackgroundIDs); lowerBackgrounds.enter().append('rect') .classed('bg', true); lowerBackgrounds.exit().remove(); lowerBackgrounds.each(function(subplot) { fullLayout._plots[subplot].bg = d3.select(this); }); var freeFinished = {}; subplotSelection.each(function(subplot) { var plotinfo = fullLayout._plots[subplot]; var xa = plotinfo.xaxis; var ya = plotinfo.yaxis; // reset scale in case the margins have changed xa.setScale(); ya.setScale(); if(plotinfo.bg && hasSVGCartesian) { plotinfo.bg .call(Drawing.setRect, xa._offset - pad, ya._offset - pad, xa._length + 2 * pad, ya._length + 2 * pad) .call(Color.fill, fullLayout.plot_bgcolor) .style('stroke-width', 0); } // Clip so that data only shows up on the plot area. plotinfo.clipId = 'clip' + fullLayout._uid + subplot + 'plot'; var plotClip = fullLayout._defs.selectAll('g.clips') .selectAll('#' + plotinfo.clipId) .data([0]); plotClip.enter().append('clipPath') .attr({ 'class': 'plotclip', 'id': plotinfo.clipId }) .append('rect'); plotClip.selectAll('rect') .attr({ 'width': xa._length, 'height': ya._length }); Drawing.setTranslate(plotinfo.plot, xa._offset, ya._offset); var plotClipId; var layerClipId; if(plotinfo._hasClipOnAxisFalse) { plotClipId = null; layerClipId = plotinfo.clipId; } else { plotClipId = plotinfo.clipId; layerClipId = null; } Drawing.setClipUrl(plotinfo.plot, plotClipId); for(i = 0; i < cartesianConstants.traceLayerClasses.length; i++) { var layer = cartesianConstants.traceLayerClasses[i]; if(layer !== 'scatterlayer') { plotinfo.plot.selectAll('g.' + layer).call(Drawing.setClipUrl, layerClipId); } } // stash layer clipId value (null or same as clipId) // to DRY up Drawing.setClipUrl calls downstream plotinfo.layerClipId = layerClipId; var xIsFree = !xa._anchorAxis; var showFreeX = xIsFree && !freeFinished[xa._id]; var showBottom = shouldShowLine(xa, ya, 'bottom'); var showTop = shouldShowLine(xa, ya, 'top'); var yIsFree = !ya._anchorAxis; var showFreeY = yIsFree && !freeFinished[ya._id]; var showLeft = shouldShowLine(ya, xa, 'left'); var showRight = shouldShowLine(ya, xa, 'right'); var xlw = Drawing.crispRound(gd, xa.linewidth, 1); var ylw = Drawing.crispRound(gd, ya.linewidth, 1); /* * x lines get longer where they meet y lines, to make a crisp corner. * The x lines get the padding (margin.pad) plus the y line width to * fill up the corner nicely. Free x lines are excluded - they always * span exactly the data area of the plot * * | XXXXX * | XXXXX * | * +------ * x1 * ----- * x2 */ var leftYLineWidth = findCounterAxisLineWidth(gd, xa, ylw, showLeft, 'left', axList); var xLinesXLeft = (!xIsFree && leftYLineWidth) ? (-pad - leftYLineWidth) : 0; var rightYLineWidth = findCounterAxisLineWidth(gd, xa, ylw, showRight, 'right', axList); var xLinesXRight = xa._length + ((!xIsFree && rightYLineWidth) ? (pad + rightYLineWidth) : 0); var xLinesYFree = gs.h * (1 - (xa.position || 0)) + ((xlw / 2) % 1); var xLinesYBottom = ya._length + pad + xlw / 2; var xLinesYTop = -pad - xlw / 2; /* * y lines that meet x axes get longer only by margin.pad, because * the x axes fill in the corner space. Free y axes, like free x axes, * always span exactly the data area of the plot * * | | XXXX * y2| y1| XXXX * | | XXXX * | * +----- */ var connectYBottom = !yIsFree && findCounterAxisLineWidth( gd, ya, xlw, showBottom, 'bottom', axList); var yLinesYBottom = ya._length + (connectYBottom ? pad : 0); var connectYTop = !yIsFree && findCounterAxisLineWidth( gd, ya, xlw, showTop, 'top', axList); var yLinesYTop = connectYTop ? -pad : 0; var yLinesXFree = gs.w * (ya.position || 0) + ((ylw / 2) % 1); var yLinesXLeft = -pad - ylw / 2; var yLinesXRight = xa._length + pad + ylw / 2; function xLinePath(y, showThis) { if(!showThis) return ''; return 'M' + xLinesXLeft + ',' + y + 'H' + xLinesXRight; } function yLinePath(x, showThis) { if(!showThis) return ''; return 'M' + x + ',' + yLinesYTop + 'V' + yLinesYBottom; } // save axis line positions for ticks, draggers, etc to reference // each subplot gets an entry: // [left or bottom, right or top, free, main] // main is the position at which to draw labels and draggers, if any xa._linepositions[subplot] = [ showBottom ? xLinesYBottom : undefined, showTop ? xLinesYTop : undefined, showFreeX ? xLinesYFree : undefined ]; if(xa._anchorAxis === ya) { xa._linepositions[subplot][3] = xa.side === 'top' ? xLinesYTop : xLinesYBottom; } else if(showFreeX) { xa._linepositions[subplot][3] = xLinesYFree; } ya._linepositions[subplot] = [ showLeft ? yLinesXLeft : undefined, showRight ? yLinesXRight : undefined, showFreeY ? yLinesXFree : undefined ]; if(ya._anchorAxis === xa) { ya._linepositions[subplot][3] = ya.side === 'right' ? yLinesXRight : yLinesXLeft; } else if(showFreeY) { ya._linepositions[subplot][3] = yLinesXFree; } // translate all the extra stuff to have the // same origin as the plot area or axes var origin = 'translate(' + xa._offset + ',' + ya._offset + ')'; var originX = origin; var originY = origin; if(showFreeX) { originX = 'translate(' + xa._offset + ',' + gs.t + ')'; xLinesYTop += ya._offset - gs.t; xLinesYBottom += ya._offset - gs.t; } if(showFreeY) { originY = 'translate(' + gs.l + ',' + ya._offset + ')'; yLinesXLeft += xa._offset - gs.l; yLinesXRight += xa._offset - gs.l; } if(hasSVGCartesian) { plotinfo.xlines .attr('transform', originX) .attr('d', ( xLinePath(xLinesYBottom, showBottom) + xLinePath(xLinesYTop, showTop) + xLinePath(xLinesYFree, showFreeX)) || // so it doesn't barf with no lines shown 'M0,0') .style('stroke-width', xlw + 'px') .call(Color.stroke, xa.showline ? xa.linecolor : 'rgba(0,0,0,0)'); plotinfo.ylines .attr('transform', originY) .attr('d', ( yLinePath(yLinesXLeft, showLeft) + yLinePath(yLinesXRight, showRight) + yLinePath(yLinesXFree, showFreeY)) || 'M0,0') .style('stroke-width', ylw + 'px') .call(Color.stroke, ya.showline ? ya.linecolor : 'rgba(0,0,0,0)'); } plotinfo.xaxislayer.attr('transform', originX); plotinfo.yaxislayer.attr('transform', originY); plotinfo.gridlayer.attr('transform', origin); plotinfo.zerolinelayer.attr('transform', origin); plotinfo.draglayer.attr('transform', origin); // mark free axes as displayed, so we don't draw them again if(showFreeX) freeFinished[xa._id] = 1; if(showFreeY) freeFinished[ya._id] = 1; }); Plotly.Axes.makeClipPaths(gd); exports.drawMainTitle(gd); ModeBar.manage(gd); return gd._promises.length && Promise.all(gd._promises); }; function shouldShowLine(ax, counterAx, side) { return (ax._anchorAxis === counterAx && (ax.mirror || ax.side === side)) || ax.mirror === 'all' || ax.mirror === 'allticks' || (ax.mirrors && ax.mirrors[counterAx._id + side]); } function findCounterAxes(gd, ax, axList) { var counterAxes = []; var anchorAx = ax._anchorAxis; if(anchorAx) { var counterMain = anchorAx._mainAxis; if(counterAxes.indexOf(counterMain) === -1) { counterAxes.push(counterMain); for(var i = 0; i < axList.length; i++) { if(axList[i].overlaying === counterMain._id && counterAxes.indexOf(axList[i]) === -1 ) { counterAxes.push(axList[i]); } } } } return counterAxes; } function findLineWidth(gd, axes, side) { for(var i = 0; i < axes.length; i++) { var ax = axes[i]; var anchorAx = ax._anchorAxis; if(anchorAx && shouldShowLine(ax, anchorAx, side)) { return Drawing.crispRound(gd, ax.linewidth); } } } function findCounterAxisLineWidth(gd, ax, subplotCounterLineWidth, subplotCounterIsShown, side, axList) { if(subplotCounterIsShown) return subplotCounterLineWidth; var i; // find all counteraxes for this one, then of these, find the // first one that has a visible line on this side var mainAxis = ax._mainAxis; var counterAxes = findCounterAxes(gd, mainAxis, axList); var lineWidth = findLineWidth(gd, counterAxes, side); if(lineWidth) return lineWidth; for(i = 0; i < axList.length; i++) { if(axList[i].overlaying === mainAxis._id) { counterAxes = findCounterAxes(gd, axList[i], axList); lineWidth = findLineWidth(gd, counterAxes, side); if(lineWidth) return lineWidth; } } return 0; } exports.drawMainTitle = function(gd) { var fullLayout = gd._fullLayout; Titles.draw(gd, 'gtitle', { propContainer: fullLayout, propName: 'title', dfltName: 'Plot', attributes: { x: fullLayout.width / 2, y: fullLayout._size.t / 2, 'text-anchor': 'middle' } }); }; // First, see if we need to do arraysToCalcdata // call it regardless of what change we made, in case // supplyDefaults brought in an array that was already // in gd.data but not in gd._fullData previously exports.doTraceStyle = function(gd) { for(var i = 0; i < gd.calcdata.length; i++) { var cdi = gd.calcdata[i], _module = ((cdi[0] || {}).trace || {})._module || {}, arraysToCalcdata = _module.arraysToCalcdata; if(arraysToCalcdata) arraysToCalcdata(cdi, cdi[0].trace); } Plots.style(gd); Registry.getComponentMethod('legend', 'draw')(gd); return Plots.previousPromises(gd); }; exports.doColorBars = function(gd) { for(var i = 0; i < gd.calcdata.length; i++) { var cdi0 = gd.calcdata[i][0]; if((cdi0.t || {}).cb) { var trace = cdi0.trace, cb = cdi0.t.cb; if(Registry.traceIs(trace, 'contour')) { cb.line({ width: trace.contours.showlines !== false ? trace.line.width : 0, dash: trace.line.dash, color: trace.contours.coloring === 'line' ? cb._opts.line.color : trace.line.color }); } if(Registry.traceIs(trace, 'markerColorscale')) { cb.options(trace.marker.colorbar)(); } else cb.options(trace.colorbar)(); } } return Plots.previousPromises(gd); }; // force plot() to redo the layout and replot with the modified layout exports.layoutReplot = function(gd) { var layout = gd.layout; gd.layout = undefined; return Plotly.plot(gd, '', layout); }; exports.doLegend = function(gd) { Registry.getComponentMethod('legend', 'draw')(gd); return Plots.previousPromises(gd); }; exports.doTicksRelayout = function(gd) { Plotly.Axes.doTicks(gd, 'redraw'); exports.drawMainTitle(gd); return Plots.previousPromises(gd); }; exports.doModeBar = function(gd) { var fullLayout = gd._fullLayout; var subplotIds, subplotObj, i; ModeBar.manage(gd); initInteractions(gd); subplotIds = Plots.getSubplotIds(fullLayout, 'gl3d'); for(i = 0; i < subplotIds.length; i++) { subplotObj = fullLayout[subplotIds[i]]._scene; subplotObj.updateFx(fullLayout.dragmode, fullLayout.hovermode); } subplotIds = Plots.getSubplotIds(fullLayout, 'gl2d'); for(i = 0; i < subplotIds.length; i++) { subplotObj = fullLayout._plots[subplotIds[i]]._scene2d; subplotObj.updateFx(fullLayout.dragmode); } subplotIds = Plots.getSubplotIds(fullLayout, 'mapbox'); for(i = 0; i < subplotIds.length; i++) { subplotObj = fullLayout[subplotIds[i]]._subplot; subplotObj.updateFx(fullLayout); } return Plots.previousPromises(gd); }; exports.doCamera = function(gd) { var fullLayout = gd._fullLayout, sceneIds = Plots.getSubplotIds(fullLayout, 'gl3d'); for(var i = 0; i < sceneIds.length; i++) { var sceneLayout = fullLayout[sceneIds[i]], scene = sceneLayout._scene; scene.setCamera(sceneLayout.camera); } }; },{"../components/color":34,"../components/drawing":58,"../components/modebar":94,"../components/titles":123,"../lib":147,"../plotly":178,"../plots/cartesian/constants":188,"../plots/cartesian/graph_interact":192,"../plots/plots":212,"../registry":219,"d3":7}],176:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var Plotly = require('../plotly'); var Lib = require('../lib'); var helpers = require('../snapshot/helpers'); var clonePlot = require('../snapshot/cloneplot'); var toSVG = require('../snapshot/tosvg'); var svgToImg = require('../snapshot/svgtoimg'); /** * @param {object} gd figure Object * @param {object} opts option object * @param opts.format 'jpeg' | 'png' | 'webp' | 'svg' * @param opts.width width of snapshot in px * @param opts.height height of snapshot in px */ function toImage(gd, opts) { var promise = new Promise(function(resolve, reject) { // check for undefined opts opts = opts || {}; // default to png opts.format = opts.format || 'png'; var isSizeGood = function(size) { // undefined and null are valid options if(size === undefined || size === null) { return true; } if(isNumeric(size) && size > 1) { return true; } return false; }; if(!isSizeGood(opts.width) || !isSizeGood(opts.height)) { reject(new Error('Height and width should be pixel values.')); } // first clone the GD so we can operate in a clean environment var clone = clonePlot(gd, {format: 'png', height: opts.height, width: opts.width}); var clonedGd = clone.gd; // put the cloned div somewhere off screen before attaching to DOM clonedGd.style.position = 'absolute'; clonedGd.style.left = '-5000px'; document.body.appendChild(clonedGd); function wait() { var delay = helpers.getDelay(clonedGd._fullLayout); return new Promise(function(resolve, reject) { setTimeout(function() { var svg = toSVG(clonedGd); var canvas = document.createElement('canvas'); canvas.id = Lib.randstr(); svgToImg({ format: opts.format, width: clonedGd._fullLayout.width, height: clonedGd._fullLayout.height, canvas: canvas, svg: svg, // ask svgToImg to return a Promise // rather than EventEmitter // leave EventEmitter for backward // compatibility promise: true }).then(function(url) { if(clonedGd) document.body.removeChild(clonedGd); resolve(url); }).catch(function(err) { reject(err); }); }, delay); }); } var redrawFunc = helpers.getRedrawFunc(clonedGd); Plotly.plot(clonedGd, clone.data, clone.layout, clone.config) .then(redrawFunc) .then(wait) .then(function(url) { resolve(url); }) .catch(function(err) { reject(err); }); }); return promise; } module.exports = toImage; },{"../lib":147,"../plotly":178,"../snapshot/cloneplot":220,"../snapshot/helpers":223,"../snapshot/svgtoimg":225,"../snapshot/tosvg":227,"fast-isnumeric":10}],177:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../lib'); var Plots = require('../plots/plots'); var PlotSchema = require('./plot_schema'); var isPlainObject = Lib.isPlainObject; var isArray = Array.isArray; /** * Validate a data array and layout object. * * @param {array} data * @param {object} layout * * @return {array} array of error objects each containing: * - {string} code * error code ('object', 'array', 'schema', 'unused', 'invisible' or 'value') * - {string} container * container where the error occurs ('data' or 'layout') * - {number} trace * trace index of the 'data' container where the error occurs * - {array} path * nested path to the key that causes the error * - {string} astr * attribute string variant of 'path' compatible with Plotly.restyle and * Plotly.relayout. * - {string} msg * error message (shown in console in logger config argument is enable) */ module.exports = function valiate(data, layout) { var schema = PlotSchema.get(), errorList = [], gd = {}; var dataIn, layoutIn; if(isArray(data)) { gd.data = Lib.extendDeep([], data); dataIn = data; } else { gd.data = []; dataIn = []; errorList.push(format('array', 'data')); } if(isPlainObject(layout)) { gd.layout = Lib.extendDeep({}, layout); layoutIn = layout; } else { gd.layout = {}; layoutIn = {}; if(arguments.length > 1) { errorList.push(format('object', 'layout')); } } // N.B. dataIn and layoutIn are in general not the same as // gd.data and gd.layout after supplyDefaults as some attributes // in gd.data and gd.layout (still) get mutated during this step. Plots.supplyDefaults(gd); var dataOut = gd._fullData, len = dataIn.length; for(var i = 0; i < len; i++) { var traceIn = dataIn[i], base = ['data', i]; if(!isPlainObject(traceIn)) { errorList.push(format('object', base)); continue; } var traceOut = dataOut[i], traceType = traceOut.type, traceSchema = schema.traces[traceType].attributes; // PlotSchema does something fancy with trace 'type', reset it here // to make the trace schema compatible with Lib.validate. traceSchema.type = { valType: 'enumerated', values: [traceType] }; if(traceOut.visible === false && traceIn.visible !== false) { errorList.push(format('invisible', base)); } crawl(traceIn, traceOut, traceSchema, errorList, base); var transformsIn = traceIn.transforms, transformsOut = traceOut.transforms; if(transformsIn) { if(!isArray(transformsIn)) { errorList.push(format('array', base, ['transforms'])); } base.push('transforms'); for(var j = 0; j < transformsIn.length; j++) { var path = ['transforms', j], transformType = transformsIn[j].type; if(!isPlainObject(transformsIn[j])) { errorList.push(format('object', base, path)); continue; } var transformSchema = schema.transforms[transformType] ? schema.transforms[transformType].attributes : {}; // add 'type' to transform schema to validate the transform type transformSchema.type = { valType: 'enumerated', values: Object.keys(schema.transforms) }; crawl(transformsIn[j], transformsOut[j], transformSchema, errorList, base, path); } } } var layoutOut = gd._fullLayout, layoutSchema = fillLayoutSchema(schema, dataOut); crawl(layoutIn, layoutOut, layoutSchema, errorList, 'layout'); // return undefined if no validation errors were found return (errorList.length === 0) ? void(0) : errorList; }; function crawl(objIn, objOut, schema, list, base, path) { path = path || []; var keys = Object.keys(objIn); for(var i = 0; i < keys.length; i++) { var k = keys[i]; // transforms are handled separately if(k === 'transforms') continue; var p = path.slice(); p.push(k); var valIn = objIn[k], valOut = objOut[k]; var nestedSchema = getNestedSchema(schema, k), isInfoArray = (nestedSchema || {}).valType === 'info_array', isColorscale = (nestedSchema || {}).valType === 'colorscale'; if(!isInSchema(schema, k)) { list.push(format('schema', base, p)); } else if(isPlainObject(valIn) && isPlainObject(valOut)) { crawl(valIn, valOut, nestedSchema, list, base, p); } else if(nestedSchema.items && !isInfoArray && isArray(valIn)) { var items = nestedSchema.items, _nestedSchema = items[Object.keys(items)[0]], indexList = []; var j, _p; // loop over valOut items while keeping track of their // corresponding input container index (given by _index) for(j = 0; j < valOut.length; j++) { var _index = valOut[j]._index || j; _p = p.slice(); _p.push(_index); if(isPlainObject(valIn[_index]) && isPlainObject(valOut[j])) { indexList.push(_index); crawl(valIn[_index], valOut[j], _nestedSchema, list, base, _p); } } // loop over valIn to determine where it went wrong for some items for(j = 0; j < valIn.length; j++) { _p = p.slice(); _p.push(j); if(!isPlainObject(valIn[j])) { list.push(format('object', base, _p, valIn[j])); } else if(indexList.indexOf(j) === -1) { list.push(format('unused', base, _p)); } } } else if(!isPlainObject(valIn) && isPlainObject(valOut)) { list.push(format('object', base, p, valIn)); } else if(!isArray(valIn) && isArray(valOut) && !isInfoArray && !isColorscale) { list.push(format('array', base, p, valIn)); } else if(!(k in objOut)) { list.push(format('unused', base, p, valIn)); } else if(!Lib.validate(valIn, nestedSchema)) { list.push(format('value', base, p, valIn)); } else if(nestedSchema.valType === 'enumerated' && ((nestedSchema.coerceNumber && valIn !== +valOut) || valIn !== valOut) ) { list.push(format('dynamic', base, p, valIn, valOut)); } } return list; } // the 'full' layout schema depends on the traces types presents function fillLayoutSchema(schema, dataOut) { for(var i = 0; i < dataOut.length; i++) { var traceType = dataOut[i].type, traceLayoutAttr = schema.traces[traceType].layoutAttributes; if(traceLayoutAttr) { Lib.extendFlat(schema.layout.layoutAttributes, traceLayoutAttr); } } return schema.layout.layoutAttributes; } // validation error codes var code2msgFunc = { object: function(base, astr) { var prefix; if(base === 'layout' && astr === '') prefix = 'The layout argument'; else if(base[0] === 'data' && astr === '') { prefix = 'Trace ' + base[1] + ' in the data argument'; } else prefix = inBase(base) + 'key ' + astr; return prefix + ' must be linked to an object container'; }, array: function(base, astr) { var prefix; if(base === 'data') prefix = 'The data argument'; else prefix = inBase(base) + 'key ' + astr; return prefix + ' must be linked to an array container'; }, schema: function(base, astr) { return inBase(base) + 'key ' + astr + ' is not part of the schema'; }, unused: function(base, astr, valIn) { var target = isPlainObject(valIn) ? 'container' : 'key'; return inBase(base) + target + ' ' + astr + ' did not get coerced'; }, dynamic: function(base, astr, valIn, valOut) { return [ inBase(base) + 'key', astr, '(set to \'' + valIn + '\')', 'got reset to', '\'' + valOut + '\'', 'during defaults.' ].join(' '); }, invisible: function(base) { return 'Trace ' + base[1] + ' got defaulted to be not visible'; }, value: function(base, astr, valIn) { return [ inBase(base) + 'key ' + astr, 'is set to an invalid value (' + valIn + ')' ].join(' '); } }; function inBase(base) { if(isArray(base)) return 'In data trace ' + base[1] + ', '; return 'In ' + base + ', '; } function format(code, base, path, valIn, valOut) { path = path || ''; var container, trace; // container is either 'data' or 'layout // trace is the trace index if 'data', null otherwise if(isArray(base)) { container = base[0]; trace = base[1]; } else { container = base; trace = null; } var astr = convertPathToAttributeString(path); var msg = code2msgFunc[code](base, astr, valIn, valOut); // log to console if logger config option is enabled Lib.log(msg); return { code: code, container: container, trace: trace, path: path, astr: astr, msg: msg }; } function isInSchema(schema, key) { var parts = splitKey(key), keyMinusId = parts.keyMinusId, id = parts.id; if((keyMinusId in schema) && schema[keyMinusId]._isSubplotObj && id) { return true; } return (key in schema); } function getNestedSchema(schema, key) { var parts = splitKey(key); return schema[parts.keyMinusId]; } function splitKey(key) { var idRegex = /([2-9]|[1-9][0-9]+)$/; var keyMinusId = key.split(idRegex)[0], id = key.substr(keyMinusId.length, key.length); return { keyMinusId: keyMinusId, id: id }; } function convertPathToAttributeString(path) { if(!isArray(path)) return String(path); var astr = ''; for(var i = 0; i < path.length; i++) { var p = path[i]; if(typeof p === 'number') { astr = astr.substr(0, astr.length - 1) + '[' + p + ']'; } else { astr += p; } if(i < path.length - 1) astr += '.'; } return astr; } },{"../lib":147,"../plots/plots":212,"./plot_schema":172}],178:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; /* * Pack internal modules unto an object. * * This object is require'ed in as 'Plotly' in numerous src and test files. * Require'ing 'Plotly' bypasses circular dependencies. * * Future development should move away from this pattern. * */ // configuration exports.defaultConfig = require('./plot_api/plot_config'); // plots exports.Plots = require('./plots/plots'); exports.Axes = require('./plots/cartesian/axes'); // components exports.ModeBar = require('./components/modebar'); // plot api require('./plot_api/plot_api'); },{"./components/modebar":94,"./plot_api/plot_api":170,"./plot_api/plot_config":171,"./plots/cartesian/axes":183,"./plots/plots":212}],179:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { mode: { valType: 'enumerated', dflt: 'afterall', values: ['immediate', 'next', 'afterall'], }, direction: { valType: 'enumerated', values: ['forward', 'reverse'], dflt: 'forward', }, fromcurrent: { valType: 'boolean', dflt: false, }, frame: { duration: { valType: 'number', min: 0, dflt: 500, }, redraw: { valType: 'boolean', dflt: true, }, }, transition: { duration: { valType: 'number', min: 0, dflt: 500, }, easing: { valType: 'enumerated', dflt: 'cubic-in-out', values: [ 'linear', 'quad', 'cubic', 'sin', 'exp', 'circle', 'elastic', 'back', 'bounce', 'linear-in', 'quad-in', 'cubic-in', 'sin-in', 'exp-in', 'circle-in', 'elastic-in', 'back-in', 'bounce-in', 'linear-out', 'quad-out', 'cubic-out', 'sin-out', 'exp-out', 'circle-out', 'elastic-out', 'back-out', 'bounce-out', 'linear-in-out', 'quad-in-out', 'cubic-in-out', 'sin-in-out', 'exp-in-out', 'circle-in-out', 'elastic-in-out', 'back-in-out', 'bounce-in-out' ], }, } }; },{}],180:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../lib'); /** Convenience wrapper for making array container logic DRY and consistent * * @param {object} parentObjIn * user input object where the container in question is linked * (i.e. either a user trace object or the user layout object) * * @param {object} parentObjOut * full object where the coerced container will be linked * (i.e. either a full trace object or the full layout object) * * @param {object} opts * options object: * - name {string} * name of the key linking the container in question * - handleItemDefaults {function} * defaults method to be called on each item in the array container in question * * Its arguments are: * - itemIn {object} item in user layout * - itemOut {object} item in full layout * - parentObj {object} (as in closure) * - opts {object} (as in closure) * - itemOpts {object} * - itemIsNotPlainObject {boolean} * N.B. * * - opts is passed to handleItemDefaults so it can also store * links to supplementary data (e.g. fullData for layout components) * */ module.exports = function handleArrayContainerDefaults(parentObjIn, parentObjOut, opts) { var name = opts.name; var previousContOut = parentObjOut[name]; var contIn = Lib.isArray(parentObjIn[name]) ? parentObjIn[name] : [], contOut = parentObjOut[name] = [], i; for(i = 0; i < contIn.length; i++) { var itemIn = contIn[i], itemOut = {}, itemOpts = {}; if(!Lib.isPlainObject(itemIn)) { itemOpts.itemIsNotPlainObject = true; itemIn = {}; } opts.handleItemDefaults(itemIn, itemOut, parentObjOut, opts, itemOpts); itemOut._input = itemIn; itemOut._index = i; contOut.push(itemOut); } // in case this array gets its defaults rebuilt independent of the whole layout, // relink the private keys just for this array. if(Lib.isArray(previousContOut)) { var len = Math.min(previousContOut.length, contOut.length); for(i = 0; i < len; i++) { Lib.relinkPrivateKeys(contOut[i], previousContOut[i]); } } }; },{"../lib":147}],181:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var fxAttrs = require('../components/fx/attributes'); module.exports = { type: { valType: 'enumerated', values: [], // listed dynamically dflt: 'scatter' }, visible: { valType: 'enumerated', values: [true, false, 'legendonly'], dflt: true, }, showlegend: { valType: 'boolean', dflt: true, }, legendgroup: { valType: 'string', dflt: '', }, opacity: { valType: 'number', min: 0, max: 1, dflt: 1, }, name: { valType: 'string', }, uid: { valType: 'string', dflt: '' }, ids: { valType: 'data_array', }, customdata: { valType: 'data_array', }, hoverinfo: { valType: 'flaglist', flags: ['x', 'y', 'z', 'text', 'name'], extras: ['all', 'none', 'skip'], arrayOk: true, dflt: 'all', }, hoverlabel: fxAttrs.hoverlabel, stream: { token: { valType: 'string', noBlank: true, strict: true, }, maxpoints: { valType: 'number', min: 0, max: 10000, dflt: 500, } } }; },{"../components/fx/attributes":67}],182:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { xaxis: { valType: 'subplotid', dflt: 'x', }, yaxis: { valType: 'subplotid', dflt: 'y', } }; },{}],183:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var isNumeric = require('fast-isnumeric'); var Registry = require('../../registry'); var Lib = require('../../lib'); var svgTextUtils = require('../../lib/svg_text_utils'); var Titles = require('../../components/titles'); var Color = require('../../components/color'); var Drawing = require('../../components/drawing'); var constants = require('../../constants/numerical'); var FP_SAFE = constants.FP_SAFE; var ONEAVGYEAR = constants.ONEAVGYEAR; var ONEAVGMONTH = constants.ONEAVGMONTH; var ONEDAY = constants.ONEDAY; var ONEHOUR = constants.ONEHOUR; var ONEMIN = constants.ONEMIN; var ONESEC = constants.ONESEC; var MID_SHIFT = require('../../constants/alignment').MID_SHIFT; var axes = module.exports = {}; axes.layoutAttributes = require('./layout_attributes'); axes.supplyLayoutDefaults = require('./layout_defaults'); axes.setConvert = require('./set_convert'); var autoType = require('./axis_autotype'); var axisIds = require('./axis_ids'); axes.id2name = axisIds.id2name; axes.cleanId = axisIds.cleanId; axes.list = axisIds.list; axes.listIds = axisIds.listIds; axes.getFromId = axisIds.getFromId; axes.getFromTrace = axisIds.getFromTrace; /* * find the list of possible axes to reference with an xref or yref attribute * and coerce it to that list * * attr: the attribute we're generating a reference for. Should end in 'x' or 'y' * but can be prefixed, like 'ax' for annotation's arrow x * dflt: the default to coerce to, or blank to use the first axis (falling back on * extraOption if there is no axis) * extraOption: aside from existing axes with this letter, what non-axis value is allowed? * Only required if it's different from `dflt` */ axes.coerceRef = function(containerIn, containerOut, gd, attr, dflt, extraOption) { var axLetter = attr.charAt(attr.length - 1), axlist = axes.listIds(gd, axLetter), refAttr = attr + 'ref', attrDef = {}; if(!dflt) dflt = axlist[0] || extraOption; if(!extraOption) extraOption = dflt; // data-ref annotations are not supported in gl2d yet attrDef[refAttr] = { valType: 'enumerated', values: axlist.concat(extraOption ? [extraOption] : []), dflt: dflt }; // xref, yref return Lib.coerce(containerIn, containerOut, attrDef, refAttr); }; /* * coerce position attributes (range-type) that can be either on axes or absolute * (paper or pixel) referenced. The biggest complication here is that we don't know * before looking at the axis whether the value must be a number or not (it may be * a date string), so we can't use the regular valType='number' machinery * * axRef (string): the axis this position is referenced to, or: * paper: fraction of the plot area * pixel: pixels relative to some starting position * attr (string): the attribute in containerOut we are coercing * dflt (number): the default position, as a fraction or pixels. If the attribute * is to be axis-referenced, this will be converted to an axis data value * * Also cleans the values, since the attribute definition itself has to say * valType: 'any' to handle date axes. This allows us to accept: * - for category axes: category names, and convert them here into serial numbers. * Note that this will NOT work for axis range endpoints, because we don't know * the category list yet (it's set by ax.makeCalcdata during calc) * but it works for component (note, shape, images) positions. * - for date axes: JS Dates or milliseconds, and convert to date strings * - for other types: coerce them to numbers */ axes.coercePosition = function(containerOut, gd, coerce, axRef, attr, dflt) { var cleanPos, pos; if(axRef === 'paper' || axRef === 'pixel') { cleanPos = Lib.ensureNumber; pos = coerce(attr, dflt); } else { var ax = axes.getFromId(gd, axRef); dflt = ax.fraction2r(dflt); pos = coerce(attr, dflt); cleanPos = ax.cleanPos; } containerOut[attr] = cleanPos(pos); }; axes.cleanPosition = function(pos, gd, axRef) { var cleanPos = (axRef === 'paper' || axRef === 'pixel') ? Lib.ensureNumber : axes.getFromId(gd, axRef).cleanPos; return cleanPos(pos); }; axes.getDataToCoordFunc = function(gd, trace, target, targetArray) { var ax; // If target points to an axis, use the type we already have for that // axis to find the data type. Otherwise use the values to autotype. var d2cTarget = (target === 'x' || target === 'y' || target === 'z') ? target : targetArray; // In the case of an array target, make a mock data array // and call supplyDefaults to the data type and // setup the data-to-calc method. if(Array.isArray(d2cTarget)) { ax = { type: autoType(targetArray), _categories: [] }; axes.setConvert(ax); // build up ax._categories (usually done during ax.makeCalcdata() if(ax.type === 'category') { for(var i = 0; i < targetArray.length; i++) { ax.d2c(targetArray[i]); } } } else { ax = axes.getFromTrace(gd, trace, d2cTarget); } // if 'target' has corresponding axis // -> use setConvert method if(ax) return ax.d2c; // special case for 'ids' // -> cast to String if(d2cTarget === 'ids') return function(v) { return String(v); }; // otherwise (e.g. numeric-array of 'marker.color' or 'marker.size') // -> cast to Number return function(v) { return +v; }; }; // empty out types for all axes containing these traces // so we auto-set them again axes.clearTypes = function(gd, traces) { if(!Array.isArray(traces) || !traces.length) { traces = (gd._fullData).map(function(d, i) { return i; }); } traces.forEach(function(tracenum) { var trace = gd.data[tracenum]; delete (axes.getFromId(gd, trace.xaxis) || {}).type; delete (axes.getFromId(gd, trace.yaxis) || {}).type; }); }; // get counteraxis letter for this axis (name or id) // this can also be used as the id for default counter axis axes.counterLetter = function(id) { var axLetter = id.charAt(0); if(axLetter === 'x') return 'y'; if(axLetter === 'y') return 'x'; }; // incorporate a new minimum difference and first tick into // forced // note that _forceTick0 is linearized, so needs to be turned into // a range value for setting tick0 axes.minDtick = function(ax, newDiff, newFirst, allow) { // doesn't make sense to do forced min dTick on log or category axes, // and the plot itself may decide to cancel (ie non-grouped bars) if(['log', 'category'].indexOf(ax.type) !== -1 || !allow) { ax._minDtick = 0; } // undefined means there's nothing there yet else if(ax._minDtick === undefined) { ax._minDtick = newDiff; ax._forceTick0 = newFirst; } else if(ax._minDtick) { // existing minDtick is an integer multiple of newDiff // (within rounding err) // and forceTick0 can be shifted to newFirst if((ax._minDtick / newDiff + 1e-6) % 1 < 2e-6 && (((newFirst - ax._forceTick0) / newDiff % 1) + 1.000001) % 1 < 2e-6) { ax._minDtick = newDiff; ax._forceTick0 = newFirst; } // if the converse is true (newDiff is a multiple of minDtick and // newFirst can be shifted to forceTick0) then do nothing - same // forcing stands. Otherwise, cancel forced minimum else if((newDiff / ax._minDtick + 1e-6) % 1 > 2e-6 || (((newFirst - ax._forceTick0) / ax._minDtick % 1) + 1.000001) % 1 > 2e-6) { ax._minDtick = 0; } } }; // Find the autorange for this axis // // assumes ax._min and ax._max have already been set by calling axes.expand // using calcdata from all traces. These are arrays of: // {val: calcdata value, pad: extra pixels beyond this value} // // Returns an array of [min, max]. These are calcdata for log and category axes // and data for linear and date axes. // // TODO: we want to change log to data as well, but it's hard to do this // maintaining backward compatibility. category will always have to use calcdata // though, because otherwise values between categories (or outside all categories) // would be impossible. axes.getAutoRange = function(ax) { var newRange = []; var minmin = ax._min[0].val, maxmax = ax._max[0].val, i; for(i = 1; i < ax._min.length; i++) { if(minmin !== maxmax) break; minmin = Math.min(minmin, ax._min[i].val); } for(i = 1; i < ax._max.length; i++) { if(minmin !== maxmax) break; maxmax = Math.max(maxmax, ax._max[i].val); } var j, minpt, maxpt, minbest, maxbest, dp, dv, mbest = 0, axReverse = false; if(ax.range) { var rng = Lib.simpleMap(ax.range, ax.r2l); axReverse = rng[1] < rng[0]; } // one-time setting to easily reverse the axis // when plotting from code if(ax.autorange === 'reversed') { axReverse = true; ax.autorange = true; } for(i = 0; i < ax._min.length; i++) { minpt = ax._min[i]; for(j = 0; j < ax._max.length; j++) { maxpt = ax._max[j]; dv = maxpt.val - minpt.val; dp = ax._length - minpt.pad - maxpt.pad; if(dv > 0 && dp > 0 && dv / dp > mbest) { minbest = minpt; maxbest = maxpt; mbest = dv / dp; } } } if(minmin === maxmax) { var lower = minmin - 1; var upper = minmin + 1; if(ax.rangemode === 'tozero') { newRange = minmin < 0 ? [lower, 0] : [0, upper]; } else if(ax.rangemode === 'nonnegative') { newRange = [Math.max(0, lower), Math.max(0, upper)]; } else { newRange = [lower, upper]; } } else if(mbest) { if(ax.type === 'linear' || ax.type === '-') { if(ax.rangemode === 'tozero') { if(minbest.val >= 0) { minbest = {val: 0, pad: 0}; } if(maxbest.val <= 0) { maxbest = {val: 0, pad: 0}; } } else if(ax.rangemode === 'nonnegative') { if(minbest.val - mbest * minbest.pad < 0) { minbest = {val: 0, pad: 0}; } if(maxbest.val < 0) { maxbest = {val: 1, pad: 0}; } } // in case it changed again... mbest = (maxbest.val - minbest.val) / (ax._length - minbest.pad - maxbest.pad); } newRange = [ minbest.val - mbest * minbest.pad, maxbest.val + mbest * maxbest.pad ]; } // don't let axis have zero size, while still respecting tozero and nonnegative if(newRange[0] === newRange[1]) { if(ax.rangemode === 'tozero') { if(newRange[0] < 0) { newRange = [newRange[0], 0]; } else if(newRange[0] > 0) { newRange = [0, newRange[0]]; } else { newRange = [0, 1]; } } else { newRange = [newRange[0] - 1, newRange[0] + 1]; if(ax.rangemode === 'nonnegative') { newRange[0] = Math.max(0, newRange[0]); } } } // maintain reversal if(axReverse) newRange.reverse(); return Lib.simpleMap(newRange, ax.l2r || Number); }; axes.doAutoRange = function(ax) { if(!ax._length) ax.setScale(); // TODO do we really need this? var hasDeps = (ax._min && ax._max && ax._min.length && ax._max.length); if(ax.autorange && hasDeps) { ax.range = axes.getAutoRange(ax); ax._r = ax.range.slice(); ax._rl = Lib.simpleMap(ax._r, ax.r2l); // doAutoRange will get called on fullLayout, // but we want to report its results back to layout var axIn = ax._input; axIn.range = ax.range.slice(); axIn.autorange = ax.autorange; } }; // save a copy of the initial axis ranges in fullLayout // use them in mode bar and dblclick events axes.saveRangeInitial = function(gd, overwrite) { var axList = axes.list(gd, '', true), hasOneAxisChanged = false; for(var i = 0; i < axList.length; i++) { var ax = axList[i]; var isNew = (ax._rangeInitial === undefined); var hasChanged = ( isNew || !( ax.range[0] === ax._rangeInitial[0] && ax.range[1] === ax._rangeInitial[1] ) ); if((isNew && ax.autorange === false) || (overwrite && hasChanged)) { ax._rangeInitial = ax.range.slice(); hasOneAxisChanged = true; } } return hasOneAxisChanged; }; // save a copy of the initial spike visibility axes.saveShowSpikeInitial = function(gd, overwrite) { var axList = axes.list(gd, '', true), hasOneAxisChanged = false, allEnabled = 'on'; for(var i = 0; i < axList.length; i++) { var ax = axList[i]; var isNew = (ax._showSpikeInitial === undefined); var hasChanged = ( isNew || !( ax.showspikes === ax._showspikes ) ); if((isNew) || (overwrite && hasChanged)) { ax._showSpikeInitial = ax.showspikes; hasOneAxisChanged = true; } if(allEnabled === 'on' && !ax.showspikes) { allEnabled = 'off'; } } gd._fullLayout._cartesianSpikesEnabled = allEnabled; return hasOneAxisChanged; }; // axes.expand: if autoranging, include new data in the outer limits // for this axis // data is an array of numbers (ie already run through ax.d2c) // available options: // vpad: (number or number array) pad values (data value +-vpad) // ppad: (number or number array) pad pixels (pixel location +-ppad) // ppadplus, ppadminus, vpadplus, vpadminus: // separate padding for each side, overrides symmetric // padded: (boolean) add 5% padding to both ends // (unless one end is overridden by tozero) // tozero: (boolean) make sure to include zero if axis is linear, // and make it a tight bound if possible axes.expand = function(ax, data, options) { var needsAutorange = ( ax.autorange || !!Lib.nestedProperty(ax, 'rangeslider.autorange').get() ); if(!needsAutorange || !data) return; if(!ax._min) ax._min = []; if(!ax._max) ax._max = []; if(!options) options = {}; if(!ax._m) ax.setScale(); var len = data.length, extrappad = options.padded ? ax._length * 0.05 : 0, tozero = options.tozero && (ax.type === 'linear' || ax.type === '-'), i, j, v, di, dmin, dmax, ppadiplus, ppadiminus, includeThis, vmin, vmax; // domain-constrained axes: base extrappad on the unconstrained // domain so it's consistent as the domain changes if(extrappad && (ax.constrain === 'domain') && ax._inputDomain) { extrappad *= (ax._inputDomain[1] - ax._inputDomain[0]) / (ax.domain[1] - ax.domain[0]); } function getPad(item) { if(Array.isArray(item)) { return function(i) { return Math.max(Number(item[i]||0), 0); }; } else { var v = Math.max(Number(item||0), 0); return function() { return v; }; } } var ppadplus = getPad((ax._m > 0 ? options.ppadplus : options.ppadminus) || options.ppad || 0), ppadminus = getPad((ax._m > 0 ? options.ppadminus : options.ppadplus) || options.ppad || 0), vpadplus = getPad(options.vpadplus || options.vpad), vpadminus = getPad(options.vpadminus || options.vpad); function addItem(i) { di = data[i]; if(!isNumeric(di)) return; ppadiplus = ppadplus(i) + extrappad; ppadiminus = ppadminus(i) + extrappad; vmin = di - vpadminus(i); vmax = di + vpadplus(i); // special case for log axes: if vpad makes this object span // more than an order of mag, clip it to one order. This is so // we don't have non-positive errors or absurdly large lower // range due to rounding errors if(ax.type === 'log' && vmin < vmax / 10) { vmin = vmax / 10; } dmin = ax.c2l(vmin); dmax = ax.c2l(vmax); if(tozero) { dmin = Math.min(0, dmin); dmax = Math.max(0, dmax); } // In order to stop overflow errors, don't consider points // too close to the limits of js floating point function goodNumber(v) { return isNumeric(v) && Math.abs(v) < FP_SAFE; } if(goodNumber(dmin)) { includeThis = true; // take items v from ax._min and compare them to the // presently active point: // - if the item supercedes the new point, set includethis false // - if the new pt supercedes the item, delete it from ax._min for(j = 0; j < ax._min.length && includeThis; j++) { v = ax._min[j]; if(v.val <= dmin && v.pad >= ppadiminus) { includeThis = false; } else if(v.val >= dmin && v.pad <= ppadiminus) { ax._min.splice(j, 1); j--; } } if(includeThis) { ax._min.push({ val: dmin, pad: (tozero && dmin === 0) ? 0 : ppadiminus }); } } if(goodNumber(dmax)) { includeThis = true; for(j = 0; j < ax._max.length && includeThis; j++) { v = ax._max[j]; if(v.val >= dmax && v.pad >= ppadiplus) { includeThis = false; } else if(v.val <= dmax && v.pad <= ppadiplus) { ax._max.splice(j, 1); j--; } } if(includeThis) { ax._max.push({ val: dmax, pad: (tozero && dmax === 0) ? 0 : ppadiplus }); } } } // For efficiency covering monotonic or near-monotonic data, // check a few points at both ends first and then sweep // through the middle for(i = 0; i < 6; i++) addItem(i); for(i = len - 1; i > 5; i--) addItem(i); }; axes.autoBin = function(data, ax, nbins, is2d, calendar) { var dataMin = Lib.aggNums(Math.min, null, data), dataMax = Lib.aggNums(Math.max, null, data); if(!calendar) calendar = ax.calendar; if(ax.type === 'category') { return { start: dataMin - 0.5, end: dataMax + 0.5, size: 1 }; } var size0; if(nbins) size0 = ((dataMax - dataMin) / nbins); else { // totally auto: scale off std deviation so the highest bin is // somewhat taller than the total number of bins, but don't let // the size get smaller than the 'nice' rounded down minimum // difference between values var distinctData = Lib.distinctVals(data), msexp = Math.pow(10, Math.floor( Math.log(distinctData.minDiff) / Math.LN10)), minSize = msexp * Lib.roundUp( distinctData.minDiff / msexp, [0.9, 1.9, 4.9, 9.9], true); size0 = Math.max(minSize, 2 * Lib.stdev(data) / Math.pow(data.length, is2d ? 0.25 : 0.4)); // fallback if ax.d2c output BADNUMs // e.g. when user try to plot categorical bins // on a layout.xaxis.type: 'linear' if(!isNumeric(size0)) size0 = 1; } // piggyback off autotick code to make "nice" bin sizes var dummyAx; if(ax.type === 'log') { dummyAx = { type: 'linear', range: [dataMin, dataMax] }; } else { dummyAx = { type: ax.type, range: Lib.simpleMap([dataMin, dataMax], ax.c2r, 0, calendar), calendar: calendar }; } axes.setConvert(dummyAx); axes.autoTicks(dummyAx, size0); var binStart = axes.tickIncrement( axes.tickFirst(dummyAx), dummyAx.dtick, 'reverse', calendar), binEnd; // check for too many data points right at the edges of bins // (>50% within 1% of bin edges) or all data points integral // and offset the bins accordingly if(typeof dummyAx.dtick === 'number') { binStart = autoShiftNumericBins(binStart, data, dummyAx, dataMin, dataMax); var bincount = 1 + Math.floor((dataMax - binStart) / dummyAx.dtick); binEnd = binStart + bincount * dummyAx.dtick; } else { // month ticks - should be the only nonlinear kind we have at this point. // dtick (as supplied by axes.autoTick) only has nonlinear values on // date and log axes, but even if you display a histogram on a log axis // we bin it on a linear axis (which one could argue against, but that's // a separate issue) if(dummyAx.dtick.charAt(0) === 'M') { binStart = autoShiftMonthBins(binStart, data, dummyAx.dtick, dataMin, calendar); } // calculate the endpoint for nonlinear ticks - you have to // just increment until you're done binEnd = binStart; while(binEnd <= dataMax) { binEnd = axes.tickIncrement(binEnd, dummyAx.dtick, false, calendar); } } return { start: ax.c2r(binStart, 0, calendar), end: ax.c2r(binEnd, 0, calendar), size: dummyAx.dtick }; }; function autoShiftNumericBins(binStart, data, ax, dataMin, dataMax) { var edgecount = 0, midcount = 0, intcount = 0, blankCount = 0; function nearEdge(v) { // is a value within 1% of a bin edge? return (1 + (v - binStart) * 100 / ax.dtick) % 100 < 2; } for(var i = 0; i < data.length; i++) { if(data[i] % 1 === 0) intcount++; else if(!isNumeric(data[i])) blankCount++; if(nearEdge(data[i])) edgecount++; if(nearEdge(data[i] + ax.dtick / 2)) midcount++; } var dataCount = data.length - blankCount; if(intcount === dataCount && ax.type !== 'date') { // all integers: if bin size is <1, it's because // that was specifically requested (large nbins) // so respect that... but center the bins containing // integers on those integers if(ax.dtick < 1) { binStart = dataMin - 0.5 * ax.dtick; } // otherwise start half an integer down regardless of // the bin size, just enough to clear up endpoint // ambiguity about which integers are in which bins. else { binStart -= 0.5; if(binStart + ax.dtick < dataMin) binStart += ax.dtick; } } else if(midcount < dataCount * 0.1) { if(edgecount > dataCount * 0.3 || nearEdge(dataMin) || nearEdge(dataMax)) { // lots of points at the edge, not many in the middle // shift half a bin var binshift = ax.dtick / 2; binStart += (binStart + binshift < dataMin) ? binshift : -binshift; } } return binStart; } function autoShiftMonthBins(binStart, data, dtick, dataMin, calendar) { var stats = Lib.findExactDates(data, calendar); // number of data points that needs to be an exact value // to shift that increment to (near) the bin center var threshold = 0.8; if(stats.exactDays > threshold) { var numMonths = Number(dtick.substr(1)); if((stats.exactYears > threshold) && (numMonths % 12 === 0)) { // The exact middle of a non-leap-year is 1.5 days into July // so if we start the bins here, all but leap years will // get hover-labeled as exact years. binStart = axes.tickIncrement(binStart, 'M6', 'reverse') + ONEDAY * 1.5; } else if(stats.exactMonths > threshold) { // Months are not as clean, but if we shift half the *longest* // month (31/2 days) then 31-day months will get labeled exactly // and shorter months will get labeled with the correct month // but shifted 12-36 hours into it. binStart = axes.tickIncrement(binStart, 'M1', 'reverse') + ONEDAY * 15.5; } else { // Shifting half a day is exact, but since these are month bins it // will always give a somewhat odd-looking label, until we do something // smarter like showing the bin boundaries (or the bounds of the actual // data in each bin) binStart -= ONEDAY / 2; } var nextBinStart = axes.tickIncrement(binStart, dtick); if(nextBinStart <= dataMin) return nextBinStart; } return binStart; } // ---------------------------------------------------- // Ticks and grids // ---------------------------------------------------- // calculate the ticks: text, values, positioning // if ticks are set to automatic, determine the right values (tick0,dtick) // in any case, set tickround to # of digits to round tick labels to, // or codes to this effect for log and date scales axes.calcTicks = function calcTicks(ax) { var rng = Lib.simpleMap(ax.range, ax.r2l); // calculate max number of (auto) ticks to display based on plot size if(ax.tickmode === 'auto' || !ax.dtick) { var nt = ax.nticks, minPx; if(!nt) { if(ax.type === 'category') { minPx = ax.tickfont ? (ax.tickfont.size || 12) * 1.2 : 15; nt = ax._length / minPx; } else { minPx = ax._id.charAt(0) === 'y' ? 40 : 80; nt = Lib.constrain(ax._length / minPx, 4, 9) + 1; } } // add a couple of extra digits for filling in ticks when we // have explicit tickvals without tick text if(ax.tickmode === 'array') nt *= 100; axes.autoTicks(ax, Math.abs(rng[1] - rng[0]) / nt); // check for a forced minimum dtick if(ax._minDtick > 0 && ax.dtick < ax._minDtick * 2) { ax.dtick = ax._minDtick; ax.tick0 = ax.l2r(ax._forceTick0); } } // check for missing tick0 if(!ax.tick0) { ax.tick0 = (ax.type === 'date') ? '2000-01-01' : 0; } // now figure out rounding of tick values autoTickRound(ax); // now that we've figured out the auto values for formatting // in case we're missing some ticktext, we can break out for array ticks if(ax.tickmode === 'array') return arrayTicks(ax); // find the first tick ax._tmin = axes.tickFirst(ax); // check for reversed axis var axrev = (rng[1] < rng[0]); // return the full set of tick vals var vals = [], // add a tiny bit so we get ticks which may have rounded out endtick = rng[1] * 1.0001 - rng[0] * 0.0001; if(ax.type === 'category') { endtick = (axrev) ? Math.max(-0.5, endtick) : Math.min(ax._categories.length - 0.5, endtick); } var xPrevious = null; var maxTicks = Math.max(1000, ax._length || 0); for(var x = ax._tmin; (axrev) ? (x >= endtick) : (x <= endtick); x = axes.tickIncrement(x, ax.dtick, axrev, ax.calendar)) { // prevent infinite loops - no more than one tick per pixel, // and make sure each value is different from the previous if(vals.length > maxTicks || x === xPrevious) break; xPrevious = x; vals.push(x); } // save the last tick as well as first, so we can // show the exponent only on the last one ax._tmax = vals[vals.length - 1]; // for showing the rest of a date when the main tick label is only the // latter part: ax._prevDateHead holds what we showed most recently. // Start with it cleared and mark that we're in calcTicks (ie calculating a // whole string of these so we should care what the previous date head was!) ax._prevDateHead = ''; ax._inCalcTicks = true; var ticksOut = new Array(vals.length); for(var i = 0; i < vals.length; i++) ticksOut[i] = axes.tickText(ax, vals[i]); ax._inCalcTicks = false; return ticksOut; }; function arrayTicks(ax) { var vals = ax.tickvals, text = ax.ticktext, ticksOut = new Array(vals.length), rng = Lib.simpleMap(ax.range, ax.r2l), r0expanded = rng[0] * 1.0001 - rng[1] * 0.0001, r1expanded = rng[1] * 1.0001 - rng[0] * 0.0001, tickMin = Math.min(r0expanded, r1expanded), tickMax = Math.max(r0expanded, r1expanded), vali, i, j = 0; // without a text array, just format the given values as any other ticks // except with more precision to the numbers if(!Array.isArray(text)) text = []; // make sure showing ticks doesn't accidentally add new categories var tickVal2l = ax.type === 'category' ? ax.d2l_noadd : ax.d2l; // array ticks on log axes always show the full number // (if no explicit ticktext overrides it) if(ax.type === 'log' && String(ax.dtick).charAt(0) !== 'L') { ax.dtick = 'L' + Math.pow(10, Math.floor(Math.min(ax.range[0], ax.range[1])) - 1); } for(i = 0; i < vals.length; i++) { vali = tickVal2l(vals[i]); if(vali > tickMin && vali < tickMax) { if(text[i] === undefined) ticksOut[j] = axes.tickText(ax, vali); else ticksOut[j] = tickTextObj(ax, vali, String(text[i])); j++; } } if(j < vals.length) ticksOut.splice(j, vals.length - j); return ticksOut; } var roundBase10 = [2, 5, 10], roundBase24 = [1, 2, 3, 6, 12], roundBase60 = [1, 2, 5, 10, 15, 30], // 2&3 day ticks are weird, but need something btwn 1&7 roundDays = [1, 2, 3, 7, 14], // approx. tick positions for log axes, showing all (1) and just 1, 2, 5 (2) // these don't have to be exact, just close enough to round to the right value roundLog1 = [-0.046, 0, 0.301, 0.477, 0.602, 0.699, 0.778, 0.845, 0.903, 0.954, 1], roundLog2 = [-0.301, 0, 0.301, 0.699, 1]; function roundDTick(roughDTick, base, roundingSet) { return base * Lib.roundUp(roughDTick / base, roundingSet); } // autoTicks: calculate best guess at pleasant ticks for this axis // inputs: // ax - an axis object // roughDTick - rough tick spacing (to be turned into a nice round number) // outputs (into ax): // tick0: starting point for ticks (not necessarily on the graph) // usually 0 for numeric (=10^0=1 for log) or jan 1, 2000 for dates // dtick: the actual, nice round tick spacing, usually a little larger than roughDTick // if the ticks are spaced linearly (linear scale, categories, // log with only full powers, date ticks < month), // this will just be a number // months: M# // years: M# where # is 12*number of years // log with linear ticks: L# where # is the linear tick spacing // log showing powers plus some intermediates: // D1 shows all digits, D2 shows 2 and 5 axes.autoTicks = function(ax, roughDTick) { var base; if(ax.type === 'date') { ax.tick0 = Lib.dateTick0(ax.calendar); // the criteria below are all based on the rough spacing we calculate // being > half of the final unit - so precalculate twice the rough val var roughX2 = 2 * roughDTick; if(roughX2 > ONEAVGYEAR) { roughDTick /= ONEAVGYEAR; base = Math.pow(10, Math.floor(Math.log(roughDTick) / Math.LN10)); ax.dtick = 'M' + (12 * roundDTick(roughDTick, base, roundBase10)); } else if(roughX2 > ONEAVGMONTH) { roughDTick /= ONEAVGMONTH; ax.dtick = 'M' + roundDTick(roughDTick, 1, roundBase24); } else if(roughX2 > ONEDAY) { ax.dtick = roundDTick(roughDTick, ONEDAY, roundDays); // get week ticks on sunday // this will also move the base tick off 2000-01-01 if dtick is // 2 or 3 days... but that's a weird enough case that we'll ignore it. ax.tick0 = Lib.dateTick0(ax.calendar, true); } else if(roughX2 > ONEHOUR) { ax.dtick = roundDTick(roughDTick, ONEHOUR, roundBase24); } else if(roughX2 > ONEMIN) { ax.dtick = roundDTick(roughDTick, ONEMIN, roundBase60); } else if(roughX2 > ONESEC) { ax.dtick = roundDTick(roughDTick, ONESEC, roundBase60); } else { // milliseconds base = Math.pow(10, Math.floor(Math.log(roughDTick) / Math.LN10)); ax.dtick = roundDTick(roughDTick, base, roundBase10); } } else if(ax.type === 'log') { ax.tick0 = 0; var rng = Lib.simpleMap(ax.range, ax.r2l); if(roughDTick > 0.7) { // only show powers of 10 ax.dtick = Math.ceil(roughDTick); } else if(Math.abs(rng[1] - rng[0]) < 1) { // span is less than one power of 10 var nt = 1.5 * Math.abs((rng[1] - rng[0]) / roughDTick); // ticks on a linear scale, labeled fully roughDTick = Math.abs(Math.pow(10, rng[1]) - Math.pow(10, rng[0])) / nt; base = Math.pow(10, Math.floor(Math.log(roughDTick) / Math.LN10)); ax.dtick = 'L' + roundDTick(roughDTick, base, roundBase10); } else { // include intermediates between powers of 10, // labeled with small digits // ax.dtick = "D2" (show 2 and 5) or "D1" (show all digits) ax.dtick = (roughDTick > 0.3) ? 'D2' : 'D1'; } } else if(ax.type === 'category') { ax.tick0 = 0; ax.dtick = Math.ceil(Math.max(roughDTick, 1)); } else { // auto ticks always start at 0 ax.tick0 = 0; base = Math.pow(10, Math.floor(Math.log(roughDTick) / Math.LN10)); ax.dtick = roundDTick(roughDTick, base, roundBase10); } // prevent infinite loops if(ax.dtick === 0) ax.dtick = 1; // TODO: this is from log axis histograms with autorange off if(!isNumeric(ax.dtick) && typeof ax.dtick !== 'string') { var olddtick = ax.dtick; ax.dtick = 1; throw 'ax.dtick error: ' + String(olddtick); } }; // after dtick is already known, find tickround = precision // to display in tick labels // for numeric ticks, integer # digits after . to round to // for date ticks, the last date part to show (y,m,d,H,M,S) // or an integer # digits past seconds function autoTickRound(ax) { var dtick = ax.dtick; ax._tickexponent = 0; if(!isNumeric(dtick) && typeof dtick !== 'string') { dtick = 1; } if(ax.type === 'category') { ax._tickround = null; } if(ax.type === 'date') { // If tick0 is unusual, give tickround a bit more information // not necessarily *all* the information in tick0 though, if it's really odd // minimal string length for tick0: 'd' is 10, 'M' is 16, 'S' is 19 // take off a leading minus (year < 0) and i (intercalary month) so length is consistent var tick0ms = ax.r2l(ax.tick0), tick0str = ax.l2r(tick0ms).replace(/(^-|i)/g, ''), tick0len = tick0str.length; if(String(dtick).charAt(0) === 'M') { // any tick0 more specific than a year: alway show the full date if(tick0len > 10 || tick0str.substr(5) !== '01-01') ax._tickround = 'd'; // show the month unless ticks are full multiples of a year else ax._tickround = (+(dtick.substr(1)) % 12 === 0) ? 'y' : 'm'; } else if((dtick >= ONEDAY && tick0len <= 10) || (dtick >= ONEDAY * 15)) ax._tickround = 'd'; else if((dtick >= ONEMIN && tick0len <= 16) || (dtick >= ONEHOUR)) ax._tickround = 'M'; else if((dtick >= ONESEC && tick0len <= 19) || (dtick >= ONEMIN)) ax._tickround = 'S'; else { // tickround is a number of digits of fractional seconds // of any two adjacent ticks, at least one will have the maximum fractional digits // of all possible ticks - so take the max. length of tick0 and the next one var tick1len = ax.l2r(tick0ms + dtick).replace(/^-/, '').length; ax._tickround = Math.max(tick0len, tick1len) - 20; } } else if(isNumeric(dtick) || dtick.charAt(0) === 'L') { // linear or log (except D1, D2) var rng = ax.range.map(ax.r2d || Number); if(!isNumeric(dtick)) dtick = Number(dtick.substr(1)); // 2 digits past largest digit of dtick ax._tickround = 2 - Math.floor(Math.log(dtick) / Math.LN10 + 0.01); var maxend = Math.max(Math.abs(rng[0]), Math.abs(rng[1])); var rangeexp = Math.floor(Math.log(maxend) / Math.LN10 + 0.01); if(Math.abs(rangeexp) > 3) { if(ax.exponentformat === 'SI' || ax.exponentformat === 'B') { ax._tickexponent = 3 * Math.round((rangeexp - 1) / 3); } else ax._tickexponent = rangeexp; } } // D1 or D2 (log) else ax._tickround = null; } // months and years don't have constant millisecond values // (but a year is always 12 months so we only need months) // log-scale ticks are also not consistently spaced, except // for pure powers of 10 // numeric ticks always have constant differences, other datetime ticks // can all be calculated as constant number of milliseconds axes.tickIncrement = function(x, dtick, axrev, calendar) { var axSign = axrev ? -1 : 1; // includes linear, all dates smaller than month, and pure 10^n in log if(isNumeric(dtick)) return x + axSign * dtick; // everything else is a string, one character plus a number var tType = dtick.charAt(0), dtSigned = axSign * Number(dtick.substr(1)); // Dates: months (or years - see Lib.incrementMonth) if(tType === 'M') return Lib.incrementMonth(x, dtSigned, calendar); // Log scales: Linear, Digits else if(tType === 'L') return Math.log(Math.pow(10, x) + dtSigned) / Math.LN10; // log10 of 2,5,10, or all digits (logs just have to be // close enough to round) else if(tType === 'D') { var tickset = (dtick === 'D2') ? roundLog2 : roundLog1, x2 = x + axSign * 0.01, frac = Lib.roundUp(Lib.mod(x2, 1), tickset, axrev); return Math.floor(x2) + Math.log(d3.round(Math.pow(10, frac), 1)) / Math.LN10; } else throw 'unrecognized dtick ' + String(dtick); }; // calculate the first tick on an axis axes.tickFirst = function(ax) { var r2l = ax.r2l || Number, rng = Lib.simpleMap(ax.range, r2l), axrev = rng[1] < rng[0], sRound = axrev ? Math.floor : Math.ceil, // add a tiny extra bit to make sure we get ticks // that may have been rounded out r0 = rng[0] * 1.0001 - rng[1] * 0.0001, dtick = ax.dtick, tick0 = r2l(ax.tick0); if(isNumeric(dtick)) { var tmin = sRound((r0 - tick0) / dtick) * dtick + tick0; // make sure no ticks outside the category list if(ax.type === 'category') { tmin = Lib.constrain(tmin, 0, ax._categories.length - 1); } return tmin; } var tType = dtick.charAt(0), dtNum = Number(dtick.substr(1)); // Dates: months (or years) if(tType === 'M') { var cnt = 0, t0 = tick0, t1, mult, newDTick; // This algorithm should work for *any* nonlinear (but close to linear!) // tick spacing. Limit to 10 iterations, for gregorian months it's normally <=3. while(cnt < 10) { t1 = axes.tickIncrement(t0, dtick, axrev, ax.calendar); if((t1 - r0) * (t0 - r0) <= 0) { // t1 and t0 are on opposite sides of r0! we've succeeded! if(axrev) return Math.min(t0, t1); return Math.max(t0, t1); } mult = (r0 - ((t0 + t1) / 2)) / (t1 - t0); newDTick = tType + ((Math.abs(Math.round(mult)) || 1) * dtNum); t0 = axes.tickIncrement(t0, newDTick, mult < 0 ? !axrev : axrev, ax.calendar); cnt++; } Lib.error('tickFirst did not converge', ax); return t0; } // Log scales: Linear, Digits else if(tType === 'L') { return Math.log(sRound( (Math.pow(10, r0) - tick0) / dtNum) * dtNum + tick0) / Math.LN10; } else if(tType === 'D') { var tickset = (dtick === 'D2') ? roundLog2 : roundLog1, frac = Lib.roundUp(Lib.mod(r0, 1), tickset, axrev); return Math.floor(r0) + Math.log(d3.round(Math.pow(10, frac), 1)) / Math.LN10; } else throw 'unrecognized dtick ' + String(dtick); }; // draw the text for one tick. // px,py are the location on gd.paper // prefix is there so the x axis ticks can be dropped a line // ax is the axis layout, x is the tick value // hover is a (truthy) flag for whether to show numbers with a bit // more precision for hovertext axes.tickText = function(ax, x, hover) { var out = tickTextObj(ax, x), hideexp, arrayMode = ax.tickmode === 'array', extraPrecision = hover || arrayMode, i, tickVal2l = ax.type === 'category' ? ax.d2l_noadd : ax.d2l; if(arrayMode && Array.isArray(ax.ticktext)) { var rng = Lib.simpleMap(ax.range, ax.r2l), minDiff = Math.abs(rng[1] - rng[0]) / 10000; for(i = 0; i < ax.ticktext.length; i++) { if(Math.abs(x - tickVal2l(ax.tickvals[i])) < minDiff) break; } if(i < ax.ticktext.length) { out.text = String(ax.ticktext[i]); return out; } } function isHidden(showAttr) { var first_or_last; if(showAttr === undefined) return true; if(hover) return showAttr === 'none'; first_or_last = { first: ax._tmin, last: ax._tmax }[showAttr]; return showAttr !== 'all' && x !== first_or_last; } hideexp = ax.exponentformat !== 'none' && isHidden(ax.showexponent) ? 'hide' : ''; if(ax.type === 'date') formatDate(ax, out, hover, extraPrecision); else if(ax.type === 'log') formatLog(ax, out, hover, extraPrecision, hideexp); else if(ax.type === 'category') formatCategory(ax, out); else formatLinear(ax, out, hover, extraPrecision, hideexp); // add prefix and suffix if(ax.tickprefix && !isHidden(ax.showtickprefix)) out.text = ax.tickprefix + out.text; if(ax.ticksuffix && !isHidden(ax.showticksuffix)) out.text += ax.ticksuffix; return out; }; function tickTextObj(ax, x, text) { var tf = ax.tickfont || {}; return { x: x, dx: 0, dy: 0, text: text || '', fontSize: tf.size, font: tf.family, fontColor: tf.color }; } function formatDate(ax, out, hover, extraPrecision) { var tr = ax._tickround, fmt = (hover && ax.hoverformat) || ax.tickformat; if(extraPrecision) { // second or sub-second precision: extra always shows max digits. // for other fields, extra precision just adds one field. if(isNumeric(tr)) tr = 4; else tr = {y: 'm', m: 'd', d: 'M', M: 'S', S: 4}[tr]; } var dateStr = Lib.formatDate(out.x, fmt, tr, ax.calendar), headStr; var splitIndex = dateStr.indexOf('\n'); if(splitIndex !== -1) { headStr = dateStr.substr(splitIndex + 1); dateStr = dateStr.substr(0, splitIndex); } if(extraPrecision) { // if extraPrecision led to trailing zeros, strip them off // actually, this can lead to removing even more zeros than // in the original rounding, but that's fine because in these // contexts uniformity is not so important (if there's even // anything to be uniform with!) // can we remove the whole time part? if(dateStr === '00:00:00' || dateStr === '00:00') { dateStr = headStr; headStr = ''; } else if(dateStr.length === 8) { // strip off seconds if they're zero (zero fractional seconds // are already omitted) // but we never remove minutes and leave just hours dateStr = dateStr.replace(/:00$/, ''); } } if(headStr) { if(hover) { // hover puts it all on one line, so headPart works best up front // except for year headPart: turn this into "Jan 1, 2000" etc. if(tr === 'd') dateStr += ', ' + headStr; else dateStr = headStr + (dateStr ? ', ' + dateStr : ''); } else if(!ax._inCalcTicks || (headStr !== ax._prevDateHead)) { dateStr += '
' + headStr; ax._prevDateHead = headStr; } } out.text = dateStr; } function formatLog(ax, out, hover, extraPrecision, hideexp) { var dtick = ax.dtick, x = out.x; if(extraPrecision && ((typeof dtick !== 'string') || dtick.charAt(0) !== 'L')) dtick = 'L3'; if(ax.tickformat || (typeof dtick === 'string' && dtick.charAt(0) === 'L')) { out.text = numFormat(Math.pow(10, x), ax, hideexp, extraPrecision); } else if(isNumeric(dtick) || ((dtick.charAt(0) === 'D') && (Lib.mod(x + 0.01, 1) < 0.1))) { if(['e', 'E', 'power'].indexOf(ax.exponentformat) !== -1) { var p = Math.round(x); if(p === 0) out.text = 1; else if(p === 1) out.text = '10'; else if(p > 1) out.text = '10' + p + ''; else out.text = '10\u2212' + -p + ''; out.fontSize *= 1.25; } else { out.text = numFormat(Math.pow(10, x), ax, '', 'fakehover'); if(dtick === 'D1' && ax._id.charAt(0) === 'y') { out.dy -= out.fontSize / 6; } } } else if(dtick.charAt(0) === 'D') { out.text = String(Math.round(Math.pow(10, Lib.mod(x, 1)))); out.fontSize *= 0.75; } else throw 'unrecognized dtick ' + String(dtick); // if 9's are printed on log scale, move the 10's away a bit if(ax.dtick === 'D1') { var firstChar = String(out.text).charAt(0); if(firstChar === '0' || firstChar === '1') { if(ax._id.charAt(0) === 'y') { out.dx -= out.fontSize / 4; } else { out.dy += out.fontSize / 2; out.dx += (ax.range[1] > ax.range[0] ? 1 : -1) * out.fontSize * (x < 0 ? 0.5 : 0.25); } } } } function formatCategory(ax, out) { var tt = ax._categories[Math.round(out.x)]; if(tt === undefined) tt = ''; out.text = String(tt); } function formatLinear(ax, out, hover, extraPrecision, hideexp) { // don't add an exponent to zero if we're showing all exponents // so the only reason you'd show an exponent on zero is if it's the // ONLY tick to get an exponent (first or last) if(ax.showexponent === 'all' && Math.abs(out.x / ax.dtick) < 1e-6) { hideexp = 'hide'; } out.text = numFormat(out.x, ax, hideexp, extraPrecision); } // format a number (tick value) according to the axis settings // new, more reliable procedure than d3.round or similar: // add half the rounding increment, then stringify and truncate // also automatically switch to sci. notation var SIPREFIXES = ['f', 'p', 'n', 'μ', 'm', '', 'k', 'M', 'G', 'T']; function numFormat(v, ax, fmtoverride, hover) { // negative? var isNeg = v < 0, // max number of digits past decimal point to show tickRound = ax._tickround, exponentFormat = fmtoverride || ax.exponentformat || 'B', exponent = ax._tickexponent, tickformat = ax.tickformat, separatethousands = ax.separatethousands; // special case for hover: set exponent just for this value, and // add a couple more digits of precision over tick labels if(hover) { // make a dummy axis obj to get the auto rounding and exponent var ah = { exponentformat: ax.exponentformat, dtick: ax.showexponent === 'none' ? ax.dtick : (isNumeric(v) ? Math.abs(v) || 1 : 1), // if not showing any exponents, don't change the exponent // from what we calculate range: ax.showexponent === 'none' ? ax.range.map(ax.r2d) : [0, v || 1] }; autoTickRound(ah); tickRound = (Number(ah._tickround) || 0) + 4; exponent = ah._tickexponent; if(ax.hoverformat) tickformat = ax.hoverformat; } if(tickformat) return d3.format(tickformat)(v).replace(/-/g, '\u2212'); // 'epsilon' - rounding increment var e = Math.pow(10, -tickRound) / 2; // exponentFormat codes: // 'e' (1.2e+6, default) // 'E' (1.2E+6) // 'SI' (1.2M) // 'B' (same as SI except 10^9=B not G) // 'none' (1200000) // 'power' (1.2x10^6) // 'hide' (1.2, use 3rd argument=='hide' to eg // only show exponent on last tick) if(exponentFormat === 'none') exponent = 0; // take the sign out, put it back manually at the end // - makes cases easier v = Math.abs(v); if(v < e) { // 0 is just 0, but may get exponent if it's the last tick v = '0'; isNeg = false; } else { v += e; // take out a common exponent, if any if(exponent) { v *= Math.pow(10, -exponent); tickRound += exponent; } // round the mantissa if(tickRound === 0) v = String(Math.floor(v)); else if(tickRound < 0) { v = String(Math.round(v)); v = v.substr(0, v.length + tickRound); for(var i = tickRound; i < 0; i++) v += '0'; } else { v = String(v); var dp = v.indexOf('.') + 1; if(dp) v = v.substr(0, dp + tickRound).replace(/\.?0+$/, ''); } // insert appropriate decimal point and thousands separator v = Lib.numSeparate(v, ax._separators, separatethousands); } // add exponent if(exponent && exponentFormat !== 'hide') { var signedExponent; if(exponent < 0) signedExponent = '\u2212' + -exponent; else if(exponentFormat !== 'power') signedExponent = '+' + exponent; else signedExponent = String(exponent); if(exponentFormat === 'e' || ((exponentFormat === 'SI' || exponentFormat === 'B') && (exponent > 12 || exponent < -15))) { v += 'e' + signedExponent; } else if(exponentFormat === 'E') { v += 'E' + signedExponent; } else if(exponentFormat === 'power') { v += '×10' + signedExponent + ''; } else if(exponentFormat === 'B' && exponent === 9) { v += 'B'; } else if(exponentFormat === 'SI' || exponentFormat === 'B') { v += SIPREFIXES[exponent / 3 + 5]; } } // put sign back in and return // replace standard minus character (which is technically a hyphen) // with a true minus sign if(isNeg) return '\u2212' + v; return v; } axes.subplotMatch = /^x([0-9]*)y([0-9]*)$/; // getSubplots - extract all combinations of axes we need to make plots for // as an array of items like 'xy', 'x2y', 'x2y2'... // sorted by x (x,x2,x3...) then y // optionally restrict to only subplots containing axis object ax // looks both for combinations of x and y found in the data // and at axes and their anchors axes.getSubplots = function(gd, ax) { var subplots = []; var i, j, sp; // look for subplots in the data var data = gd._fullData || gd.data || []; for(i = 0; i < data.length; i++) { var trace = data[i]; if(trace.visible === false || trace.visible === 'legendonly' || !(Registry.traceIs(trace, 'cartesian') || Registry.traceIs(trace, 'gl2d')) ) continue; var xId = trace.xaxis || 'x', yId = trace.yaxis || 'y'; sp = xId + yId; if(subplots.indexOf(sp) === -1) subplots.push(sp); } // look for subplots in the axes/anchors, so that we at least draw all axes var axesList = axes.list(gd, '', true); function hasAx2(sp, ax2) { return sp.indexOf(ax2._id) !== -1; } for(i = 0; i < axesList.length; i++) { var ax2 = axesList[i], ax2Letter = ax2._id.charAt(0), ax3Id = (ax2.anchor === 'free') ? ((ax2Letter === 'x') ? 'y' : 'x') : ax2.anchor, ax3 = axes.getFromId(gd, ax3Id); // look if ax2 is already represented in the data var foundAx2 = false; for(j = 0; j < subplots.length; j++) { if(hasAx2(subplots[j], ax2)) { foundAx2 = true; break; } } // ignore free axes that already represented in the data if(ax2.anchor === 'free' && foundAx2) continue; // ignore anchor-less axes if(!ax3) continue; sp = (ax2Letter === 'x') ? ax2._id + ax3._id : ax3._id + ax2._id; if(subplots.indexOf(sp) === -1) subplots.push(sp); } // filter invalid subplots var spMatch = axes.subplotMatch, allSubplots = []; for(i = 0; i < subplots.length; i++) { sp = subplots[i]; if(spMatch.test(sp)) allSubplots.push(sp); } // sort the subplot ids allSubplots.sort(function(a, b) { var aMatch = a.match(spMatch), bMatch = b.match(spMatch); if(aMatch[1] === bMatch[1]) { return +(aMatch[2] || 1) - (bMatch[2] || 1); } return +(aMatch[1]||0) - (bMatch[1]||0); }); if(ax) return axes.findSubplotsWithAxis(allSubplots, ax); return allSubplots; }; // find all subplots with axis 'ax' axes.findSubplotsWithAxis = function(subplots, ax) { var axMatch = new RegExp( (ax._id.charAt(0) === 'x') ? ('^' + ax._id + 'y') : (ax._id + '$') ); var subplotsWithAxis = []; for(var i = 0; i < subplots.length; i++) { var sp = subplots[i]; if(axMatch.test(sp)) subplotsWithAxis.push(sp); } return subplotsWithAxis; }; // makeClipPaths: prepare clipPaths for all single axes and all possible xy pairings axes.makeClipPaths = function(gd) { var fullLayout = gd._fullLayout, defs = fullLayout._defs, fullWidth = {_offset: 0, _length: fullLayout.width, _id: ''}, fullHeight = {_offset: 0, _length: fullLayout.height, _id: ''}, xaList = axes.list(gd, 'x', true), yaList = axes.list(gd, 'y', true), clipList = [], i, j; for(i = 0; i < xaList.length; i++) { clipList.push({x: xaList[i], y: fullHeight}); for(j = 0; j < yaList.length; j++) { if(i === 0) clipList.push({x: fullWidth, y: yaList[j]}); clipList.push({x: xaList[i], y: yaList[j]}); } } var defGroup = defs.selectAll('g.clips') .data([0]); defGroup.enter().append('g') .classed('clips', true); // selectors don't work right with camelCase tags, // have to use class instead // https://groups.google.com/forum/#!topic/d3-js/6EpAzQ2gU9I var axClips = defGroup.selectAll('.axesclip') .data(clipList, function(d) { return d.x._id + d.y._id; }); axClips.enter().append('clipPath') .classed('axesclip', true) .attr('id', function(d) { return 'clip' + fullLayout._uid + d.x._id + d.y._id; }) .append('rect'); axClips.exit().remove(); axClips.each(function(d) { d3.select(this).select('rect').attr({ x: d.x._offset || 0, y: d.y._offset || 0, width: d.x._length || 1, height: d.y._length || 1 }); }); }; // doTicks: draw ticks, grids, and tick labels // axid: 'x', 'y', 'x2' etc, // blank to do all, // 'redraw' to force full redraw, and reset: // ax._r (stored range for use by zoom/pan) // ax._rl (stored linearized range for use by zoom/pan) // or can pass in an axis object directly axes.doTicks = function(gd, axid, skipTitle) { var fullLayout = gd._fullLayout, ax, independent = false; // allow passing an independent axis object instead of id if(typeof axid === 'object') { ax = axid; axid = ax._id; independent = true; } else { ax = axes.getFromId(gd, axid); if(axid === 'redraw') { fullLayout._paper.selectAll('g.subplot').each(function(subplot) { var plotinfo = fullLayout._plots[subplot], xa = plotinfo.xaxis, ya = plotinfo.yaxis; plotinfo.xaxislayer .selectAll('.' + xa._id + 'tick').remove(); plotinfo.yaxislayer .selectAll('.' + ya._id + 'tick').remove(); plotinfo.gridlayer .selectAll('path').remove(); plotinfo.zerolinelayer .selectAll('path').remove(); }); } if(!axid || axid === 'redraw') { return Lib.syncOrAsync(axes.list(gd, '', true).map(function(ax) { return function() { if(!ax._id) return; var axDone = axes.doTicks(gd, ax._id); if(axid === 'redraw') { ax._r = ax.range.slice(); ax._rl = Lib.simpleMap(ax._r, ax.r2l); } return axDone; }; })); } } // make sure we only have allowed options for exponents // (others can make confusing errors) if(!ax.tickformat) { if(['none', 'e', 'E', 'power', 'SI', 'B'].indexOf(ax.exponentformat) === -1) { ax.exponentformat = 'e'; } if(['all', 'first', 'last', 'none'].indexOf(ax.showexponent) === -1) { ax.showexponent = 'all'; } } // set scaling to pixels ax.setScale(); var axLetter = axid.charAt(0), counterLetter = axes.counterLetter(axid), vals = axes.calcTicks(ax), datafn = function(d) { return [d.text, d.x, ax.mirror].join('_'); }, tcls = axid + 'tick', gcls = axid + 'grid', zcls = axid + 'zl', pad = (ax.linewidth || 1) / 2, labelStandoff = (ax.ticks === 'outside' ? ax.ticklen : 0), labelShift = 0, gridWidth = Drawing.crispRound(gd, ax.gridwidth, 1), zeroLineWidth = Drawing.crispRound(gd, ax.zerolinewidth, gridWidth), tickWidth = Drawing.crispRound(gd, ax.tickwidth, 1), sides, transfn, tickpathfn, subplots, i; if(ax._counterangle && ax.ticks === 'outside') { var caRad = ax._counterangle * Math.PI / 180; labelStandoff = ax.ticklen * Math.cos(caRad) + 1; labelShift = ax.ticklen * Math.sin(caRad); } if(ax.showticklabels && (ax.ticks === 'outside' || ax.showline)) { labelStandoff += 0.2 * ax.tickfont.size; } // positioning arguments for x vs y axes if(axLetter === 'x') { sides = ['bottom', 'top']; transfn = function(d) { return 'translate(' + ax.l2p(d.x) + ',0)'; }; tickpathfn = function(shift, len) { if(ax._counterangle) { var caRad = ax._counterangle * Math.PI / 180; return 'M0,' + shift + 'l' + (Math.sin(caRad) * len) + ',' + (Math.cos(caRad) * len); } else return 'M0,' + shift + 'v' + len; }; } else if(axLetter === 'y') { sides = ['left', 'right']; transfn = function(d) { return 'translate(0,' + ax.l2p(d.x) + ')'; }; tickpathfn = function(shift, len) { if(ax._counterangle) { var caRad = ax._counterangle * Math.PI / 180; return 'M' + shift + ',0l' + (Math.cos(caRad) * len) + ',' + (-Math.sin(caRad) * len); } else return 'M' + shift + ',0h' + len; }; } else { Lib.warn('Unrecognized doTicks axis:', axid); return; } var axside = ax.side || sides[0], // which direction do the side[0], side[1], and free ticks go? // then we flip if outside XOR y axis ticksign = [-1, 1, axside === sides[1] ? 1 : -1]; if((ax.ticks !== 'inside') === (axLetter === 'x')) { ticksign = ticksign.map(function(v) { return -v; }); } if(!ax.visible) return; // remove zero lines, grid lines, and inside ticks if they're within // 1 pixel of the end // The key case here is removing zero lines when the axis bound is zero. function clipEnds(d) { var p = ax.l2p(d.x); return (p > 1 && p < ax._length - 1); } var valsClipped = vals.filter(clipEnds); function drawTicks(container, tickpath) { var ticks = container.selectAll('path.' + tcls) .data(ax.ticks === 'inside' ? valsClipped : vals, datafn); if(tickpath && ax.ticks) { ticks.enter().append('path').classed(tcls, 1).classed('ticks', 1) .classed('crisp', 1) .call(Color.stroke, ax.tickcolor) .style('stroke-width', tickWidth + 'px') .attr('d', tickpath); ticks.attr('transform', transfn); ticks.exit().remove(); } else ticks.remove(); } function drawLabels(container, position) { // tick labels - for now just the main labels. // TODO: mirror labels, esp for subplots var tickLabels = container.selectAll('g.' + tcls).data(vals, datafn); if(!ax.showticklabels || !isNumeric(position)) { tickLabels.remove(); drawAxTitle(); return; } var labelx, labely, labelanchor, labelpos0, flipit; if(axLetter === 'x') { flipit = (axside === 'bottom') ? 1 : -1; labelx = function(d) { return d.dx + labelShift * flipit; }; labelpos0 = position + (labelStandoff + pad) * flipit; labely = function(d) { return d.dy + labelpos0 + d.fontSize * ((axside === 'bottom') ? 1 : -0.2); }; labelanchor = function(angle) { if(!isNumeric(angle) || angle === 0 || angle === 180) { return 'middle'; } return (angle * flipit < 0) ? 'end' : 'start'; }; } else { flipit = (axside === 'right') ? 1 : -1; labely = function(d) { return d.dy + d.fontSize * MID_SHIFT - labelShift * flipit; }; labelx = function(d) { return d.dx + position + (labelStandoff + pad + ((Math.abs(ax.tickangle) === 90) ? d.fontSize / 2 : 0)) * flipit; }; labelanchor = function(angle) { if(isNumeric(angle) && Math.abs(angle) === 90) { return 'middle'; } return axside === 'right' ? 'start' : 'end'; }; } var maxFontSize = 0, autoangle = 0, labelsReady = []; tickLabels.enter().append('g').classed(tcls, 1) .append('text') // only so tex has predictable alignment that we can // alter later .attr('text-anchor', 'middle') .each(function(d) { var thisLabel = d3.select(this), newPromise = gd._promises.length; thisLabel .call(svgTextUtils.positionText, labelx(d), labely(d)) .call(Drawing.font, d.font, d.fontSize, d.fontColor) .text(d.text) .call(svgTextUtils.convertToTspans, gd); newPromise = gd._promises[newPromise]; if(newPromise) { // if we have an async label, we'll deal with that // all here so take it out of gd._promises and // instead position the label and promise this in // labelsReady labelsReady.push(gd._promises.pop().then(function() { positionLabels(thisLabel, ax.tickangle); })); } else { // sync label: just position it now. positionLabels(thisLabel, ax.tickangle); } }); tickLabels.exit().remove(); tickLabels.each(function(d) { maxFontSize = Math.max(maxFontSize, d.fontSize); }); function positionLabels(s, angle) { s.each(function(d) { var anchor = labelanchor(angle); var thisLabel = d3.select(this), mathjaxGroup = thisLabel.select('.text-math-group'), transform = transfn(d) + ((isNumeric(angle) && +angle !== 0) ? (' rotate(' + angle + ',' + labelx(d) + ',' + (labely(d) - d.fontSize / 2) + ')') : ''); if(mathjaxGroup.empty()) { thisLabel.select('text').attr({ transform: transform, 'text-anchor': anchor }); } else { var mjShift = Drawing.bBox(mathjaxGroup.node()).width * {end: -0.5, start: 0.5}[anchor]; mathjaxGroup.attr('transform', transform + (mjShift ? 'translate(' + mjShift + ',0)' : '')); } }); } // make sure all labels are correctly positioned at their base angle // the positionLabels call above is only for newly drawn labels. // do this without waiting, using the last calculated angle to // minimize flicker, then do it again when we know all labels are // there, putting back the prescribed angle to check for overlaps. positionLabels(tickLabels, ax._lastangle || ax.tickangle); function allLabelsReady() { return labelsReady.length && Promise.all(labelsReady); } function fixLabelOverlaps() { positionLabels(tickLabels, ax.tickangle); // check for auto-angling if x labels overlap // don't auto-angle at all for log axes with // base and digit format if(axLetter === 'x' && !isNumeric(ax.tickangle) && (ax.type !== 'log' || String(ax.dtick).charAt(0) !== 'D')) { var lbbArray = []; tickLabels.each(function(d) { var s = d3.select(this), thisLabel = s.select('.text-math-group'), x = ax.l2p(d.x); if(thisLabel.empty()) thisLabel = s.select('text'); var bb = Drawing.bBox(thisLabel.node()); lbbArray.push({ // ignore about y, just deal with x overlaps top: 0, bottom: 10, height: 10, left: x - bb.width / 2, // impose a 2px gap right: x + bb.width / 2 + 2, width: bb.width + 2 }); }); for(i = 0; i < lbbArray.length - 1; i++) { if(Lib.bBoxIntersect(lbbArray[i], lbbArray[i + 1])) { // any overlap at all - set 30 degrees autoangle = 30; break; } } if(autoangle) { var tickspacing = Math.abs( (vals[vals.length - 1].x - vals[0].x) * ax._m ) / (vals.length - 1); if(tickspacing < maxFontSize * 2.5) { autoangle = 90; } positionLabels(tickLabels, autoangle); } ax._lastangle = autoangle; } // update the axis title // (so it can move out of the way if needed) // TODO: separate out scoot so we don't need to do // a full redraw of the title (mostly relevant for MathJax) drawAxTitle(); return axid + ' done'; } function calcBoundingBox() { var bBox = container.node().getBoundingClientRect(); var gdBB = gd.getBoundingClientRect(); /* * the way we're going to use this, the positioning that matters * is relative to the origin of gd. This is important particularly * if gd is scrollable, and may have been scrolled between the time * we calculate this and the time we use it */ ax._boundingBox = { width: bBox.width, height: bBox.height, left: bBox.left - gdBB.left, right: bBox.right - gdBB.left, top: bBox.top - gdBB.top, bottom: bBox.bottom - gdBB.top }; /* * for spikelines: what's the full domain of positions in the * opposite direction that are associated with this axis? * This means any axes that we make a subplot with, plus the * position of the axis itself if it's free. */ if(subplots) { var fullRange = ax._counterSpan = [Infinity, -Infinity]; for(i = 0; i < subplots.length; i++) { var subplot = fullLayout._plots[subplots[i]]; var counterAxis = subplot[(axLetter === 'x') ? 'yaxis' : 'xaxis']; extendRange(fullRange, [ counterAxis._offset, counterAxis._offset + counterAxis._length ]); } if(ax.anchor === 'free') { extendRange(fullRange, (axLetter === 'x') ? [ax._boundingBox.bottom, ax._boundingBox.top] : [ax._boundingBox.right, ax._boundingBox.left]); } } function extendRange(range, newRange) { range[0] = Math.min(range[0], newRange[0]); range[1] = Math.max(range[1], newRange[1]); } } var done = Lib.syncOrAsync([ allLabelsReady, fixLabelOverlaps, calcBoundingBox ]); if(done && done.then) gd._promises.push(done); return done; } function drawAxTitle() { if(skipTitle) return; // now this only applies to regular cartesian axes; colorbars and // others ALWAYS call doTicks with skipTitle=true so they can // configure their own titles. var ax = axisIds.getFromId(gd, axid), avoidSelection = d3.select(gd).selectAll('g.' + axid + 'tick'), avoid = { selection: avoidSelection, side: ax.side }, axLetter = axid.charAt(0), gs = gd._fullLayout._size, offsetBase = 1.5, fontSize = ax.titlefont.size, transform, counterAxis, x, y; if(avoidSelection.size()) { var translation = Drawing.getTranslate(avoidSelection.node().parentNode); avoid.offsetLeft = translation.x; avoid.offsetTop = translation.y; } var titleStandoff = 10 + fontSize * offsetBase + (ax.linewidth ? ax.linewidth - 1 : 0); if(axLetter === 'x') { counterAxis = (ax.anchor === 'free') ? {_offset: gs.t + (1 - (ax.position || 0)) * gs.h, _length: 0} : axisIds.getFromId(gd, ax.anchor); x = ax._offset + ax._length / 2; if(ax.side === 'top') { y = -titleStandoff - fontSize * (ax.showticklabels ? 1 : 0); } else { y = counterAxis._length + titleStandoff + fontSize * (ax.showticklabels ? 1.5 : 0.5); } y += counterAxis._offset; if(ax.rangeslider && ax.rangeslider.visible && ax._boundingBox) { y += (fullLayout.height - fullLayout.margin.b - fullLayout.margin.t) * ax.rangeslider.thickness + ax._boundingBox.height; } if(!avoid.side) avoid.side = 'bottom'; } else { counterAxis = (ax.anchor === 'free') ? {_offset: gs.l + (ax.position || 0) * gs.w, _length: 0} : axisIds.getFromId(gd, ax.anchor); y = ax._offset + ax._length / 2; if(ax.side === 'right') { x = counterAxis._length + titleStandoff + fontSize * (ax.showticklabels ? 1 : 0.5); } else { x = -titleStandoff - fontSize * (ax.showticklabels ? 0.5 : 0); } x += counterAxis._offset; transform = {rotate: '-90', offset: 0}; if(!avoid.side) avoid.side = 'left'; } Titles.draw(gd, axid + 'title', { propContainer: ax, propName: ax._name + '.title', dfltName: axLetter.toUpperCase() + ' axis', avoid: avoid, transform: transform, attributes: {x: x, y: y, 'text-anchor': 'middle'} }); } function traceHasBarsOrFill(trace, subplot) { if(trace.visible !== true || trace.xaxis + trace.yaxis !== subplot) return false; if(Registry.traceIs(trace, 'bar') && trace.orientation === {x: 'h', y: 'v'}[axLetter]) return true; return trace.fill && trace.fill.charAt(trace.fill.length - 1) === axLetter; } function drawGrid(plotinfo, counteraxis, subplot) { var gridcontainer = plotinfo.gridlayer, zlcontainer = plotinfo.zerolinelayer, gridvals = plotinfo['hidegrid' + axLetter] ? [] : valsClipped, gridpath = ax._gridpath || 'M0,0' + ((axLetter === 'x') ? 'v' : 'h') + counteraxis._length, grid = gridcontainer.selectAll('path.' + gcls) .data((ax.showgrid === false) ? [] : gridvals, datafn); grid.enter().append('path').classed(gcls, 1) .classed('crisp', 1) .attr('d', gridpath) .each(function(d) { if(ax.zeroline && (ax.type === 'linear' || ax.type === '-') && Math.abs(d.x) < ax.dtick / 100) { d3.select(this).remove(); } }); grid.attr('transform', transfn) .call(Color.stroke, ax.gridcolor || '#ddd') .style('stroke-width', gridWidth + 'px'); grid.exit().remove(); // zero line if(zlcontainer) { var hasBarsOrFill = false; for(var i = 0; i < gd._fullData.length; i++) { if(traceHasBarsOrFill(gd._fullData[i], subplot)) { hasBarsOrFill = true; break; } } var rng = Lib.simpleMap(ax.range, ax.r2l), showZl = (rng[0] * rng[1] <= 0) && ax.zeroline && (ax.type === 'linear' || ax.type === '-') && gridvals.length && (hasBarsOrFill || clipEnds({x: 0}) || !ax.showline); var zl = zlcontainer.selectAll('path.' + zcls) .data(showZl ? [{x: 0}] : []); zl.enter().append('path').classed(zcls, 1).classed('zl', 1) .classed('crisp', 1) .attr('d', gridpath); zl.attr('transform', transfn) .call(Color.stroke, ax.zerolinecolor || Color.defaultLine) .style('stroke-width', zeroLineWidth + 'px'); zl.exit().remove(); } } if(independent) { drawTicks(ax._axislayer, tickpathfn(ax._pos + pad * ticksign[2], ticksign[2] * ax.ticklen)); if(ax._counteraxis) { var fictionalPlotinfo = { gridlayer: ax._gridlayer, zerolinelayer: ax._zerolinelayer }; drawGrid(fictionalPlotinfo, ax._counteraxis); } return drawLabels(ax._axislayer, ax._pos); } else { subplots = axes.getSubplots(gd, ax); var alldone = subplots.map(function(subplot) { var plotinfo = fullLayout._plots[subplot]; if(!fullLayout._has('cartesian')) return; var container = plotinfo[axLetter + 'axislayer'], // [bottom or left, top or right, free, main] linepositions = ax._linepositions[subplot] || [], counteraxis = plotinfo[counterLetter + 'axis'], mainSubplot = counteraxis._id === ax.anchor, ticksides = [false, false, false], tickpath = ''; // ticks if(ax.mirror === 'allticks') ticksides = [true, true, false]; else if(mainSubplot) { if(ax.mirror === 'ticks') ticksides = [true, true, false]; else ticksides[sides.indexOf(axside)] = true; } if(ax.mirrors) { for(i = 0; i < 2; i++) { var thisMirror = ax.mirrors[counteraxis._id + sides[i]]; if(thisMirror === 'ticks' || thisMirror === 'labels') { ticksides[i] = true; } } } // free axis ticks if(linepositions[2] !== undefined) ticksides[2] = true; ticksides.forEach(function(showside, sidei) { var pos = linepositions[sidei], tsign = ticksign[sidei]; if(showside && isNumeric(pos)) { tickpath += tickpathfn(pos + pad * tsign, tsign * ax.ticklen); } }); drawTicks(container, tickpath); drawGrid(plotinfo, counteraxis, subplot); return drawLabels(container, linepositions[3]); }).filter(function(onedone) { return onedone && onedone.then; }); return alldone.length ? Promise.all(alldone) : 0; } }; // swap all the presentation attributes of the axes showing these traces axes.swap = function(gd, traces) { var axGroups = makeAxisGroups(gd, traces); for(var i = 0; i < axGroups.length; i++) { swapAxisGroup(gd, axGroups[i].x, axGroups[i].y); } }; function makeAxisGroups(gd, traces) { var groups = [], i, j; for(i = 0; i < traces.length; i++) { var groupsi = [], xi = gd._fullData[traces[i]].xaxis, yi = gd._fullData[traces[i]].yaxis; if(!xi || !yi) continue; // not a 2D cartesian trace? for(j = 0; j < groups.length; j++) { if(groups[j].x.indexOf(xi) !== -1 || groups[j].y.indexOf(yi) !== -1) { groupsi.push(j); } } if(!groupsi.length) { groups.push({x: [xi], y: [yi]}); continue; } var group0 = groups[groupsi[0]], groupj; if(groupsi.length > 1) { for(j = 1; j < groupsi.length; j++) { groupj = groups[groupsi[j]]; mergeAxisGroups(group0.x, groupj.x); mergeAxisGroups(group0.y, groupj.y); } } mergeAxisGroups(group0.x, [xi]); mergeAxisGroups(group0.y, [yi]); } return groups; } function mergeAxisGroups(intoSet, fromSet) { for(var i = 0; i < fromSet.length; i++) { if(intoSet.indexOf(fromSet[i]) === -1) intoSet.push(fromSet[i]); } } function swapAxisGroup(gd, xIds, yIds) { var i, j, xFullAxes = [], yFullAxes = [], layout = gd.layout; for(i = 0; i < xIds.length; i++) xFullAxes.push(axes.getFromId(gd, xIds[i])); for(i = 0; i < yIds.length; i++) yFullAxes.push(axes.getFromId(gd, yIds[i])); var allAxKeys = Object.keys(xFullAxes[0]), noSwapAttrs = [ 'anchor', 'domain', 'overlaying', 'position', 'side', 'tickangle' ], numericTypes = ['linear', 'log']; for(i = 0; i < allAxKeys.length; i++) { var keyi = allAxKeys[i], xVal = xFullAxes[0][keyi], yVal = yFullAxes[0][keyi], allEqual = true, coerceLinearX = false, coerceLinearY = false; if(keyi.charAt(0) === '_' || typeof xVal === 'function' || noSwapAttrs.indexOf(keyi) !== -1) { continue; } for(j = 1; j < xFullAxes.length && allEqual; j++) { var xVali = xFullAxes[j][keyi]; if(keyi === 'type' && numericTypes.indexOf(xVal) !== -1 && numericTypes.indexOf(xVali) !== -1 && xVal !== xVali) { // type is special - if we find a mixture of linear and log, // coerce them all to linear on flipping coerceLinearX = true; } else if(xVali !== xVal) allEqual = false; } for(j = 1; j < yFullAxes.length && allEqual; j++) { var yVali = yFullAxes[j][keyi]; if(keyi === 'type' && numericTypes.indexOf(yVal) !== -1 && numericTypes.indexOf(yVali) !== -1 && yVal !== yVali) { // type is special - if we find a mixture of linear and log, // coerce them all to linear on flipping coerceLinearY = true; } else if(yFullAxes[j][keyi] !== yVal) allEqual = false; } if(allEqual) { if(coerceLinearX) layout[xFullAxes[0]._name].type = 'linear'; if(coerceLinearY) layout[yFullAxes[0]._name].type = 'linear'; swapAxisAttrs(layout, keyi, xFullAxes, yFullAxes); } } // now swap x&y for any annotations anchored to these x & y for(i = 0; i < gd._fullLayout.annotations.length; i++) { var ann = gd._fullLayout.annotations[i]; if(xIds.indexOf(ann.xref) !== -1 && yIds.indexOf(ann.yref) !== -1) { Lib.swapAttrs(layout.annotations[i], ['?']); } } } function swapAxisAttrs(layout, key, xFullAxes, yFullAxes) { // in case the value is the default for either axis, // look at the first axis in each list and see if // this key's value is undefined var np = Lib.nestedProperty, xVal = np(layout[xFullAxes[0]._name], key).get(), yVal = np(layout[yFullAxes[0]._name], key).get(), i; if(key === 'title') { // special handling of placeholder titles if(xVal === 'Click to enter X axis title') { xVal = 'Click to enter Y axis title'; } if(yVal === 'Click to enter Y axis title') { yVal = 'Click to enter X axis title'; } } for(i = 0; i < xFullAxes.length; i++) { np(layout, xFullAxes[i]._name + '.' + key).set(yVal); } for(i = 0; i < yFullAxes.length; i++) { np(layout, yFullAxes[i]._name + '.' + key).set(xVal); } } },{"../../components/color":34,"../../components/drawing":58,"../../components/titles":123,"../../constants/alignment":130,"../../constants/numerical":132,"../../lib":147,"../../lib/svg_text_utils":164,"../../registry":219,"./axis_autotype":184,"./axis_ids":186,"./layout_attributes":194,"./layout_defaults":195,"./set_convert":200,"d3":7,"fast-isnumeric":10}],184:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var Lib = require('../../lib'); var BADNUM = require('../../constants/numerical').BADNUM; module.exports = function autoType(array, calendar) { if(moreDates(array, calendar)) return 'date'; if(category(array)) return 'category'; if(linearOK(array)) return 'linear'; else return '-'; }; // is there at least one number in array? If not, we should leave // ax.type empty so it can be autoset later function linearOK(array) { if(!array) return false; for(var i = 0; i < array.length; i++) { if(isNumeric(array[i])) return true; } return false; } // does the array a have mostly dates rather than numbers? // note: some values can be neither (such as blanks, text) // 2- or 4-digit integers can be both, so require twice as many // dates as non-dates, to exclude cases with mostly 2 & 4 digit // numbers and a few dates function moreDates(a, calendar) { var dcnt = 0, ncnt = 0, // test at most 1000 points, evenly spaced inc = Math.max(1, (a.length - 1) / 1000), ai; for(var i = 0; i < a.length; i += inc) { ai = a[Math.round(i)]; if(Lib.isDateTime(ai, calendar)) dcnt += 1; if(isNumeric(ai)) ncnt += 1; } return (dcnt > ncnt * 2); } // are the (x,y)-values in gd.data mostly text? // require twice as many categories as numbers function category(a) { // test at most 1000 points var inc = Math.max(1, (a.length - 1) / 1000), curvenums = 0, curvecats = 0, ai; for(var i = 0; i < a.length; i += inc) { ai = a[Math.round(i)]; if(Lib.cleanNumber(ai) !== BADNUM) curvenums++; else if(typeof ai === 'string' && ai !== '' && ai !== 'None') curvecats++; } return curvecats > curvenums * 2; } },{"../../constants/numerical":132,"../../lib":147,"fast-isnumeric":10}],185:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var colorMix = require('tinycolor2').mix; var Registry = require('../../registry'); var Lib = require('../../lib'); var lightFraction = require('../../components/color/attributes').lightFraction; var layoutAttributes = require('./layout_attributes'); var handleTickValueDefaults = require('./tick_value_defaults'); var handleTickMarkDefaults = require('./tick_mark_defaults'); var handleTickLabelDefaults = require('./tick_label_defaults'); var handleCategoryOrderDefaults = require('./category_order_defaults'); var setConvert = require('./set_convert'); var orderedCategories = require('./ordered_categories'); /** * options: object containing: * * letter: 'x' or 'y' * title: name of the axis (ie 'Colorbar') to go in default title * font: the default font to inherit * outerTicks: boolean, should ticks default to outside? * showGrid: boolean, should gridlines be shown by default? * noHover: boolean, this axis doesn't support hover effects? * data: the plot data, used to manage categories * bgColor: the plot background color, to calculate default gridline colors */ module.exports = function handleAxisDefaults(containerIn, containerOut, coerce, options, layoutOut) { var letter = options.letter, font = options.font || {}, defaultTitle = 'Click to enter ' + (options.title || (letter.toUpperCase() + ' axis')) + ' title'; function coerce2(attr, dflt) { return Lib.coerce2(containerIn, containerOut, layoutAttributes, attr, dflt); } var visible = coerce('visible', !options.cheateronly); var axType = containerOut.type; if(axType === 'date') { var handleCalendarDefaults = Registry.getComponentMethod('calendars', 'handleDefaults'); handleCalendarDefaults(containerIn, containerOut, 'calendar', options.calendar); } setConvert(containerOut, layoutOut); var autoRange = coerce('autorange', !containerOut.isValidRange(containerIn.range)); if(autoRange) coerce('rangemode'); coerce('range'); containerOut.cleanRange(); handleCategoryOrderDefaults(containerIn, containerOut, coerce); containerOut._initialCategories = axType === 'category' ? orderedCategories(letter, containerOut.categoryorder, containerOut.categoryarray, options.data) : []; if(!visible) return containerOut; var dfltColor = coerce('color'); // if axis.color was provided, use it for fonts too; otherwise, // inherit from global font color in case that was provided. var dfltFontColor = (dfltColor === containerIn.color) ? dfltColor : font.color; coerce('title', defaultTitle); Lib.coerceFont(coerce, 'titlefont', { family: font.family, size: Math.round(font.size * 1.2), color: dfltFontColor }); handleTickValueDefaults(containerIn, containerOut, coerce, axType); handleTickLabelDefaults(containerIn, containerOut, coerce, axType, options); handleTickMarkDefaults(containerIn, containerOut, coerce, options); var lineColor = coerce2('linecolor', dfltColor), lineWidth = coerce2('linewidth'), showLine = coerce('showline', !!lineColor || !!lineWidth); if(!showLine) { delete containerOut.linecolor; delete containerOut.linewidth; } if(showLine || containerOut.ticks) coerce('mirror'); var gridColor = coerce2('gridcolor', colorMix(dfltColor, options.bgColor, lightFraction).toRgbString()), gridWidth = coerce2('gridwidth'), showGridLines = coerce('showgrid', options.showGrid || !!gridColor || !!gridWidth); if(!showGridLines) { delete containerOut.gridcolor; delete containerOut.gridwidth; } var zeroLineColor = coerce2('zerolinecolor', dfltColor), zeroLineWidth = coerce2('zerolinewidth'), showZeroLine = coerce('zeroline', options.showGrid || !!zeroLineColor || !!zeroLineWidth); if(!showZeroLine) { delete containerOut.zerolinecolor; delete containerOut.zerolinewidth; } return containerOut; }; },{"../../components/color/attributes":33,"../../lib":147,"../../registry":219,"./category_order_defaults":187,"./layout_attributes":194,"./ordered_categories":196,"./set_convert":200,"./tick_label_defaults":201,"./tick_mark_defaults":202,"./tick_value_defaults":203,"tinycolor2":16}],186:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = require('../../registry'); var Plots = require('../plots'); var Lib = require('../../lib'); var constants = require('./constants'); // convert between axis names (xaxis, xaxis2, etc, elements of gd.layout) // and axis id's (x, x2, etc). Would probably have ditched 'xaxis' // completely in favor of just 'x' if it weren't ingrained in the API etc. exports.id2name = function id2name(id) { if(typeof id !== 'string' || !id.match(constants.AX_ID_PATTERN)) return; var axNum = id.substr(1); if(axNum === '1') axNum = ''; return id.charAt(0) + 'axis' + axNum; }; exports.name2id = function name2id(name) { if(!name.match(constants.AX_NAME_PATTERN)) return; var axNum = name.substr(5); if(axNum === '1') axNum = ''; return name.charAt(0) + axNum; }; exports.cleanId = function cleanId(id, axLetter) { if(!id.match(constants.AX_ID_PATTERN)) return; if(axLetter && id.charAt(0) !== axLetter) return; var axNum = id.substr(1).replace(/^0+/, ''); if(axNum === '1') axNum = ''; return id.charAt(0) + axNum; }; // get all axis object names // optionally restricted to only x or y or z by string axLetter // and optionally 2D axes only, not those inside 3D scenes function listNames(gd, axLetter, only2d) { var fullLayout = gd._fullLayout; if(!fullLayout) return []; function filterAxis(obj, extra) { var keys = Object.keys(obj), axMatch = /^[xyz]axis[0-9]*/, out = []; for(var i = 0; i < keys.length; i++) { var k = keys[i]; if(axLetter && k.charAt(0) !== axLetter) continue; if(axMatch.test(k)) out.push(extra + k); } return out.sort(); } var names = filterAxis(fullLayout, ''); if(only2d) return names; var sceneIds3D = Plots.getSubplotIds(fullLayout, 'gl3d') || []; for(var i = 0; i < sceneIds3D.length; i++) { var sceneId = sceneIds3D[i]; names = names.concat( filterAxis(fullLayout[sceneId], sceneId + '.') ); } return names; } // get all axis objects, as restricted in listNames exports.list = function(gd, axletter, only2d) { return listNames(gd, axletter, only2d) .map(function(axName) { return Lib.nestedProperty(gd._fullLayout, axName).get(); }); }; // get all axis ids, optionally restricted by letter // this only makes sense for 2d axes exports.listIds = function(gd, axletter) { return listNames(gd, axletter, true).map(exports.name2id); }; // get an axis object from its id 'x','x2' etc // optionally, id can be a subplot (ie 'x2y3') and type gets x or y from it exports.getFromId = function(gd, id, type) { var fullLayout = gd._fullLayout; if(type === 'x') id = id.replace(/y[0-9]*/, ''); else if(type === 'y') id = id.replace(/x[0-9]*/, ''); return fullLayout[exports.id2name(id)]; }; // get an axis object of specified type from the containing trace exports.getFromTrace = function(gd, fullTrace, type) { var fullLayout = gd._fullLayout; var ax = null; if(Registry.traceIs(fullTrace, 'gl3d')) { var scene = fullTrace.scene; if(scene.substr(0, 5) === 'scene') { ax = fullLayout[scene][type + 'axis']; } } else { ax = exports.getFromId(gd, fullTrace[type + 'axis'] || type); } return ax; }; },{"../../lib":147,"../../registry":219,"../plots":212,"./constants":188}],187:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = function handleCategoryOrderDefaults(containerIn, containerOut, coerce) { if(containerOut.type !== 'category') return; var arrayIn = containerIn.categoryarray, orderDefault; var isValidArray = (Array.isArray(arrayIn) && arrayIn.length > 0); // override default 'categoryorder' value when non-empty array is supplied if(isValidArray) orderDefault = 'array'; var order = coerce('categoryorder', orderDefault); // coerce 'categoryarray' only in array order case if(order === 'array') coerce('categoryarray'); // cannot set 'categoryorder' to 'array' with an invalid 'categoryarray' if(!isValidArray && order === 'array') { containerOut.categoryorder = 'trace'; } }; },{}],188:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { idRegex: { x: /^x([2-9]|[1-9][0-9]+)?$/, y: /^y([2-9]|[1-9][0-9]+)?$/ }, attrRegex: { x: /^xaxis([2-9]|[1-9][0-9]+)?$/, y: /^yaxis([2-9]|[1-9][0-9]+)?$/ }, // axis match regular expression xAxisMatch: /^xaxis[0-9]*$/, yAxisMatch: /^yaxis[0-9]*$/, // pattern matching axis ids and names AX_ID_PATTERN: /^[xyz][0-9]*$/, AX_NAME_PATTERN: /^[xyz]axis[0-9]*$/, // pixels to move mouse before you stop clamping to starting point MINDRAG: 8, // smallest dimension allowed for a select box MINSELECT: 12, // smallest dimension allowed for a zoombox MINZOOM: 20, // width of axis drag regions DRAGGERSIZE: 20, // max pixels off straight before a lasso select line counts as bent BENDPX: 1.5, // delay before a redraw (relayout) after smooth panning and zooming REDRAWDELAY: 50, // last resort axis ranges for x and y axes if we have no data DFLTRANGEX: [-1, 6], DFLTRANGEY: [-1, 4], // Layers to keep trace types in the right order. // from back to front: // 1. heatmaps, 2D histos and contour maps // 2. bars / 1D histos // 3. errorbars for bars and scatter // 4. scatter // 5. box plots traceLayerClasses: [ 'imagelayer', 'maplayer', 'barlayer', 'carpetlayer', 'boxlayer', 'scatterlayer' ], layerValue2layerClass: { 'above traces': 'above', 'below traces': 'below' } }; },{}],189:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var id2name = require('./axis_ids').id2name; module.exports = function handleConstraintDefaults(containerIn, containerOut, coerce, allAxisIds, layoutOut) { var constraintGroups = layoutOut._axisConstraintGroups; var thisID = containerOut._id; var letter = thisID.charAt(0); if(containerOut.fixedrange) return; // coerce the constraint mechanics even if this axis has no scaleanchor // because it may be the anchor of another axis. coerce('constrain'); Lib.coerce(containerIn, containerOut, { constraintoward: { valType: 'enumerated', values: letter === 'x' ? ['left', 'center', 'right'] : ['bottom', 'middle', 'top'], dflt: letter === 'x' ? 'center' : 'middle' } }, 'constraintoward'); if(!containerIn.scaleanchor) return; var constraintOpts = getConstraintOpts(constraintGroups, thisID, allAxisIds, layoutOut); var scaleanchor = Lib.coerce(containerIn, containerOut, { scaleanchor: { valType: 'enumerated', values: constraintOpts.linkableAxes } }, 'scaleanchor'); if(scaleanchor) { var scaleratio = coerce('scaleratio'); // TODO: I suppose I could do attribute.min: Number.MIN_VALUE to avoid zero, // but that seems hacky. Better way to say "must be a positive number"? // Of course if you use several super-tiny values you could eventually // force a product of these to zero and all hell would break loose... // Likewise with super-huge values. if(!scaleratio) scaleratio = containerOut.scaleratio = 1; updateConstraintGroups(constraintGroups, constraintOpts.thisGroup, thisID, scaleanchor, scaleratio); } else if(allAxisIds.indexOf(containerIn.scaleanchor) !== -1) { Lib.warn('ignored ' + containerOut._name + '.scaleanchor: "' + containerIn.scaleanchor + '" to avoid either an infinite loop ' + 'and possibly inconsistent scaleratios, or because the target' + 'axis has fixed range.'); } }; function getConstraintOpts(constraintGroups, thisID, allAxisIds, layoutOut) { // If this axis is already part of a constraint group, we can't // scaleanchor any other axis in that group, or we'd make a loop. // Filter allAxisIds to enforce this, also matching axis types. var thisType = layoutOut[id2name(thisID)].type; var i, j, idj, axj; var linkableAxes = []; for(j = 0; j < allAxisIds.length; j++) { idj = allAxisIds[j]; if(idj === thisID) continue; axj = layoutOut[id2name(idj)]; if(axj.type === thisType && !axj.fixedrange) linkableAxes.push(idj); } for(i = 0; i < constraintGroups.length; i++) { if(constraintGroups[i][thisID]) { var thisGroup = constraintGroups[i]; var linkableAxesNoLoops = []; for(j = 0; j < linkableAxes.length; j++) { idj = linkableAxes[j]; if(!thisGroup[idj]) linkableAxesNoLoops.push(idj); } return {linkableAxes: linkableAxesNoLoops, thisGroup: thisGroup}; } } return {linkableAxes: linkableAxes, thisGroup: null}; } /* * Add this axis to the axis constraint groups, which is the collection * of axes that are all constrained together on scale. * * constraintGroups: a list of objects. each object is * {axis_id: scale_within_group}, where scale_within_group is * only important relative to the rest of the group, and defines * the relative scales between all axes in the group * * thisGroup: the group the current axis is already in * thisID: the id if the current axis * scaleanchor: the id of the axis to scale it with * scaleratio: the ratio of this axis to the scaleanchor axis */ function updateConstraintGroups(constraintGroups, thisGroup, thisID, scaleanchor, scaleratio) { var i, j, groupi, keyj, thisGroupIndex; if(thisGroup === null) { thisGroup = {}; thisGroup[thisID] = 1; thisGroupIndex = constraintGroups.length; constraintGroups.push(thisGroup); } else { thisGroupIndex = constraintGroups.indexOf(thisGroup); } var thisGroupKeys = Object.keys(thisGroup); // we know that this axis isn't in any other groups, but we don't know // about the scaleanchor axis. If it is, we need to merge the groups. for(i = 0; i < constraintGroups.length; i++) { groupi = constraintGroups[i]; if(i !== thisGroupIndex && groupi[scaleanchor]) { var baseScale = groupi[scaleanchor]; for(j = 0; j < thisGroupKeys.length; j++) { keyj = thisGroupKeys[j]; groupi[keyj] = baseScale * scaleratio * thisGroup[keyj]; } constraintGroups.splice(thisGroupIndex, 1); return; } } // otherwise, we insert the new scaleanchor axis as the base scale (1) // in its group, and scale the rest of the group to it if(scaleratio !== 1) { for(j = 0; j < thisGroupKeys.length; j++) { thisGroup[thisGroupKeys[j]] *= scaleratio; } } thisGroup[scaleanchor] = 1; } },{"../../lib":147,"./axis_ids":186}],190:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var id2name = require('./axis_ids').id2name; var scaleZoom = require('./scale_zoom'); var ALMOST_EQUAL = require('../../constants/numerical').ALMOST_EQUAL; var FROM_BL = require('../../constants/alignment').FROM_BL; exports.enforce = function enforceAxisConstraints(gd) { var fullLayout = gd._fullLayout; var constraintGroups = fullLayout._axisConstraintGroups; var i, j, axisID, ax, normScale, mode, factor; for(i = 0; i < constraintGroups.length; i++) { var group = constraintGroups[i]; var axisIDs = Object.keys(group); var minScale = Infinity; var maxScale = 0; // mostly matchScale will be the same as minScale // ie we expand axis ranges to encompass *everything* // that's currently in any of their ranges, but during // autorange of a subset of axes we will ignore other // axes for this purpose. var matchScale = Infinity; var normScales = {}; var axes = {}; var hasAnyDomainConstraint = false; // find the (normalized) scale of each axis in the group for(j = 0; j < axisIDs.length; j++) { axisID = axisIDs[j]; axes[axisID] = ax = fullLayout[id2name(axisID)]; if(ax._inputDomain) ax.domain = ax._inputDomain.slice(); else ax._inputDomain = ax.domain.slice(); if(!ax._inputRange) ax._inputRange = ax.range.slice(); // set axis scale here so we can use _m rather than // having to calculate it from length and range ax.setScale(); // abs: inverted scales still satisfy the constraint normScales[axisID] = normScale = Math.abs(ax._m) / group[axisID]; minScale = Math.min(minScale, normScale); if(ax.constrain === 'domain' || !ax._constraintShrinkable) { matchScale = Math.min(matchScale, normScale); } // this has served its purpose, so remove it delete ax._constraintShrinkable; maxScale = Math.max(maxScale, normScale); if(ax.constrain === 'domain') hasAnyDomainConstraint = true; } // Do we have a constraint mismatch? Give a small buffer for rounding errors if(minScale > ALMOST_EQUAL * maxScale && !hasAnyDomainConstraint) continue; // now increase any ranges we need to until all normalized scales are equal for(j = 0; j < axisIDs.length; j++) { axisID = axisIDs[j]; normScale = normScales[axisID]; ax = axes[axisID]; mode = ax.constrain; // even if the scale didn't change, if we're shrinking domain // we need to recalculate in case `constraintoward` changed if(normScale !== matchScale || mode === 'domain') { factor = normScale / matchScale; if(mode === 'range') { scaleZoom(ax, factor); } else { // mode === 'domain' var inputDomain = ax._inputDomain; var domainShrunk = (ax.domain[1] - ax.domain[0]) / (inputDomain[1] - inputDomain[0]); var rangeShrunk = (ax.r2l(ax.range[1]) - ax.r2l(ax.range[0])) / (ax.r2l(ax._inputRange[1]) - ax.r2l(ax._inputRange[0])); factor /= domainShrunk; if(factor * rangeShrunk < 1) { // we've asked to magnify the axis more than we can just by // enlarging the domain - so we need to constrict range ax.domain = ax._input.domain = inputDomain.slice(); scaleZoom(ax, factor); continue; } if(rangeShrunk < 1) { // the range has previously been constricted by ^^, but we've // switched to the domain-constricted regime, so reset range ax.range = ax._input.range = ax._inputRange.slice(); factor *= rangeShrunk; } if(ax.autorange && ax._min.length && ax._max.length) { /* * range & factor may need to change because range was * calculated for the larger scaling, so some pixel * paddings may get cut off when we reduce the domain. * * This is easier than the regular autorange calculation * because we already know the scaling `m`, but we still * need to cut out impossible constraints (like * annotations with super-long arrows). That's what * outerMin/Max are for - if the expansion was going to * go beyond the original domain, it must be impossible */ var rl0 = ax.r2l(ax.range[0]); var rl1 = ax.r2l(ax.range[1]); var rangeCenter = (rl0 + rl1) / 2; var rangeMin = rangeCenter; var rangeMax = rangeCenter; var halfRange = Math.abs(rl1 - rangeCenter); // extra tiny bit for rounding errors, in case we actually // *are* expanding to the full domain var outerMin = rangeCenter - halfRange * factor * 1.0001; var outerMax = rangeCenter + halfRange * factor * 1.0001; updateDomain(ax, factor); ax.setScale(); var m = Math.abs(ax._m); var newVal; var k; for(k = 0; k < ax._min.length; k++) { newVal = ax._min[k].val - ax._min[k].pad / m; if(newVal > outerMin && newVal < rangeMin) { rangeMin = newVal; } } for(k = 0; k < ax._max.length; k++) { newVal = ax._max[k].val + ax._max[k].pad / m; if(newVal < outerMax && newVal > rangeMax) { rangeMax = newVal; } } var domainExpand = (rangeMax - rangeMin) / (2 * halfRange); factor /= domainExpand; rangeMin = ax.l2r(rangeMin); rangeMax = ax.l2r(rangeMax); ax.range = ax._input.range = (rl0 < rl1) ? [rangeMin, rangeMax] : [rangeMax, rangeMin]; } updateDomain(ax, factor); } } } } }; // For use before autoranging, check if this axis was previously constrained // by domain but no longer is exports.clean = function cleanConstraints(gd, ax) { if(ax._inputDomain) { var isConstrained = false; var axId = ax._id; var constraintGroups = gd._fullLayout._axisConstraintGroups; for(var j = 0; j < constraintGroups.length; j++) { if(constraintGroups[j][axId]) { isConstrained = true; break; } } if(!isConstrained || ax.constrain !== 'domain') { ax._input.domain = ax.domain = ax._inputDomain; delete ax._inputDomain; } } }; function updateDomain(ax, factor) { var inputDomain = ax._inputDomain; var centerFraction = FROM_BL[ax.constraintoward]; var center = inputDomain[0] + (inputDomain[1] - inputDomain[0]) * centerFraction; ax.domain = ax._input.domain = [ center + (inputDomain[0] - center) / factor, center + (inputDomain[1] - center) / factor ]; } },{"../../constants/alignment":130,"../../constants/numerical":132,"./axis_ids":186,"./scale_zoom":198}],191:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var tinycolor = require('tinycolor2'); var Plotly = require('../../plotly'); var Registry = require('../../registry'); var Lib = require('../../lib'); var svgTextUtils = require('../../lib/svg_text_utils'); var Color = require('../../components/color'); var Drawing = require('../../components/drawing'); var setCursor = require('../../lib/setcursor'); var dragElement = require('../../components/dragelement'); var FROM_TL = require('../../constants/alignment').FROM_TL; var Plots = require('../plots'); var doTicks = require('./axes').doTicks; var getFromId = require('./axis_ids').getFromId; var prepSelect = require('./select'); var scaleZoom = require('./scale_zoom'); var constants = require('./constants'); var MINDRAG = constants.MINDRAG; var MINZOOM = constants.MINZOOM; // flag for showing "doubleclick to zoom out" only at the beginning var SHOWZOOMOUTTIP = true; // dragBox: create an element to drag one or more axis ends // inputs: // plotinfo - which subplot are we making dragboxes on? // x,y,w,h - left, top, width, height of the box // ns - how does this drag the vertical axis? // 'n' - top only // 's' - bottom only // 'ns' - top and bottom together, difference unchanged // ew - same for horizontal axis module.exports = function dragBox(gd, plotinfo, x, y, w, h, ns, ew) { // mouseDown stores ms of first mousedown event in the last // DBLCLICKDELAY ms on the drag bars // numClicks stores how many mousedowns have been seen // within DBLCLICKDELAY so we can check for click or doubleclick events // dragged stores whether a drag has occurred, so we don't have to // redraw unnecessarily, ie if no move bigger than MINDRAG or MINZOOM px var fullLayout = gd._fullLayout, zoomlayer = gd._fullLayout._zoomlayer, isMainDrag = (ns + ew === 'nsew'), subplots, xa, ya, xs, ys, pw, ph, xActive, yActive, cursor, isSubplotConstrained, xaLinked, yaLinked; function recomputeAxisLists() { xa = [plotinfo.xaxis]; ya = [plotinfo.yaxis]; var xa0 = xa[0]; var ya0 = ya[0]; pw = xa0._length; ph = ya0._length; var constraintGroups = fullLayout._axisConstraintGroups; var xIDs = [xa0._id]; var yIDs = [ya0._id]; // if we're dragging two axes at once, also drag overlays subplots = [plotinfo].concat((ns && ew) ? plotinfo.overlays : []); for(var i = 1; i < subplots.length; i++) { var subplotXa = subplots[i].xaxis, subplotYa = subplots[i].yaxis; if(xa.indexOf(subplotXa) === -1) { xa.push(subplotXa); xIDs.push(subplotXa._id); } if(ya.indexOf(subplotYa) === -1) { ya.push(subplotYa); yIDs.push(subplotYa._id); } } xActive = isDirectionActive(xa, ew); yActive = isDirectionActive(ya, ns); cursor = getDragCursor(yActive + xActive, fullLayout.dragmode); xs = xa0._offset; ys = ya0._offset; var links = calcLinks(constraintGroups, xIDs, yIDs); isSubplotConstrained = links.xy; // finally make the list of axis objects to link xaLinked = []; for(var xLinkID in links.x) { xaLinked.push(getFromId(gd, xLinkID)); } yaLinked = []; for(var yLinkID in links.y) { yaLinked.push(getFromId(gd, yLinkID)); } } recomputeAxisLists(); var dragger = makeDragger(plotinfo, ns + ew + 'drag', cursor, x, y, w, h); // still need to make the element if the axes are disabled // but nuke its events (except for maindrag which needs them for hover) // and stop there if(!yActive && !xActive && !isSelectOrLasso(fullLayout.dragmode)) { dragger.onmousedown = null; dragger.style.pointerEvents = isMainDrag ? 'all' : 'none'; return dragger; } var dragOptions = { element: dragger, gd: gd, plotinfo: plotinfo, prepFn: function(e, startX, startY) { var dragModeNow = gd._fullLayout.dragmode; if(isMainDrag) { // main dragger handles all drag modes, and changes // to pan (or to zoom if it already is pan) on shift if(e.shiftKey) { if(dragModeNow === 'pan') dragModeNow = 'zoom'; else dragModeNow = 'pan'; } } // all other draggers just pan else dragModeNow = 'pan'; if(dragModeNow === 'lasso') dragOptions.minDrag = 1; else dragOptions.minDrag = undefined; if(dragModeNow === 'zoom') { dragOptions.moveFn = zoomMove; dragOptions.doneFn = zoomDone; // zoomMove takes care of the threshold, but we need to // minimize this so that constrained zoom boxes will flip // orientation at the right place dragOptions.minDrag = 1; zoomPrep(e, startX, startY); } else if(dragModeNow === 'pan') { dragOptions.moveFn = plotDrag; dragOptions.doneFn = dragDone; clearSelect(zoomlayer); } else if(isSelectOrLasso(dragModeNow)) { dragOptions.xaxes = xa; dragOptions.yaxes = ya; prepSelect(e, startX, startY, dragOptions, dragModeNow); } } }; dragElement.init(dragOptions); var x0, y0, box, lum, path0, dimmed, zoomMode, zb, corners; // collected changes to be made to the plot by relayout at the end var updates = {}; function zoomPrep(e, startX, startY) { var dragBBox = dragger.getBoundingClientRect(); x0 = startX - dragBBox.left; y0 = startY - dragBBox.top; box = {l: x0, r: x0, w: 0, t: y0, b: y0, h: 0}; lum = gd._hmpixcount ? (gd._hmlumcount / gd._hmpixcount) : tinycolor(gd._fullLayout.plot_bgcolor).getLuminance(); path0 = 'M0,0H' + pw + 'V' + ph + 'H0V0'; dimmed = false; zoomMode = 'xy'; zb = makeZoombox(zoomlayer, lum, xs, ys, path0); corners = makeCorners(zoomlayer, xs, ys); clearSelect(zoomlayer); } function zoomMove(dx0, dy0) { if(gd._transitioningWithDuration) { return false; } var x1 = Math.max(0, Math.min(pw, dx0 + x0)), y1 = Math.max(0, Math.min(ph, dy0 + y0)), dx = Math.abs(x1 - x0), dy = Math.abs(y1 - y0); box.l = Math.min(x0, x1); box.r = Math.max(x0, x1); box.t = Math.min(y0, y1); box.b = Math.max(y0, y1); function noZoom() { zoomMode = ''; box.r = box.l; box.t = box.b; corners.attr('d', 'M0,0Z'); } if(isSubplotConstrained) { if(dx > MINZOOM || dy > MINZOOM) { zoomMode = 'xy'; if(dx / pw > dy / ph) { dy = dx * ph / pw; if(y0 > y1) box.t = y0 - dy; else box.b = y0 + dy; } else { dx = dy * pw / ph; if(x0 > x1) box.l = x0 - dx; else box.r = x0 + dx; } corners.attr('d', xyCorners(box)); } else { noZoom(); } } // look for small drags in one direction or the other, // and only drag the other axis else if(!yActive || dy < Math.min(Math.max(dx * 0.6, MINDRAG), MINZOOM)) { if(dx < MINDRAG) { noZoom(); } else { box.t = 0; box.b = ph; zoomMode = 'x'; corners.attr('d', xCorners(box, y0)); } } else if(!xActive || dx < Math.min(dy * 0.6, MINZOOM)) { box.l = 0; box.r = pw; zoomMode = 'y'; corners.attr('d', yCorners(box, x0)); } else { zoomMode = 'xy'; corners.attr('d', xyCorners(box)); } box.w = box.r - box.l; box.h = box.b - box.t; updateZoombox(zb, corners, box, path0, dimmed, lum); dimmed = true; } function zoomDone(dragged, numClicks) { if(Math.min(box.h, box.w) < MINDRAG * 2) { if(numClicks === 2) doubleClick(); return removeZoombox(gd); } // TODO: edit linked axes in zoomAxRanges and in dragTail if(zoomMode === 'xy' || zoomMode === 'x') zoomAxRanges(xa, box.l / pw, box.r / pw, updates, xaLinked); if(zoomMode === 'xy' || zoomMode === 'y') zoomAxRanges(ya, (ph - box.b) / ph, (ph - box.t) / ph, updates, yaLinked); removeZoombox(gd); dragTail(zoomMode); if(SHOWZOOMOUTTIP && gd.data && gd._context.showTips) { Lib.notifier('Double-click to
zoom back out', 'long'); SHOWZOOMOUTTIP = false; } } function dragDone(dragged, numClicks) { var singleEnd = (ns + ew).length === 1; if(dragged) dragTail(); else if(numClicks === 2 && !singleEnd) doubleClick(); else if(numClicks === 1 && singleEnd) { var ax = ns ? ya[0] : xa[0], end = (ns === 's' || ew === 'w') ? 0 : 1, attrStr = ax._name + '.range[' + end + ']', initialText = getEndText(ax, end), hAlign = 'left', vAlign = 'middle'; if(ax.fixedrange) return; if(ns) { vAlign = (ns === 'n') ? 'top' : 'bottom'; if(ax.side === 'right') hAlign = 'right'; } else if(ew === 'e') hAlign = 'right'; if(gd._context.showAxisRangeEntryBoxes) { d3.select(dragger) .call(svgTextUtils.makeEditable, { gd: gd, immediate: true, background: fullLayout.paper_bgcolor, text: String(initialText), fill: ax.tickfont ? ax.tickfont.color : '#444', horizontalAlign: hAlign, verticalAlign: vAlign }) .on('edit', function(text) { var v = ax.d2r(text); if(v !== undefined) { Plotly.relayout(gd, attrStr, v); } }); } } } // scroll zoom, on all draggers except corners var scrollViewBox = [0, 0, pw, ph]; // wait a little after scrolling before redrawing var redrawTimer = null; var REDRAWDELAY = constants.REDRAWDELAY; var mainplot = plotinfo.mainplot ? fullLayout._plots[plotinfo.mainplot] : plotinfo; function zoomWheel(e) { // deactivate mousewheel scrolling on embedded graphs // devs can override this with layout._enablescrollzoom, // but _ ensures this setting won't leave their page if(!gd._context.scrollZoom && !fullLayout._enablescrollzoom) { return; } // If a transition is in progress, then disable any behavior: if(gd._transitioningWithDuration) { return Lib.pauseEvent(e); } var pc = gd.querySelector('.plotly'); recomputeAxisLists(); // if the plot has scrollbars (more than a tiny excess) // disable scrollzoom too. if(pc.scrollHeight - pc.clientHeight > 10 || pc.scrollWidth - pc.clientWidth > 10) { return; } clearTimeout(redrawTimer); var wheelDelta = -e.deltaY; if(!isFinite(wheelDelta)) wheelDelta = e.wheelDelta / 10; if(!isFinite(wheelDelta)) { Lib.log('Did not find wheel motion attributes: ', e); return; } var zoom = Math.exp(-Math.min(Math.max(wheelDelta, -20), 20) / 100), gbb = mainplot.draglayer.select('.nsewdrag') .node().getBoundingClientRect(), xfrac = (e.clientX - gbb.left) / gbb.width, yfrac = (gbb.bottom - e.clientY) / gbb.height, i; function zoomWheelOneAxis(ax, centerFraction, zoom) { if(ax.fixedrange) return; var axRange = Lib.simpleMap(ax.range, ax.r2l), v0 = axRange[0] + (axRange[1] - axRange[0]) * centerFraction; function doZoom(v) { return ax.l2r(v0 + (v - v0) * zoom); } ax.range = axRange.map(doZoom); } if(ew || isSubplotConstrained) { // if we're only zooming this axis because of constraints, // zoom it about the center if(!ew) xfrac = 0.5; for(i = 0; i < xa.length; i++) zoomWheelOneAxis(xa[i], xfrac, zoom); scrollViewBox[2] *= zoom; scrollViewBox[0] += scrollViewBox[2] * xfrac * (1 / zoom - 1); } if(ns || isSubplotConstrained) { if(!ns) yfrac = 0.5; for(i = 0; i < ya.length; i++) zoomWheelOneAxis(ya[i], yfrac, zoom); scrollViewBox[3] *= zoom; scrollViewBox[1] += scrollViewBox[3] * (1 - yfrac) * (1 / zoom - 1); } // viewbox redraw at first updateSubplots(scrollViewBox); ticksAndAnnotations(ns, ew); // then replot after a delay to make sure // no more scrolling is coming redrawTimer = setTimeout(function() { scrollViewBox = [0, 0, pw, ph]; var zoomMode; if(isSubplotConstrained) zoomMode = 'xy'; else zoomMode = (ew ? 'x' : '') + (ns ? 'y' : ''); dragTail(zoomMode); }, REDRAWDELAY); return Lib.pauseEvent(e); } // everything but the corners gets wheel zoom if(ns.length * ew.length !== 1) { // still seems to be some confusion about onwheel vs onmousewheel... if(dragger.onwheel !== undefined) dragger.onwheel = zoomWheel; else if(dragger.onmousewheel !== undefined) dragger.onmousewheel = zoomWheel; } // plotDrag: move the plot in response to a drag function plotDrag(dx, dy) { // If a transition is in progress, then disable any behavior: if(gd._transitioningWithDuration) { return; } recomputeAxisLists(); if(xActive === 'ew' || yActive === 'ns') { if(xActive) dragAxList(xa, dx); if(yActive) dragAxList(ya, dy); updateSubplots([xActive ? -dx : 0, yActive ? -dy : 0, pw, ph]); ticksAndAnnotations(yActive, xActive); return; } // dz: set a new value for one end (0 or 1) of an axis array axArray, // and return a pixel shift for that end for the viewbox // based on pixel drag distance d // TODO: this makes (generally non-fatal) errors when you get // near floating point limits function dz(axArray, end, d) { var otherEnd = 1 - end, movedAx, newLinearizedEnd; for(var i = 0; i < axArray.length; i++) { var axi = axArray[i]; if(axi.fixedrange) continue; movedAx = axi; newLinearizedEnd = axi._rl[otherEnd] + (axi._rl[end] - axi._rl[otherEnd]) / dZoom(d / axi._length); var newEnd = axi.l2r(newLinearizedEnd); // if l2r comes back false or undefined, it means we've dragged off // the end of valid ranges - so stop. if(newEnd !== false && newEnd !== undefined) axi.range[end] = newEnd; } return movedAx._length * (movedAx._rl[end] - newLinearizedEnd) / (movedAx._rl[end] - movedAx._rl[otherEnd]); } if(isSubplotConstrained && xActive && yActive) { // dragging a corner of a constrained subplot: // respect the fixed corner, but harmonize dx and dy var dxySign = ((xActive === 'w') === (yActive === 'n')) ? 1 : -1; var dxyFraction = (dx / pw + dxySign * dy / ph) / 2; dx = dxyFraction * pw; dy = dxySign * dxyFraction * ph; } if(xActive === 'w') dx = dz(xa, 0, dx); else if(xActive === 'e') dx = dz(xa, 1, -dx); else if(!xActive) dx = 0; if(yActive === 'n') dy = dz(ya, 1, dy); else if(yActive === 's') dy = dz(ya, 0, -dy); else if(!yActive) dy = 0; var x0 = (xActive === 'w') ? dx : 0; var y0 = (yActive === 'n') ? dy : 0; if(isSubplotConstrained) { var i; if(!xActive && yActive.length === 1) { // dragging one end of the y axis of a constrained subplot // scale the other axis the same about its middle for(i = 0; i < xa.length; i++) { xa[i].range = xa[i]._r.slice(); scaleZoom(xa[i], 1 - dy / ph); } dx = dy * pw / ph; x0 = dx / 2; } if(!yActive && xActive.length === 1) { for(i = 0; i < ya.length; i++) { ya[i].range = ya[i]._r.slice(); scaleZoom(ya[i], 1 - dx / pw); } dy = dx * ph / pw; y0 = dy / 2; } } updateSubplots([x0, y0, pw - dx, ph - dy]); ticksAndAnnotations(yActive, xActive); } // Draw ticks and annotations (and other components) when ranges change. // Also records the ranges that have changed for use by update at the end. function ticksAndAnnotations(ns, ew) { var activeAxIds = [], i; function pushActiveAxIds(axList) { for(i = 0; i < axList.length; i++) { if(!axList[i].fixedrange) activeAxIds.push(axList[i]._id); } } if(ew || isSubplotConstrained) { pushActiveAxIds(xa); pushActiveAxIds(xaLinked); } if(ns || isSubplotConstrained) { pushActiveAxIds(ya); pushActiveAxIds(yaLinked); } updates = {}; for(i = 0; i < activeAxIds.length; i++) { var axId = activeAxIds[i]; doTicks(gd, axId, true); var ax = getFromId(gd, axId); updates[ax._name + '.range[0]'] = ax.range[0]; updates[ax._name + '.range[1]'] = ax.range[1]; } function redrawObjs(objArray, method, shortCircuit) { for(i = 0; i < objArray.length; i++) { var obji = objArray[i]; if((ew && activeAxIds.indexOf(obji.xref) !== -1) || (ns && activeAxIds.indexOf(obji.yref) !== -1)) { method(gd, i); // once is enough for images (which doesn't use the `i` arg anyway) if(shortCircuit) return; } } } // annotations and shapes 'draw' method is slow, // use the finer-grained 'drawOne' method instead redrawObjs(fullLayout.annotations || [], Registry.getComponentMethod('annotations', 'drawOne')); redrawObjs(fullLayout.shapes || [], Registry.getComponentMethod('shapes', 'drawOne')); redrawObjs(fullLayout.images || [], Registry.getComponentMethod('images', 'draw'), true); } function doubleClick() { if(gd._transitioningWithDuration) return; var doubleClickConfig = gd._context.doubleClick, axList = (xActive ? xa : []).concat(yActive ? ya : []), attrs = {}; var ax, i, rangeInitial; // For reset+autosize mode: // If *any* of the main axes is not at its initial range // (or autoranged, if we have no initial range, to match the logic in // doubleClickConfig === 'reset' below), we reset. // If they are *all* at their initial ranges, then we autosize. if(doubleClickConfig === 'reset+autosize') { doubleClickConfig = 'autosize'; for(i = 0; i < axList.length; i++) { ax = axList[i]; if((ax._rangeInitial && ( ax.range[0] !== ax._rangeInitial[0] || ax.range[1] !== ax._rangeInitial[1] )) || (!ax._rangeInitial && !ax.autorange) ) { doubleClickConfig = 'reset'; break; } } } if(doubleClickConfig === 'autosize') { // don't set the linked axes here, so relayout marks them as shrinkable // and we autosize just to the requested axis/axes for(i = 0; i < axList.length; i++) { ax = axList[i]; if(!ax.fixedrange) attrs[ax._name + '.autorange'] = true; } } else if(doubleClickConfig === 'reset') { // when we're resetting, reset all linked axes too, so we get back // to the fully-auto-with-constraints situation if(xActive || isSubplotConstrained) axList = axList.concat(xaLinked); if(yActive && !isSubplotConstrained) axList = axList.concat(yaLinked); if(isSubplotConstrained) { if(!xActive) axList = axList.concat(xa); else if(!yActive) axList = axList.concat(ya); } for(i = 0; i < axList.length; i++) { ax = axList[i]; if(!ax._rangeInitial) { attrs[ax._name + '.autorange'] = true; } else { rangeInitial = ax._rangeInitial; attrs[ax._name + '.range[0]'] = rangeInitial[0]; attrs[ax._name + '.range[1]'] = rangeInitial[1]; } } } gd.emit('plotly_doubleclick', null); Plotly.relayout(gd, attrs); } // dragTail - finish a drag event with a redraw function dragTail(zoommode) { if(zoommode === undefined) zoommode = (ew ? 'x' : '') + (ns ? 'y' : ''); // put the subplot viewboxes back to default (Because we're going to) // be repositioning the data in the relayout. But DON'T call // ticksAndAnnotations again - it's unnecessary and would overwrite `updates` updateSubplots([0, 0, pw, ph]); // since we may have been redrawing some things during the drag, we may have // accumulated MathJax promises - wait for them before we relayout. Lib.syncOrAsync([ Plots.previousPromises, function() { Plotly.relayout(gd, updates); } ], gd); } // updateSubplots - find all plot viewboxes that should be // affected by this drag, and update them. look for all plots // sharing an affected axis (including the one being dragged) function updateSubplots(viewBox) { var plotinfos = fullLayout._plots; var subplots = Object.keys(plotinfos); var xScaleFactor = viewBox[2] / xa[0]._length; var yScaleFactor = viewBox[3] / ya[0]._length; var editX = ew || isSubplotConstrained; var editY = ns || isSubplotConstrained; var i, xScaleFactor2, yScaleFactor2, clipDx, clipDy; // Find the appropriate scaling for this axis, if it's linked to the // dragged axes by constraints. 0 is special, it means this axis shouldn't // ever be scaled (will be converted to 1 if the other axis is scaled) function getLinkedScaleFactor(ax) { if(ax.fixedrange) return 0; if(editX && xaLinked.indexOf(ax) !== -1) { return xScaleFactor; } if(editY && (isSubplotConstrained ? xaLinked : yaLinked).indexOf(ax) !== -1) { return yScaleFactor; } return 0; } function scaleAndGetShift(ax, scaleFactor) { if(scaleFactor) { ax.range = ax._r.slice(); scaleZoom(ax, scaleFactor); return getShift(ax, scaleFactor); } return 0; } function getShift(ax, scaleFactor) { return ax._length * (1 - scaleFactor) * FROM_TL[ax.constraintoward || 'middle']; } for(i = 0; i < subplots.length; i++) { var subplot = plotinfos[subplots[i]], xa2 = subplot.xaxis, ya2 = subplot.yaxis, editX2 = editX && !xa2.fixedrange && (xa.indexOf(xa2) !== -1), editY2 = editY && !ya2.fixedrange && (ya.indexOf(ya2) !== -1); if(editX2) { xScaleFactor2 = xScaleFactor; clipDx = ew ? viewBox[0] : getShift(xa2, xScaleFactor2); } else { xScaleFactor2 = getLinkedScaleFactor(xa2); clipDx = scaleAndGetShift(xa2, xScaleFactor2); } if(editY2) { yScaleFactor2 = yScaleFactor; clipDy = ns ? viewBox[1] : getShift(ya2, yScaleFactor2); } else { yScaleFactor2 = getLinkedScaleFactor(ya2); clipDy = scaleAndGetShift(ya2, yScaleFactor2); } // don't scale at all if neither axis is scalable here if(!xScaleFactor2 && !yScaleFactor2) continue; // but if only one is, reset the other axis scaling if(!xScaleFactor2) xScaleFactor2 = 1; if(!yScaleFactor2) yScaleFactor2 = 1; var plotDx = xa2._offset - clipDx / xScaleFactor2, plotDy = ya2._offset - clipDy / yScaleFactor2; fullLayout._defs.select('#' + subplot.clipId + '> rect') .call(Drawing.setTranslate, clipDx, clipDy) .call(Drawing.setScale, xScaleFactor2, yScaleFactor2); var scatterPoints = subplot.plot.selectAll('.scatterlayer .points, .boxlayer .points'); subplot.plot .call(Drawing.setTranslate, plotDx, plotDy) .call(Drawing.setScale, 1 / xScaleFactor2, 1 / yScaleFactor2); // This is specifically directed at scatter traces, applying an inverse // scale to individual points to counteract the scale of the trace // as a whole: scatterPoints.selectAll('.point') .call(Drawing.setPointGroupScale, xScaleFactor2, yScaleFactor2) .call(Drawing.hideOutsideRangePoints, subplot); scatterPoints.selectAll('.textpoint') .call(Drawing.setTextPointsScale, xScaleFactor2, yScaleFactor2) .call(Drawing.hideOutsideRangePoints, subplot); } } return dragger; }; function makeDragger(plotinfo, dragClass, cursor, x, y, w, h) { var dragger3 = plotinfo.draglayer.selectAll('.' + dragClass).data([0]); dragger3.enter().append('rect') .classed('drag', true) .classed(dragClass, true) .style({fill: 'transparent', 'stroke-width': 0}) .attr('data-subplot', plotinfo.id); dragger3.call(Drawing.setRect, x, y, w, h) .call(setCursor, cursor); return dragger3.node(); } function isDirectionActive(axList, activeVal) { for(var i = 0; i < axList.length; i++) { if(!axList[i].fixedrange) return activeVal; } return ''; } function getEndText(ax, end) { var initialVal = ax.range[end], diff = Math.abs(initialVal - ax.range[1 - end]), dig; // TODO: this should basically be ax.r2d but we're doing extra // rounding here... can we clean up at all? if(ax.type === 'date') { return initialVal; } else if(ax.type === 'log') { dig = Math.ceil(Math.max(0, -Math.log(diff) / Math.LN10)) + 3; return d3.format('.' + dig + 'g')(Math.pow(10, initialVal)); } else { // linear numeric (or category... but just show numbers here) dig = Math.floor(Math.log(Math.abs(initialVal)) / Math.LN10) - Math.floor(Math.log(diff) / Math.LN10) + 4; return d3.format('.' + String(dig) + 'g')(initialVal); } } function zoomAxRanges(axList, r0Fraction, r1Fraction, updates, linkedAxes) { var i, axi, axRangeLinear0, axRangeLinearSpan; for(i = 0; i < axList.length; i++) { axi = axList[i]; if(axi.fixedrange) continue; axRangeLinear0 = axi._rl[0]; axRangeLinearSpan = axi._rl[1] - axRangeLinear0; axi.range = [ axi.l2r(axRangeLinear0 + axRangeLinearSpan * r0Fraction), axi.l2r(axRangeLinear0 + axRangeLinearSpan * r1Fraction) ]; updates[axi._name + '.range[0]'] = axi.range[0]; updates[axi._name + '.range[1]'] = axi.range[1]; } // zoom linked axes about their centers if(linkedAxes && linkedAxes.length) { var linkedR0Fraction = (r0Fraction + (1 - r1Fraction)) / 2; zoomAxRanges(linkedAxes, linkedR0Fraction, 1 - linkedR0Fraction, updates); } } function dragAxList(axList, pix) { for(var i = 0; i < axList.length; i++) { var axi = axList[i]; if(!axi.fixedrange) { axi.range = [ axi.l2r(axi._rl[0] - pix / axi._m), axi.l2r(axi._rl[1] - pix / axi._m) ]; } } } // common transform for dragging one end of an axis // d>0 is compressing scale (cursor is over the plot, // the axis end should move with the cursor) // d<0 is expanding (cursor is off the plot, axis end moves // nonlinearly so you can expand far) function dZoom(d) { return 1 - ((d >= 0) ? Math.min(d, 0.9) : 1 / (1 / Math.max(d, -0.3) + 3.222)); } function getDragCursor(nsew, dragmode) { if(!nsew) return 'pointer'; if(nsew === 'nsew') { if(dragmode === 'pan') return 'move'; return 'crosshair'; } return nsew.toLowerCase() + '-resize'; } function makeZoombox(zoomlayer, lum, xs, ys, path0) { return zoomlayer.append('path') .attr('class', 'zoombox') .style({ 'fill': lum > 0.2 ? 'rgba(0,0,0,0)' : 'rgba(255,255,255,0)', 'stroke-width': 0 }) .attr('transform', 'translate(' + xs + ', ' + ys + ')') .attr('d', path0 + 'Z'); } function makeCorners(zoomlayer, xs, ys) { return zoomlayer.append('path') .attr('class', 'zoombox-corners') .style({ fill: Color.background, stroke: Color.defaultLine, 'stroke-width': 1, opacity: 0 }) .attr('transform', 'translate(' + xs + ', ' + ys + ')') .attr('d', 'M0,0Z'); } function clearSelect(zoomlayer) { // until we get around to persistent selections, remove the outline // here. The selection itself will be removed when the plot redraws // at the end. zoomlayer.selectAll('.select-outline').remove(); } function updateZoombox(zb, corners, box, path0, dimmed, lum) { zb.attr('d', path0 + 'M' + (box.l) + ',' + (box.t) + 'v' + (box.h) + 'h' + (box.w) + 'v-' + (box.h) + 'h-' + (box.w) + 'Z'); if(!dimmed) { zb.transition() .style('fill', lum > 0.2 ? 'rgba(0,0,0,0.4)' : 'rgba(255,255,255,0.3)') .duration(200); corners.transition() .style('opacity', 1) .duration(200); } } function removeZoombox(gd) { d3.select(gd) .selectAll('.zoombox,.js-zoombox-backdrop,.js-zoombox-menu,.zoombox-corners') .remove(); } function isSelectOrLasso(dragmode) { var modes = ['lasso', 'select']; return modes.indexOf(dragmode) !== -1; } function xCorners(box, y0) { return 'M' + (box.l - 0.5) + ',' + (y0 - MINZOOM - 0.5) + 'h-3v' + (2 * MINZOOM + 1) + 'h3ZM' + (box.r + 0.5) + ',' + (y0 - MINZOOM - 0.5) + 'h3v' + (2 * MINZOOM + 1) + 'h-3Z'; } function yCorners(box, x0) { return 'M' + (x0 - MINZOOM - 0.5) + ',' + (box.t - 0.5) + 'v-3h' + (2 * MINZOOM + 1) + 'v3ZM' + (x0 - MINZOOM - 0.5) + ',' + (box.b + 0.5) + 'v3h' + (2 * MINZOOM + 1) + 'v-3Z'; } function xyCorners(box) { var clen = Math.floor(Math.min(box.b - box.t, box.r - box.l, MINZOOM) / 2); return 'M' + (box.l - 3.5) + ',' + (box.t - 0.5 + clen) + 'h3v' + (-clen) + 'h' + clen + 'v-3h-' + (clen + 3) + 'ZM' + (box.r + 3.5) + ',' + (box.t - 0.5 + clen) + 'h-3v' + (-clen) + 'h' + (-clen) + 'v-3h' + (clen + 3) + 'ZM' + (box.r + 3.5) + ',' + (box.b + 0.5 - clen) + 'h-3v' + clen + 'h' + (-clen) + 'v3h' + (clen + 3) + 'ZM' + (box.l - 3.5) + ',' + (box.b + 0.5 - clen) + 'h3v' + clen + 'h' + clen + 'v3h-' + (clen + 3) + 'Z'; } function calcLinks(constraintGroups, xIDs, yIDs) { var isSubplotConstrained = false; var xLinks = {}; var yLinks = {}; var i, j, k; var group, xLinkID, yLinkID; for(i = 0; i < constraintGroups.length; i++) { group = constraintGroups[i]; // check if any of the x axes we're dragging is in this constraint group for(j = 0; j < xIDs.length; j++) { if(group[xIDs[j]]) { // put the rest of these axes into xLinks, if we're not already // dragging them, so we know to scale these axes automatically too // to match the changes in the dragged x axes for(xLinkID in group) { if((xLinkID.charAt(0) === 'x' ? xIDs : yIDs).indexOf(xLinkID) === -1) { xLinks[xLinkID] = 1; } } // check if the x and y axes of THIS drag are linked for(k = 0; k < yIDs.length; k++) { if(group[yIDs[k]]) isSubplotConstrained = true; } } } // now check if any of the y axes we're dragging is in this constraint group // only look for outside links, as we've already checked for links within the dragger for(j = 0; j < yIDs.length; j++) { if(group[yIDs[j]]) { for(yLinkID in group) { if((yLinkID.charAt(0) === 'x' ? xIDs : yIDs).indexOf(yLinkID) === -1) { yLinks[yLinkID] = 1; } } } } } if(isSubplotConstrained) { // merge xLinks and yLinks if the subplot is constrained, // since we'll always apply both anyway and the two will contain // duplicates Lib.extendFlat(xLinks, yLinks); yLinks = {}; } return { x: xLinks, y: yLinks, xy: isSubplotConstrained }; } },{"../../components/color":34,"../../components/dragelement":55,"../../components/drawing":58,"../../constants/alignment":130,"../../lib":147,"../../lib/setcursor":162,"../../lib/svg_text_utils":164,"../../plotly":178,"../../registry":219,"../plots":212,"./axes":183,"./axis_ids":186,"./constants":188,"./scale_zoom":198,"./select":199,"d3":7,"tinycolor2":16}],192:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var Fx = require('../../components/fx'); var dragElement = require('../../components/dragelement'); var constants = require('./constants'); var dragBox = require('./dragbox'); module.exports = function initInteractions(gd) { var fullLayout = gd._fullLayout; if((!fullLayout._has('cartesian') && !fullLayout._has('gl2d')) || gd._context.staticPlot) return; var subplots = Object.keys(fullLayout._plots || {}).sort(function(a, b) { // sort overlays last, then by x axis number, then y axis number if((fullLayout._plots[a].mainplot && true) === (fullLayout._plots[b].mainplot && true)) { var aParts = a.split('y'), bParts = b.split('y'); return (aParts[0] === bParts[0]) ? (Number(aParts[1] || 1) - Number(bParts[1] || 1)) : (Number(aParts[0] || 1) - Number(bParts[0] || 1)); } return fullLayout._plots[a].mainplot ? 1 : -1; }); subplots.forEach(function(subplot) { var plotinfo = fullLayout._plots[subplot]; var xa = plotinfo.xaxis, ya = plotinfo.yaxis, // the y position of the main x axis line y0 = (xa._linepositions[subplot] || [])[3], // the x position of the main y axis line x0 = (ya._linepositions[subplot] || [])[3]; var DRAGGERSIZE = constants.DRAGGERSIZE; if(isNumeric(y0) && xa.side === 'top') y0 -= DRAGGERSIZE; if(isNumeric(x0) && ya.side !== 'right') x0 -= DRAGGERSIZE; // main and corner draggers need not be repeated for // overlaid subplots - these draggers drag them all if(!plotinfo.mainplot) { // main dragger goes over the grids and data, so we use its // mousemove events for all data hover effects var maindrag = dragBox(gd, plotinfo, 0, 0, xa._length, ya._length, 'ns', 'ew'); maindrag.onmousemove = function(evt) { // This is on `gd._fullLayout`, *not* fullLayout because the reference // changes by the time this is called again. gd._fullLayout._rehover = function() { if(gd._fullLayout._hoversubplot === subplot) { Fx.hover(gd, evt, subplot); } }; Fx.hover(gd, evt, subplot); // Note that we have *not* used the cached fullLayout variable here // since that may be outdated when this is called as a callback later on gd._fullLayout._lasthover = maindrag; gd._fullLayout._hoversubplot = subplot; }; /* * IMPORTANT: * We must check for the presence of the drag cover here. * If we don't, a 'mouseout' event is triggered on the * maindrag before each 'click' event, which has the effect * of clearing the hoverdata; thus, cancelling the click event. */ maindrag.onmouseout = function(evt) { if(gd._dragging) return; // When the mouse leaves this maindrag, unset the hovered subplot. // This may cause problems if it leaves the subplot directly *onto* // another subplot, but that's a tiny corner case at the moment. gd._fullLayout._hoversubplot = null; dragElement.unhover(gd, evt); }; maindrag.onclick = function(evt) { Fx.click(gd, evt, subplot); }; // corner draggers if(gd._context.showAxisDragHandles) { dragBox(gd, plotinfo, -DRAGGERSIZE, -DRAGGERSIZE, DRAGGERSIZE, DRAGGERSIZE, 'n', 'w'); dragBox(gd, plotinfo, xa._length, -DRAGGERSIZE, DRAGGERSIZE, DRAGGERSIZE, 'n', 'e'); dragBox(gd, plotinfo, -DRAGGERSIZE, ya._length, DRAGGERSIZE, DRAGGERSIZE, 's', 'w'); dragBox(gd, plotinfo, xa._length, ya._length, DRAGGERSIZE, DRAGGERSIZE, 's', 'e'); } } if(gd._context.showAxisDragHandles) { // x axis draggers - if you have overlaid plots, // these drag each axis separately if(isNumeric(y0)) { if(xa.anchor === 'free') y0 -= fullLayout._size.h * (1 - ya.domain[1]); dragBox(gd, plotinfo, xa._length * 0.1, y0, xa._length * 0.8, DRAGGERSIZE, '', 'ew'); dragBox(gd, plotinfo, 0, y0, xa._length * 0.1, DRAGGERSIZE, '', 'w'); dragBox(gd, plotinfo, xa._length * 0.9, y0, xa._length * 0.1, DRAGGERSIZE, '', 'e'); } // y axis draggers if(isNumeric(x0)) { if(ya.anchor === 'free') x0 -= fullLayout._size.w * xa.domain[0]; dragBox(gd, plotinfo, x0, ya._length * 0.1, DRAGGERSIZE, ya._length * 0.8, 'ns', ''); dragBox(gd, plotinfo, x0, ya._length * 0.9, DRAGGERSIZE, ya._length * 0.1, 's', ''); dragBox(gd, plotinfo, x0, 0, DRAGGERSIZE, ya._length * 0.1, 'n', ''); } } }); // In case you mousemove over some hovertext, send it to Fx.hover too // we do this so that we can put the hover text in front of everything, // but still be able to interact with everything as if it isn't there var hoverLayer = fullLayout._hoverlayer.node(); hoverLayer.onmousemove = function(evt) { evt.target = fullLayout._lasthover; Fx.hover(gd, evt, fullLayout._hoversubplot); }; hoverLayer.onclick = function(evt) { evt.target = fullLayout._lasthover; Fx.click(gd, evt); }; // also delegate mousedowns... TODO: does this actually work? hoverLayer.onmousedown = function(evt) { fullLayout._lasthover.onmousedown(evt); }; }; },{"../../components/dragelement":55,"../../components/fx":75,"./constants":188,"./dragbox":191,"fast-isnumeric":10}],193:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Lib = require('../../lib'); var Plots = require('../plots'); var axisIds = require('./axis_ids'); var constants = require('./constants'); exports.name = 'cartesian'; exports.attr = ['xaxis', 'yaxis']; exports.idRoot = ['x', 'y']; exports.idRegex = constants.idRegex; exports.attrRegex = constants.attrRegex; exports.attributes = require('./attributes'); exports.layoutAttributes = require('./layout_attributes'); exports.transitionAxes = require('./transition_axes'); exports.plot = function(gd, traces, transitionOpts, makeOnCompleteCallback) { var fullLayout = gd._fullLayout, subplots = Plots.getSubplotIds(fullLayout, 'cartesian'), calcdata = gd.calcdata, i; // If traces is not provided, then it's a complete replot and missing // traces are removed if(!Array.isArray(traces)) { traces = []; for(i = 0; i < calcdata.length; i++) { traces.push(i); } } for(i = 0; i < subplots.length; i++) { var subplot = subplots[i], subplotInfo = fullLayout._plots[subplot]; // Get all calcdata for this subplot: var cdSubplot = []; var pcd; for(var j = 0; j < calcdata.length; j++) { var cd = calcdata[j], trace = cd[0].trace; // Skip trace if whitelist provided and it's not whitelisted: // if (Array.isArray(traces) && traces.indexOf(i) === -1) continue; if(trace.xaxis + trace.yaxis === subplot) { // XXX: Should trace carpet dependencies. Only replot all carpet plots if the carpet // axis has actually changed: // // If this trace is specifically requested, add it to the list: if(traces.indexOf(trace.index) !== -1 || trace.carpet) { // Okay, so example: traces 0, 1, and 2 have fill = tonext. You animate // traces 0 and 2. Trace 1 also needs to be updated, otherwise its fill // is outdated. So this retroactively adds the previous trace if the // traces are interdependent. if( pcd && pcd[0].trace.xaxis + pcd[0].trace.yaxis === subplot && ['tonextx', 'tonexty', 'tonext'].indexOf(trace.fill) !== -1 && cdSubplot.indexOf(pcd) === -1 ) { cdSubplot.push(pcd); } cdSubplot.push(cd); } // Track the previous trace on this subplot for the retroactive-add step // above: pcd = cd; } } plotOne(gd, subplotInfo, cdSubplot, transitionOpts, makeOnCompleteCallback); } }; function plotOne(gd, plotinfo, cdSubplot, transitionOpts, makeOnCompleteCallback) { var fullLayout = gd._fullLayout, modules = fullLayout._modules; // remove old traces, then redraw everything // // TODO: scatterlayer is manually excluded from this since it knows how // to update instead of fully removing and redrawing every time. The // remaining plot traces should also be able to do this. Once implemented, // we won't need this - which should sometimes be a big speedup. if(plotinfo.plot) { plotinfo.plot.selectAll('g:not(.scatterlayer)').selectAll('g.trace').remove(); } // plot all traces for each module at once for(var j = 0; j < modules.length; j++) { var _module = modules[j]; // skip over non-cartesian trace modules if(_module.basePlotModule.name !== 'cartesian') continue; // plot all traces of this type on this subplot at once var cdModule = []; for(var k = 0; k < cdSubplot.length; k++) { var cd = cdSubplot[k], trace = cd[0].trace; if((trace._module === _module) && (trace.visible === true)) { cdModule.push(cd); } } _module.plot(gd, plotinfo, cdModule, transitionOpts, makeOnCompleteCallback); } } exports.clean = function(newFullData, newFullLayout, oldFullData, oldFullLayout) { var oldModules = oldFullLayout._modules || [], newModules = newFullLayout._modules || []; var hadScatter, hasScatter, i; for(i = 0; i < oldModules.length; i++) { if(oldModules[i].name === 'scatter') { hadScatter = true; break; } } for(i = 0; i < newModules.length; i++) { if(newModules[i].name === 'scatter') { hasScatter = true; break; } } if(hadScatter && !hasScatter) { var oldPlots = oldFullLayout._plots, ids = Object.keys(oldPlots || {}); for(i = 0; i < ids.length; i++) { var subplotInfo = oldPlots[ids[i]]; if(subplotInfo.plot) { subplotInfo.plot.select('g.scatterlayer') .selectAll('g.trace') .remove(); } } oldFullLayout._infolayer.selectAll('g.rangeslider-container') .select('g.scatterlayer') .selectAll('g.trace') .remove(); } var hadCartesian = (oldFullLayout._has && oldFullLayout._has('cartesian')); var hasCartesian = (newFullLayout._has && newFullLayout._has('cartesian')); if(hadCartesian && !hasCartesian) { var subplotLayers = oldFullLayout._cartesianlayer.selectAll('.subplot'); var axIds = axisIds.listIds({ _fullLayout: oldFullLayout }); subplotLayers.call(purgeSubplotLayers, oldFullLayout); oldFullLayout._defs.selectAll('.axesclip').remove(); for(i = 0; i < axIds.length; i++) { oldFullLayout._infolayer.select('.' + axIds[i] + 'title').remove(); } } }; exports.drawFramework = function(gd) { var fullLayout = gd._fullLayout, subplotData = makeSubplotData(gd); var subplotLayers = fullLayout._cartesianlayer.selectAll('.subplot') .data(subplotData, Lib.identity); subplotLayers.enter().append('g') .attr('class', function(name) { return 'subplot ' + name; }); subplotLayers.order(); subplotLayers.exit() .call(purgeSubplotLayers, fullLayout); subplotLayers.each(function(name) { var plotinfo = fullLayout._plots[name]; // keep ref to plot group plotinfo.plotgroup = d3.select(this); // initialize list of overlay subplots plotinfo.overlays = []; makeSubplotLayer(plotinfo); // fill in list of overlay subplots if(plotinfo.mainplot) { var mainplot = fullLayout._plots[plotinfo.mainplot]; mainplot.overlays.push(plotinfo); } // make separate drag layers for each subplot, // but append them to paper rather than the plot groups, // so they end up on top of the rest plotinfo.draglayer = joinLayer(fullLayout._draggers, 'g', name); }); }; exports.rangePlot = function(gd, plotinfo, cdSubplot) { makeSubplotLayer(plotinfo); plotOne(gd, plotinfo, cdSubplot); Plots.style(gd); }; function makeSubplotData(gd) { var fullLayout = gd._fullLayout, subplots = Object.keys(fullLayout._plots); var subplotData = [], overlays = []; for(var i = 0; i < subplots.length; i++) { var subplot = subplots[i], plotinfo = fullLayout._plots[subplot]; var xa = plotinfo.xaxis; var ya = plotinfo.yaxis; var xa2 = xa._mainAxis; var ya2 = ya._mainAxis; var mainplot = xa2._id + ya2._id; if(mainplot !== subplot && subplots.indexOf(mainplot) !== -1) { plotinfo.mainplot = mainplot; plotinfo.mainplotinfo = fullLayout._plots[mainplot]; overlays.push(subplot); } else { subplotData.push(subplot); } } // main subplots before overlays subplotData = subplotData.concat(overlays); return subplotData; } function makeSubplotLayer(plotinfo) { var plotgroup = plotinfo.plotgroup; var id = plotinfo.id; var xLayer = constants.layerValue2layerClass[plotinfo.xaxis.layer]; var yLayer = constants.layerValue2layerClass[plotinfo.yaxis.layer]; if(!plotinfo.mainplot) { var backLayer = joinLayer(plotgroup, 'g', 'layer-subplot'); plotinfo.shapelayer = joinLayer(backLayer, 'g', 'shapelayer'); plotinfo.imagelayer = joinLayer(backLayer, 'g', 'imagelayer'); plotinfo.gridlayer = joinLayer(plotgroup, 'g', 'gridlayer'); plotinfo.overgrid = joinLayer(plotgroup, 'g', 'overgrid'); plotinfo.zerolinelayer = joinLayer(plotgroup, 'g', 'zerolinelayer'); plotinfo.overzero = joinLayer(plotgroup, 'g', 'overzero'); joinLayer(plotgroup, 'path', 'xlines-below'); joinLayer(plotgroup, 'path', 'ylines-below'); plotinfo.overlinesBelow = joinLayer(plotgroup, 'g', 'overlines-below'); joinLayer(plotgroup, 'g', 'xaxislayer-below'); joinLayer(plotgroup, 'g', 'yaxislayer-below'); plotinfo.overaxesBelow = joinLayer(plotgroup, 'g', 'overaxes-below'); plotinfo.plot = joinLayer(plotgroup, 'g', 'plot'); plotinfo.overplot = joinLayer(plotgroup, 'g', 'overplot'); joinLayer(plotgroup, 'path', 'xlines-above'); joinLayer(plotgroup, 'path', 'ylines-above'); plotinfo.overlinesAbove = joinLayer(plotgroup, 'g', 'overlines-above'); joinLayer(plotgroup, 'g', 'xaxislayer-above'); joinLayer(plotgroup, 'g', 'yaxislayer-above'); plotinfo.overaxesAbove = joinLayer(plotgroup, 'g', 'overaxes-above'); // set refs to correct layers as determined by 'axis.layer' plotinfo.xlines = plotgroup.select('.xlines-' + xLayer); plotinfo.ylines = plotgroup.select('.ylines-' + yLayer); plotinfo.xaxislayer = plotgroup.select('.xaxislayer-' + xLayer); plotinfo.yaxislayer = plotgroup.select('.yaxislayer-' + yLayer); } else { var mainplotinfo = plotinfo.mainplotinfo; var mainplotgroup = mainplotinfo.plotgroup; var xId = id + '-x'; var yId = id + '-y'; // now make the components of overlaid subplots // overlays don't have backgrounds, and append all // their other components to the corresponding // extra groups of their main plots. plotinfo.gridlayer = joinLayer(mainplotinfo.overgrid, 'g', id); plotinfo.zerolinelayer = joinLayer(mainplotinfo.overzero, 'g', id); joinLayer(mainplotinfo.overlinesBelow, 'path', xId); joinLayer(mainplotinfo.overlinesBelow, 'path', yId); joinLayer(mainplotinfo.overaxesBelow, 'g', xId); joinLayer(mainplotinfo.overaxesBelow, 'g', yId); plotinfo.plot = joinLayer(mainplotinfo.overplot, 'g', id); joinLayer(mainplotinfo.overlinesAbove, 'path', xId); joinLayer(mainplotinfo.overlinesAbove, 'path', yId); joinLayer(mainplotinfo.overaxesAbove, 'g', xId); joinLayer(mainplotinfo.overaxesAbove, 'g', yId); // set refs to correct layers as determined by 'abovetraces' plotinfo.xlines = mainplotgroup.select('.overlines-' + xLayer).select('.' + xId); plotinfo.ylines = mainplotgroup.select('.overlines-' + yLayer).select('.' + yId); plotinfo.xaxislayer = mainplotgroup.select('.overaxes-' + xLayer).select('.' + xId); plotinfo.yaxislayer = mainplotgroup.select('.overaxes-' + yLayer).select('.' + yId); } // common attributes for all subplots, overlays or not for(var i = 0; i < constants.traceLayerClasses.length; i++) { joinLayer(plotinfo.plot, 'g', constants.traceLayerClasses[i]); } plotinfo.xlines .style('fill', 'none') .classed('crisp', true); plotinfo.ylines .style('fill', 'none') .classed('crisp', true); } function purgeSubplotLayers(layers, fullLayout) { if(!layers) return; var overlayIdsToRemove = {}; layers.each(function(subplotId) { var plotgroup = d3.select(this); var clipId = 'clip' + fullLayout._uid + subplotId + 'plot'; plotgroup.remove(); fullLayout._draggers.selectAll('g.' + subplotId).remove(); fullLayout._defs.select('#' + clipId).remove(); overlayIdsToRemove[subplotId] = true; // do not remove individual axis s here // as other subplots may need them }); // must remove overlaid subplot trace layers 'manually' var subplots = fullLayout._plots; var subplotIds = Object.keys(subplots); for(var i = 0; i < subplotIds.length; i++) { var subplotInfo = subplots[subplotIds[i]]; var overlays = subplotInfo.overlays || []; for(var j = 0; j < overlays.length; j++) { var overlayInfo = overlays[j]; if(overlayIdsToRemove[overlayInfo.id]) { overlayInfo.plot.selectAll('.trace').remove(); } } } } function joinLayer(parent, nodeType, className) { var layer = parent.selectAll('.' + className) .data([0]); layer.enter().append(nodeType) .classed(className, true); return layer; } },{"../../lib":147,"../plots":212,"./attributes":182,"./axis_ids":186,"./constants":188,"./layout_attributes":194,"./transition_axes":204,"d3":7}],194:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var fontAttrs = require('../font_attributes'); var colorAttrs = require('../../components/color/attributes'); var dash = require('../../components/drawing/attributes').dash; var extendFlat = require('../../lib/extend').extendFlat; var constants = require('./constants'); module.exports = { visible: { valType: 'boolean', }, color: { valType: 'color', dflt: colorAttrs.defaultLine, }, title: { valType: 'string', }, titlefont: extendFlat({}, fontAttrs, { }), type: { valType: 'enumerated', // '-' means we haven't yet run autotype or couldn't find any data // it gets turned into linear in gd._fullLayout but not copied back // to gd.data like the others are. values: ['-', 'linear', 'log', 'date', 'category'], dflt: '-', }, autorange: { valType: 'enumerated', values: [true, false, 'reversed'], dflt: true, }, rangemode: { valType: 'enumerated', values: ['normal', 'tozero', 'nonnegative'], dflt: 'normal', }, range: { valType: 'info_array', items: [ {valType: 'any'}, {valType: 'any'} ], }, fixedrange: { valType: 'boolean', dflt: false, }, // scaleanchor: not used directly, just put here for reference // values are any opposite-letter axis id scaleanchor: { valType: 'enumerated', values: [ constants.idRegex.x.toString(), constants.idRegex.y.toString() ], }, scaleratio: { valType: 'number', min: 0, dflt: 1, }, constrain: { valType: 'enumerated', values: ['range', 'domain'], dflt: 'range', }, // constraintoward: not used directly, just put here for reference constraintoward: { valType: 'enumerated', values: ['left', 'center', 'right', 'top', 'middle', 'bottom'], }, // ticks tickmode: { valType: 'enumerated', values: ['auto', 'linear', 'array'], }, nticks: { valType: 'integer', min: 0, dflt: 0, }, tick0: { valType: 'any', }, dtick: { valType: 'any', }, tickvals: { valType: 'data_array', }, ticktext: { valType: 'data_array', }, ticks: { valType: 'enumerated', values: ['outside', 'inside', ''], }, mirror: { valType: 'enumerated', values: [true, 'ticks', false, 'all', 'allticks'], dflt: false, }, ticklen: { valType: 'number', min: 0, dflt: 5, }, tickwidth: { valType: 'number', min: 0, dflt: 1, }, tickcolor: { valType: 'color', dflt: colorAttrs.defaultLine, }, showticklabels: { valType: 'boolean', dflt: true, }, showspikes: { valType: 'boolean', dflt: false, }, spikecolor: { valType: 'color', dflt: null, }, spikethickness: { valType: 'number', dflt: 3, }, spikedash: extendFlat({}, dash, {dflt: 'dash'}), spikemode: { valType: 'flaglist', flags: ['toaxis', 'across', 'marker'], dflt: 'toaxis', }, tickfont: extendFlat({}, fontAttrs, { }), tickangle: { valType: 'angle', dflt: 'auto', }, tickprefix: { valType: 'string', dflt: '', }, showtickprefix: { valType: 'enumerated', values: ['all', 'first', 'last', 'none'], dflt: 'all', }, ticksuffix: { valType: 'string', dflt: '', }, showticksuffix: { valType: 'enumerated', values: ['all', 'first', 'last', 'none'], dflt: 'all', }, showexponent: { valType: 'enumerated', values: ['all', 'first', 'last', 'none'], dflt: 'all', }, exponentformat: { valType: 'enumerated', values: ['none', 'e', 'E', 'power', 'SI', 'B'], dflt: 'B', }, separatethousands: { valType: 'boolean', dflt: false, }, tickformat: { valType: 'string', dflt: '', }, hoverformat: { valType: 'string', dflt: '', }, // lines and grids showline: { valType: 'boolean', dflt: false, }, linecolor: { valType: 'color', dflt: colorAttrs.defaultLine, }, linewidth: { valType: 'number', min: 0, dflt: 1, }, showgrid: { valType: 'boolean', }, gridcolor: { valType: 'color', dflt: colorAttrs.lightLine, }, gridwidth: { valType: 'number', min: 0, dflt: 1, }, zeroline: { valType: 'boolean', }, zerolinecolor: { valType: 'color', dflt: colorAttrs.defaultLine, }, zerolinewidth: { valType: 'number', dflt: 1, }, // positioning attributes // anchor: not used directly, just put here for reference // values are any opposite-letter axis id anchor: { valType: 'enumerated', values: [ 'free', constants.idRegex.x.toString(), constants.idRegex.y.toString() ], }, // side: not used directly, as values depend on direction // values are top, bottom for x axes, and left, right for y side: { valType: 'enumerated', values: ['top', 'bottom', 'left', 'right'], }, // overlaying: not used directly, just put here for reference // values are false and any other same-letter axis id that's not // itself overlaying anything overlaying: { valType: 'enumerated', values: [ 'free', constants.idRegex.x.toString(), constants.idRegex.y.toString() ], }, layer: { valType: 'enumerated', values: ['above traces', 'below traces'], dflt: 'above traces', }, domain: { valType: 'info_array', items: [ {valType: 'number', min: 0, max: 1}, {valType: 'number', min: 0, max: 1} ], dflt: [0, 1], }, position: { valType: 'number', min: 0, max: 1, dflt: 0, }, categoryorder: { valType: 'enumerated', values: [ 'trace', 'category ascending', 'category descending', 'array' /* , 'value ascending', 'value descending'*/ // value ascending / descending to be implemented later ], dflt: 'trace', }, categoryarray: { valType: 'data_array', }, _deprecated: { autotick: { valType: 'boolean', } } }; },{"../../components/color/attributes":33,"../../components/drawing/attributes":57,"../../lib/extend":142,"../font_attributes":207,"./constants":188}],195:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = require('../../registry'); var Lib = require('../../lib'); var Color = require('../../components/color'); var basePlotLayoutAttributes = require('../layout_attributes'); var constants = require('./constants'); var layoutAttributes = require('./layout_attributes'); var handleTypeDefaults = require('./type_defaults'); var handleAxisDefaults = require('./axis_defaults'); var handleConstraintDefaults = require('./constraint_defaults'); var handlePositionDefaults = require('./position_defaults'); var axisIds = require('./axis_ids'); module.exports = function supplyLayoutDefaults(layoutIn, layoutOut, fullData) { var layoutKeys = Object.keys(layoutIn), xaListCartesian = [], yaListCartesian = [], xaListGl2d = [], yaListGl2d = [], xaListCheater = [], xaListNonCheater = [], outerTicks = {}, noGrids = {}, i; // look for axes in the data for(i = 0; i < fullData.length; i++) { var trace = fullData[i]; var listX, listY; if(Registry.traceIs(trace, 'cartesian')) { listX = xaListCartesian; listY = yaListCartesian; } else if(Registry.traceIs(trace, 'gl2d')) { listX = xaListGl2d; listY = yaListGl2d; } else continue; var xaName = axisIds.id2name(trace.xaxis), yaName = axisIds.id2name(trace.yaxis); // Two things trigger axis visibility: // 1. is not carpet // 2. carpet that's not cheater if(!Registry.traceIs(trace, 'carpet') || (trace.type === 'carpet' && !trace._cheater)) { if(xaName) Lib.pushUnique(xaListNonCheater, xaName); } // The above check for definitely-not-cheater is not adequate. This // second list tracks which axes *could* be a cheater so that the // full condition triggering hiding is: // *could* be a cheater and *is not definitely visible* if(trace.type === 'carpet' && trace._cheater) { if(xaName) Lib.pushUnique(xaListCheater, xaName); } // add axes implied by traces if(xaName && listX.indexOf(xaName) === -1) listX.push(xaName); if(yaName && listY.indexOf(yaName) === -1) listY.push(yaName); // check for default formatting tweaks if(Registry.traceIs(trace, '2dMap')) { outerTicks[xaName] = true; outerTicks[yaName] = true; } if(Registry.traceIs(trace, 'oriented')) { var positionAxis = trace.orientation === 'h' ? yaName : xaName; noGrids[positionAxis] = true; } } // N.B. Ignore orphan axes (i.e. axes that have no data attached to them) // if gl3d or geo is present on graph. This is retain backward compatible. // // TODO drop this in version 2.0 var ignoreOrphan = (layoutOut._has('gl3d') || layoutOut._has('geo')); if(!ignoreOrphan) { for(i = 0; i < layoutKeys.length; i++) { var key = layoutKeys[i]; // orphan layout axes are considered cartesian subplots if(xaListGl2d.indexOf(key) === -1 && xaListCartesian.indexOf(key) === -1 && constants.xAxisMatch.test(key)) { xaListCartesian.push(key); } else if(yaListGl2d.indexOf(key) === -1 && yaListCartesian.indexOf(key) === -1 && constants.yAxisMatch.test(key)) { yaListCartesian.push(key); } } } // make sure that plots with orphan cartesian axes // are considered 'cartesian' if(xaListCartesian.length && yaListCartesian.length) { Lib.pushUnique(layoutOut._basePlotModules, Registry.subplotsRegistry.cartesian); } function axSort(a, b) { var aNum = Number(a.substr(5) || 1), bNum = Number(b.substr(5) || 1); return aNum - bNum; } var xaList = xaListCartesian.concat(xaListGl2d).sort(axSort), yaList = yaListCartesian.concat(yaListGl2d).sort(axSort), axesList = xaList.concat(yaList); // plot_bgcolor only makes sense if there's a (2D) plot! // TODO: bgcolor for each subplot, to inherit from the main one var plot_bgcolor = Color.background; if(xaList.length && yaList.length) { plot_bgcolor = Lib.coerce(layoutIn, layoutOut, basePlotLayoutAttributes, 'plot_bgcolor'); } var bgColor = Color.combine(plot_bgcolor, layoutOut.paper_bgcolor); var axName, axLetter, axLayoutIn, axLayoutOut; function coerce(attr, dflt) { return Lib.coerce(axLayoutIn, axLayoutOut, layoutAttributes, attr, dflt); } function getCounterAxes(axLetter) { var list = {x: yaList, y: xaList}[axLetter]; return Lib.simpleMap(list, axisIds.name2id); } var counterAxes = {x: getCounterAxes('x'), y: getCounterAxes('y')}; function getOverlayableAxes(axLetter, axName) { var list = {x: xaList, y: yaList}[axLetter]; var out = []; for(var j = 0; j < list.length; j++) { var axName2 = list[j]; if(axName2 !== axName && !(layoutIn[axName2] || {}).overlaying) { out.push(axisIds.name2id(axName2)); } } return out; } // first pass creates the containers, determines types, and handles most of the settings for(i = 0; i < axesList.length; i++) { axName = axesList[i]; if(!Lib.isPlainObject(layoutIn[axName])) { layoutIn[axName] = {}; } axLayoutIn = layoutIn[axName]; axLayoutOut = layoutOut[axName] = {}; handleTypeDefaults(axLayoutIn, axLayoutOut, coerce, fullData, axName); axLetter = axName.charAt(0); var overlayableAxes = getOverlayableAxes(axLetter, axName); var defaultOptions = { letter: axLetter, font: layoutOut.font, outerTicks: outerTicks[axName], showGrid: !noGrids[axName], data: fullData, bgColor: bgColor, calendar: layoutOut.calendar, cheateronly: axLetter === 'x' && (xaListCheater.indexOf(axName) !== -1 && xaListNonCheater.indexOf(axName) === -1) }; handleAxisDefaults(axLayoutIn, axLayoutOut, coerce, defaultOptions, layoutOut); var showSpikes = coerce('showspikes'); if(showSpikes) { coerce('spikecolor'); coerce('spikethickness'); coerce('spikedash'); coerce('spikemode'); } var positioningOptions = { letter: axLetter, counterAxes: counterAxes[axLetter], overlayableAxes: overlayableAxes }; handlePositionDefaults(axLayoutIn, axLayoutOut, coerce, positioningOptions); axLayoutOut._input = axLayoutIn; } // quick second pass for range slider and selector defaults var rangeSliderDefaults = Registry.getComponentMethod('rangeslider', 'handleDefaults'), rangeSelectorDefaults = Registry.getComponentMethod('rangeselector', 'handleDefaults'); for(i = 0; i < xaList.length; i++) { axName = xaList[i]; axLayoutIn = layoutIn[axName]; axLayoutOut = layoutOut[axName]; rangeSliderDefaults(layoutIn, layoutOut, axName); if(axLayoutOut.type === 'date') { rangeSelectorDefaults( axLayoutIn, axLayoutOut, layoutOut, yaList, axLayoutOut.calendar ); } coerce('fixedrange'); } for(i = 0; i < yaList.length; i++) { axName = yaList[i]; axLayoutIn = layoutIn[axName]; axLayoutOut = layoutOut[axName]; var anchoredAxis = layoutOut[axisIds.id2name(axLayoutOut.anchor)]; var fixedRangeDflt = ( anchoredAxis && anchoredAxis.rangeslider && anchoredAxis.rangeslider.visible ); coerce('fixedrange', fixedRangeDflt); } // Finally, handle scale constraints. We need to do this after all axes have // coerced both `type` (so we link only axes of the same type) and // `fixedrange` (so we can avoid linking from OR TO a fixed axis). // sets of axes linked by `scaleanchor` along with the scaleratios compounded // together, populated in handleConstraintDefaults layoutOut._axisConstraintGroups = []; var allAxisIds = counterAxes.x.concat(counterAxes.y); for(i = 0; i < axesList.length; i++) { axName = axesList[i]; axLetter = axName.charAt(0); axLayoutIn = layoutIn[axName]; axLayoutOut = layoutOut[axName]; handleConstraintDefaults(axLayoutIn, axLayoutOut, coerce, allAxisIds, layoutOut); } }; },{"../../components/color":34,"../../lib":147,"../../registry":219,"../layout_attributes":210,"./axis_defaults":185,"./axis_ids":186,"./constants":188,"./constraint_defaults":189,"./layout_attributes":194,"./position_defaults":197,"./type_defaults":205}],196:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); // flattenUniqueSort :: String -> Function -> [[String]] -> [String] function flattenUniqueSort(axisLetter, sortFunction, data) { // Bisection based insertion sort of distinct values for logarithmic time complexity. // Can't use a hashmap, which is O(1), because ES5 maps coerce keys to strings. If it ever becomes a bottleneck, // code can be separated: a hashmap (JS object) based version if all values encountered are strings; and // downgrading to this O(log(n)) array on the first encounter of a non-string value. var categoryArray = []; var traceLines = data.map(function(d) {return d[axisLetter];}); var i, j, tracePoints, category, insertionIndex; var bisector = d3.bisector(sortFunction).left; for(i = 0; i < traceLines.length; i++) { tracePoints = traceLines[i]; for(j = 0; j < tracePoints.length; j++) { category = tracePoints[j]; // skip loop: ignore null and undefined categories if(category === null || category === undefined) continue; insertionIndex = bisector(categoryArray, category); // skip loop on already encountered values if(insertionIndex < categoryArray.length && categoryArray[insertionIndex] === category) continue; // insert value categoryArray.splice(insertionIndex, 0, category); } } return categoryArray; } /** * This pure function returns the ordered categories for specified axisLetter, categoryorder, categoryarray and data. * * If categoryorder is 'array', the result is a fresh copy of categoryarray, or if unspecified, an empty array. * * If categoryorder is 'category ascending' or 'category descending', the result is an array of ascending or descending * order of the unique categories encountered in the data for specified axisLetter. * * See cartesian/layout_attributes.js for the definition of categoryorder and categoryarray * */ // orderedCategories :: String -> String -> [String] -> [[String]] -> [String] module.exports = function orderedCategories(axisLetter, categoryorder, categoryarray, data) { switch(categoryorder) { case 'array': return Array.isArray(categoryarray) ? categoryarray.slice() : []; case 'category ascending': return flattenUniqueSort(axisLetter, d3.ascending, data); case 'category descending': return flattenUniqueSort(axisLetter, d3.descending, data); case 'trace': return []; default: return []; } }; },{"d3":7}],197:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var Lib = require('../../lib'); module.exports = function handlePositionDefaults(containerIn, containerOut, coerce, options) { var counterAxes = options.counterAxes || [], overlayableAxes = options.overlayableAxes || [], letter = options.letter; var anchor = Lib.coerce(containerIn, containerOut, { anchor: { valType: 'enumerated', values: ['free'].concat(counterAxes), dflt: isNumeric(containerIn.position) ? 'free' : (counterAxes[0] || 'free') } }, 'anchor'); if(anchor === 'free') coerce('position'); Lib.coerce(containerIn, containerOut, { side: { valType: 'enumerated', values: letter === 'x' ? ['bottom', 'top'] : ['left', 'right'], dflt: letter === 'x' ? 'bottom' : 'left' } }, 'side'); var overlaying = false; if(overlayableAxes.length) { overlaying = Lib.coerce(containerIn, containerOut, { overlaying: { valType: 'enumerated', values: [false].concat(overlayableAxes), dflt: false } }, 'overlaying'); } if(!overlaying) { // TODO: right now I'm copying this domain over to overlaying axes // in ax.setscale()... but this means we still need (imperfect) logic // in the axes popover to hide domain for the overlaying axis. // perhaps I should make a private version _domain that all axes get??? var domain = coerce('domain'); if(domain[0] > domain[1] - 0.01) containerOut.domain = [0, 1]; Lib.noneOrAll(containerIn.domain, containerOut.domain, [0, 1]); } coerce('layer'); return containerOut; }; },{"../../lib":147,"fast-isnumeric":10}],198:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var FROM_BL = require('../../constants/alignment').FROM_BL; module.exports = function scaleZoom(ax, factor, centerFraction) { if(centerFraction === undefined) { centerFraction = FROM_BL[ax.constraintoward || 'center']; } var rangeLinear = [ax.r2l(ax.range[0]), ax.r2l(ax.range[1])]; var center = rangeLinear[0] + (rangeLinear[1] - rangeLinear[0]) * centerFraction; ax.range = ax._input.range = [ ax.l2r(center + (rangeLinear[0] - center) * factor), ax.l2r(center + (rangeLinear[1] - center) * factor) ]; }; },{"../../constants/alignment":130}],199:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var polygon = require('../../lib/polygon'); var color = require('../../components/color'); var appendArrayPointValue = require('../../components/fx/helpers').appendArrayPointValue; var axes = require('./axes'); var constants = require('./constants'); var filteredPolygon = polygon.filter; var polygonTester = polygon.tester; var MINSELECT = constants.MINSELECT; function getAxId(ax) { return ax._id; } module.exports = function prepSelect(e, startX, startY, dragOptions, mode) { var zoomLayer = dragOptions.gd._fullLayout._zoomlayer, dragBBox = dragOptions.element.getBoundingClientRect(), plotinfo = dragOptions.plotinfo, xs = plotinfo.xaxis._offset, ys = plotinfo.yaxis._offset, x0 = startX - dragBBox.left, y0 = startY - dragBBox.top, x1 = x0, y1 = y0, path0 = 'M' + x0 + ',' + y0, pw = dragOptions.xaxes[0]._length, ph = dragOptions.yaxes[0]._length, xAxisIds = dragOptions.xaxes.map(getAxId), yAxisIds = dragOptions.yaxes.map(getAxId), allAxes = dragOptions.xaxes.concat(dragOptions.yaxes), pts; if(mode === 'lasso') { pts = filteredPolygon([[x0, y0]], constants.BENDPX); } var outlines = zoomLayer.selectAll('path.select-outline').data([1, 2]); outlines.enter() .append('path') .attr('class', function(d) { return 'select-outline select-outline-' + d; }) .attr('transform', 'translate(' + xs + ', ' + ys + ')') .attr('d', path0 + 'Z'); var corners = zoomLayer.append('path') .attr('class', 'zoombox-corners') .style({ fill: color.background, stroke: color.defaultLine, 'stroke-width': 1 }) .attr('transform', 'translate(' + xs + ', ' + ys + ')') .attr('d', 'M0,0Z'); // find the traces to search for selection points var searchTraces = [], gd = dragOptions.gd, i, cd, trace, searchInfo, selection = [], eventData; for(i = 0; i < gd.calcdata.length; i++) { cd = gd.calcdata[i]; trace = cd[0].trace; if(!trace._module || !trace._module.selectPoints) continue; if(dragOptions.subplot) { if(trace.subplot !== dragOptions.subplot) continue; searchTraces.push({ selectPoints: trace._module.selectPoints, cd: cd, xaxis: dragOptions.xaxes[0], yaxis: dragOptions.yaxes[0] }); } else { if(xAxisIds.indexOf(trace.xaxis) === -1) continue; if(yAxisIds.indexOf(trace.yaxis) === -1) continue; searchTraces.push({ selectPoints: trace._module.selectPoints, cd: cd, xaxis: axes.getFromId(gd, trace.xaxis), yaxis: axes.getFromId(gd, trace.yaxis) }); } } function axValue(ax) { var index = (ax._id.charAt(0) === 'y') ? 1 : 0; return function(v) { return ax.p2d(v[index]); }; } function ascending(a, b) { return a - b; } // allow subplots to override fillRangeItems routine var fillRangeItems; if(plotinfo.fillRangeItems) { fillRangeItems = plotinfo.fillRangeItems; } else { if(mode === 'select') { fillRangeItems = function(eventData, poly) { var ranges = eventData.range = {}; for(i = 0; i < allAxes.length; i++) { var ax = allAxes[i]; var axLetter = ax._id.charAt(0); ranges[ax._id] = [ ax.p2d(poly[axLetter + 'min']), ax.p2d(poly[axLetter + 'max']) ].sort(ascending); } }; } else { fillRangeItems = function(eventData, poly, pts) { var dataPts = eventData.lassoPoints = {}; for(i = 0; i < allAxes.length; i++) { var ax = allAxes[i]; dataPts[ax._id] = pts.filtered.map(axValue(ax)); } }; } } dragOptions.moveFn = function(dx0, dy0) { var poly; x1 = Math.max(0, Math.min(pw, dx0 + x0)); y1 = Math.max(0, Math.min(ph, dy0 + y0)); var dx = Math.abs(x1 - x0), dy = Math.abs(y1 - y0); if(mode === 'select') { if(dy < Math.min(dx * 0.6, MINSELECT)) { // horizontal motion: make a vertical box poly = polygonTester([[x0, 0], [x0, ph], [x1, ph], [x1, 0]]); // extras to guide users in keeping a straight selection corners.attr('d', 'M' + poly.xmin + ',' + (y0 - MINSELECT) + 'h-4v' + (2 * MINSELECT) + 'h4Z' + 'M' + (poly.xmax - 1) + ',' + (y0 - MINSELECT) + 'h4v' + (2 * MINSELECT) + 'h-4Z'); } else if(dx < Math.min(dy * 0.6, MINSELECT)) { // vertical motion: make a horizontal box poly = polygonTester([[0, y0], [0, y1], [pw, y1], [pw, y0]]); corners.attr('d', 'M' + (x0 - MINSELECT) + ',' + poly.ymin + 'v-4h' + (2 * MINSELECT) + 'v4Z' + 'M' + (x0 - MINSELECT) + ',' + (poly.ymax - 1) + 'v4h' + (2 * MINSELECT) + 'v-4Z'); } else { // diagonal motion poly = polygonTester([[x0, y0], [x0, y1], [x1, y1], [x1, y0]]); corners.attr('d', 'M0,0Z'); } outlines.attr('d', 'M' + poly.xmin + ',' + poly.ymin + 'H' + (poly.xmax - 1) + 'V' + (poly.ymax - 1) + 'H' + poly.xmin + 'Z'); } else if(mode === 'lasso') { pts.addPt([x1, y1]); poly = polygonTester(pts.filtered); outlines.attr('d', 'M' + pts.filtered.join('L') + 'Z'); } selection = []; for(i = 0; i < searchTraces.length; i++) { searchInfo = searchTraces[i]; [].push.apply(selection, fillSelectionItem( searchInfo.selectPoints(searchInfo, poly), searchInfo )); } eventData = {points: selection}; fillRangeItems(eventData, poly, pts); dragOptions.gd.emit('plotly_selecting', eventData); }; dragOptions.doneFn = function(dragged, numclicks) { corners.remove(); if(!dragged && numclicks === 2) { // clear selection on doubleclick outlines.remove(); for(i = 0; i < searchTraces.length; i++) { searchInfo = searchTraces[i]; searchInfo.selectPoints(searchInfo, false); } gd.emit('plotly_deselect', null); } else { dragOptions.gd.emit('plotly_selected', eventData); } }; }; function fillSelectionItem(selection, searchInfo) { if(Array.isArray(selection)) { var trace = searchInfo.cd[0].trace; for(var i = 0; i < selection.length; i++) { var sel = selection[i]; sel.curveNumber = trace.index; sel.data = trace._input; sel.fullData = trace; appendArrayPointValue(sel, trace, sel.pointNumber); } } return selection; } },{"../../components/color":34,"../../components/fx/helpers":72,"../../lib/polygon":157,"./axes":183,"./constants":188}],200:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var isNumeric = require('fast-isnumeric'); var Lib = require('../../lib'); var cleanNumber = Lib.cleanNumber; var ms2DateTime = Lib.ms2DateTime; var dateTime2ms = Lib.dateTime2ms; var ensureNumber = Lib.ensureNumber; var numConstants = require('../../constants/numerical'); var FP_SAFE = numConstants.FP_SAFE; var BADNUM = numConstants.BADNUM; var constants = require('./constants'); var axisIds = require('./axis_ids'); function fromLog(v) { return Math.pow(10, v); } /** * Define the conversion functions for an axis data is used in 5 ways: * * d: data, in whatever form it's provided * c: calcdata: turned into numbers, but not linearized * l: linearized - same as c except for log axes (and other nonlinear * mappings later?) this is used when we need to know if it's * *possible* to show some data on this axis, without caring about * the current range * p: pixel value - mapped to the screen with current size and zoom * r: ranges, tick0, and annotation positions match one of the above * but are handled differently for different types: * - linear and date: data format (d) * - category: calcdata format (c), and will stay that way because * the data format has no continuous mapping * - log: linearized (l) format * TODO: in v2.0 we plan to change it to data format. At that point * shapes will work the same way as ranges, tick0, and annotations * so they can use this conversion too. * * Creates/updates these conversion functions, and a few more utilities * like cleanRange, and makeCalcdata * * also clears the autorange bounds ._min and ._max * and the autotick constraints ._minDtick, ._forceTick0 */ module.exports = function setConvert(ax, fullLayout) { fullLayout = fullLayout || {}; var axLetter = (ax._id || 'x').charAt(0); // clipMult: how many axis lengths past the edge do we render? // for panning, 1-2 would suffice, but for zooming more is nice. // also, clipping can affect the direction of lines off the edge... var clipMult = 10; function toLog(v, clip) { if(v > 0) return Math.log(v) / Math.LN10; else if(v <= 0 && clip && ax.range && ax.range.length === 2) { // clip NaN (ie past negative infinity) to clipMult axis // length past the negative edge var r0 = ax.range[0], r1 = ax.range[1]; return 0.5 * (r0 + r1 - 3 * clipMult * Math.abs(r0 - r1)); } else return BADNUM; } /* * wrapped dateTime2ms that: * - accepts ms numbers for backward compatibility * - inserts a dummy arg so calendar is the 3rd arg (see notes below). * - defaults to ax.calendar */ function dt2ms(v, _, calendar) { // NOTE: Changed this behavior: previously we took any numeric value // to be a ms, even if it was a string that could be a bare year. // Now we convert it as a date if at all possible, and only try // as (local) ms if that fails. var ms = dateTime2ms(v, calendar || ax.calendar); if(ms === BADNUM) { if(isNumeric(v)) ms = dateTime2ms(new Date(+v)); else return BADNUM; } return ms; } // wrapped ms2DateTime to insert default ax.calendar function ms2dt(v, r, calendar) { return ms2DateTime(v, r, calendar || ax.calendar); } function getCategoryName(v) { return ax._categories[Math.round(v)]; } /* * setCategoryIndex: return the index of category v, * inserting it in the list if it's not already there * * this will enter the categories in the order it * encounters them, ie all the categories from the * first data set, then all the ones from the second * that aren't in the first etc. * * it is assumed that this function is being invoked in the * already sorted category order; otherwise there would be * a disconnect between the array and the index returned */ function setCategoryIndex(v) { if(v !== null && v !== undefined) { if(ax._categoriesMap === undefined) { ax._categoriesMap = {}; } if(ax._categoriesMap[v] !== undefined) { return ax._categoriesMap[v]; } else { ax._categories.push(v); var curLength = ax._categories.length - 1; ax._categoriesMap[v] = curLength; return curLength; } } return BADNUM; } function getCategoryIndex(v) { // d2l/d2c variant that that won't add categories but will also // allow numbers to be mapped to the linearized axis positions if(ax._categoriesMap) { var index = ax._categoriesMap[v]; if(index !== undefined) return index; } if(isNumeric(v)) return +v; } function l2p(v) { if(!isNumeric(v)) return BADNUM; // include 2 fractional digits on pixel, for PDF zooming etc return d3.round(ax._b + ax._m * v, 2); } function p2l(px) { return (px - ax._b) / ax._m; } // conversions among c/l/p are fairly simple - do them together for all axis types ax.c2l = (ax.type === 'log') ? toLog : ensureNumber; ax.l2c = (ax.type === 'log') ? fromLog : ensureNumber; ax.l2p = l2p; ax.p2l = p2l; ax.c2p = (ax.type === 'log') ? function(v, clip) { return l2p(toLog(v, clip)); } : l2p; ax.p2c = (ax.type === 'log') ? function(px) { return fromLog(p2l(px)); } : p2l; /* * now type-specific conversions for **ALL** other combinations * they're all written out, instead of being combinations of each other, for * both clarity and speed. */ if(['linear', '-'].indexOf(ax.type) !== -1) { // all are data vals, but d and r need cleaning ax.d2r = ax.r2d = ax.d2c = ax.r2c = ax.d2l = ax.r2l = cleanNumber; ax.c2d = ax.c2r = ax.l2d = ax.l2r = ensureNumber; ax.d2p = ax.r2p = function(v) { return ax.l2p(cleanNumber(v)); }; ax.p2d = ax.p2r = p2l; ax.cleanPos = ensureNumber; } else if(ax.type === 'log') { // d and c are data vals, r and l are logged (but d and r need cleaning) ax.d2r = ax.d2l = function(v, clip) { return toLog(cleanNumber(v), clip); }; ax.r2d = ax.r2c = function(v) { return fromLog(cleanNumber(v)); }; ax.d2c = ax.r2l = cleanNumber; ax.c2d = ax.l2r = ensureNumber; ax.c2r = toLog; ax.l2d = fromLog; ax.d2p = function(v, clip) { return ax.l2p(ax.d2r(v, clip)); }; ax.p2d = function(px) { return fromLog(p2l(px)); }; ax.r2p = function(v) { return ax.l2p(cleanNumber(v)); }; ax.p2r = p2l; ax.cleanPos = ensureNumber; } else if(ax.type === 'date') { // r and d are date strings, l and c are ms /* * Any of these functions with r and d on either side, calendar is the * **3rd** argument. log has reserved the second argument. * * Unless you need the special behavior of the second arg (ms2DateTime * uses this to limit precision, toLog uses true to clip negatives * to offscreen low rather than undefined), it's safe to pass 0. */ ax.d2r = ax.r2d = Lib.identity; ax.d2c = ax.r2c = ax.d2l = ax.r2l = dt2ms; ax.c2d = ax.c2r = ax.l2d = ax.l2r = ms2dt; ax.d2p = ax.r2p = function(v, _, calendar) { return ax.l2p(dt2ms(v, 0, calendar)); }; ax.p2d = ax.p2r = function(px, r, calendar) { return ms2dt(p2l(px), r, calendar); }; ax.cleanPos = function(v) { return Lib.cleanDate(v, BADNUM, ax.calendar); }; } else if(ax.type === 'category') { // d is categories (string) // c and l are indices (numbers) // r is categories or numbers ax.d2c = ax.d2l = setCategoryIndex; ax.r2d = ax.c2d = ax.l2d = getCategoryName; ax.d2r = ax.d2l_noadd = getCategoryIndex; ax.r2c = function(v) { var index = getCategoryIndex(v); return index !== undefined ? index : ax.fraction2r(0.5); }; ax.l2r = ax.c2r = ensureNumber; ax.r2l = getCategoryIndex; ax.d2p = function(v) { return ax.l2p(ax.r2c(v)); }; ax.p2d = function(px) { return getCategoryName(p2l(px)); }; ax.r2p = ax.d2p; ax.p2r = p2l; ax.cleanPos = function(v) { if(typeof v === 'string' && v !== '') return v; return ensureNumber(v); }; } // find the range value at the specified (linear) fraction of the axis ax.fraction2r = function(v) { var rl0 = ax.r2l(ax.range[0]), rl1 = ax.r2l(ax.range[1]); return ax.l2r(rl0 + v * (rl1 - rl0)); }; // find the fraction of the range at the specified range value ax.r2fraction = function(v) { var rl0 = ax.r2l(ax.range[0]), rl1 = ax.r2l(ax.range[1]); return (ax.r2l(v) - rl0) / (rl1 - rl0); }; /* * cleanRange: make sure range is a couplet of valid & distinct values * keep numbers away from the limits of floating point numbers, * and dates away from the ends of our date system (+/- 9999 years) * * optional param rangeAttr: operate on a different attribute, like * ax._r, rather than ax.range */ ax.cleanRange = function(rangeAttr) { if(!rangeAttr) rangeAttr = 'range'; var range = Lib.nestedProperty(ax, rangeAttr).get(), i, dflt; if(ax.type === 'date') dflt = Lib.dfltRange(ax.calendar); else if(axLetter === 'y') dflt = constants.DFLTRANGEY; else dflt = constants.DFLTRANGEX; // make sure we don't later mutate the defaults dflt = dflt.slice(); if(!range || range.length !== 2) { Lib.nestedProperty(ax, rangeAttr).set(dflt); return; } if(ax.type === 'date') { // check if milliseconds or js date objects are provided for range // and convert to date strings range[0] = Lib.cleanDate(range[0], BADNUM, ax.calendar); range[1] = Lib.cleanDate(range[1], BADNUM, ax.calendar); } for(i = 0; i < 2; i++) { if(ax.type === 'date') { if(!Lib.isDateTime(range[i], ax.calendar)) { ax[rangeAttr] = dflt; break; } if(ax.r2l(range[0]) === ax.r2l(range[1])) { // split by +/- 1 second var linCenter = Lib.constrain(ax.r2l(range[0]), Lib.MIN_MS + 1000, Lib.MAX_MS - 1000); range[0] = ax.l2r(linCenter - 1000); range[1] = ax.l2r(linCenter + 1000); break; } } else { if(!isNumeric(range[i])) { if(isNumeric(range[1 - i])) { range[i] = range[1 - i] * (i ? 10 : 0.1); } else { ax[rangeAttr] = dflt; break; } } if(range[i] < -FP_SAFE) range[i] = -FP_SAFE; else if(range[i] > FP_SAFE) range[i] = FP_SAFE; if(range[0] === range[1]) { // somewhat arbitrary: split by 1 or 1ppm, whichever is bigger var inc = Math.max(1, Math.abs(range[0] * 1e-6)); range[0] -= inc; range[1] += inc; } } } }; // set scaling to pixels ax.setScale = function(usePrivateRange) { var gs = fullLayout._size; // TODO cleaner way to handle this case if(!ax._categories) ax._categories = []; // Add a map to optimize the performance of category collection if(!ax._categoriesMap) ax._categoriesMap = {}; // make sure we have a domain (pull it in from the axis // this one is overlaying if necessary) if(ax.overlaying) { var ax2 = axisIds.getFromId({ _fullLayout: fullLayout }, ax.overlaying); ax.domain = ax2.domain; } // While transitions are occuring, occurring, we get a double-transform // issue if we transform the drawn layer *and* use the new axis range to // draw the data. This allows us to construct setConvert using the pre- // interaction values of the range: var rangeAttr = (usePrivateRange && ax._r) ? '_r' : 'range', calendar = ax.calendar; ax.cleanRange(rangeAttr); var rl0 = ax.r2l(ax[rangeAttr][0], calendar), rl1 = ax.r2l(ax[rangeAttr][1], calendar); if(axLetter === 'y') { ax._offset = gs.t + (1 - ax.domain[1]) * gs.h; ax._length = gs.h * (ax.domain[1] - ax.domain[0]); ax._m = ax._length / (rl0 - rl1); ax._b = -ax._m * rl1; } else { ax._offset = gs.l + ax.domain[0] * gs.w; ax._length = gs.w * (ax.domain[1] - ax.domain[0]); ax._m = ax._length / (rl1 - rl0); ax._b = -ax._m * rl0; } if(!isFinite(ax._m) || !isFinite(ax._b)) { Lib.notifier( 'Something went wrong with axis scaling', 'long'); fullLayout._replotting = false; throw new Error('axis scaling'); } }; // makeCalcdata: takes an x or y array and converts it // to a position on the axis object "ax" // inputs: // trace - a data object from gd.data // axLetter - a string, either 'x' or 'y', for which item // to convert (TODO: is this now always the same as // the first letter of ax._id?) // in case the expected data isn't there, make a list of // integers based on the opposite data ax.makeCalcdata = function(trace, axLetter) { var arrayIn, arrayOut, i; var cal = ax.type === 'date' && trace[axLetter + 'calendar']; if(axLetter in trace) { arrayIn = trace[axLetter]; arrayOut = new Array(arrayIn.length); for(i = 0; i < arrayIn.length; i++) { arrayOut[i] = ax.d2c(arrayIn[i], 0, cal); } } else { var v0 = ((axLetter + '0') in trace) ? ax.d2c(trace[axLetter + '0'], 0, cal) : 0, dv = (trace['d' + axLetter]) ? Number(trace['d' + axLetter]) : 1; // the opposing data, for size if we have x and dx etc arrayIn = trace[{x: 'y', y: 'x'}[axLetter]]; arrayOut = new Array(arrayIn.length); for(i = 0; i < arrayIn.length; i++) arrayOut[i] = v0 + i * dv; } return arrayOut; }; ax.isValidRange = function(range) { return ( Array.isArray(range) && range.length === 2 && isNumeric(ax.r2l(range[0])) && isNumeric(ax.r2l(range[1])) ); }; if(axLetter === 'x') { ax.isPtWithinRange = function(d) { var x = d.x; return x >= ax.range[0] && x <= ax.range[1]; }; } else { ax.isPtWithinRange = function(d) { var y = d.y; return y >= ax.range[0] && y <= ax.range[1]; }; } // for autoranging: arrays of objects: // {val: axis value, pad: pixel padding} // on the low and high sides ax._min = []; ax._max = []; // copy ref to fullLayout.separators so that // methods in Axes can use it w/o having to pass fullLayout ax._separators = fullLayout.separators; // and for bar charts and box plots: reset forced minimum tick spacing delete ax._minDtick; delete ax._forceTick0; }; },{"../../constants/numerical":132,"../../lib":147,"./axis_ids":186,"./constants":188,"d3":7,"fast-isnumeric":10}],201:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); /** * options: inherits font, outerTicks, noHover from axes.handleAxisDefaults */ module.exports = function handleTickLabelDefaults(containerIn, containerOut, coerce, axType, options) { var showAttrDflt = getShowAttrDflt(containerIn); var tickPrefix = coerce('tickprefix'); if(tickPrefix) coerce('showtickprefix', showAttrDflt); var tickSuffix = coerce('ticksuffix'); if(tickSuffix) coerce('showticksuffix', showAttrDflt); var showTickLabels = coerce('showticklabels'); if(showTickLabels) { var font = options.font || {}; // as with titlefont.color, inherit axis.color only if one was // explicitly provided var dfltFontColor = (containerOut.color === containerIn.color) ? containerOut.color : font.color; Lib.coerceFont(coerce, 'tickfont', { family: font.family, size: font.size, color: dfltFontColor }); coerce('tickangle'); if(axType !== 'category') { var tickFormat = coerce('tickformat'); if(!tickFormat && axType !== 'date') { coerce('showexponent', showAttrDflt); coerce('exponentformat'); coerce('separatethousands'); } } } if(axType !== 'category' && !options.noHover) coerce('hoverformat'); }; /* * Attributes 'showexponent', 'showtickprefix' and 'showticksuffix' * share values. * * If only 1 attribute is set, * the remaining attributes inherit that value. * * If 2 attributes are set to the same value, * the remaining attribute inherits that value. * * If 2 attributes are set to different values, * the remaining is set to its dflt value. * */ function getShowAttrDflt(containerIn) { var showAttrsAll = ['showexponent', 'showtickprefix', 'showticksuffix'], showAttrs = showAttrsAll.filter(function(a) { return containerIn[a] !== undefined; }), sameVal = function(a) { return containerIn[a] === containerIn[showAttrs[0]]; }; if(showAttrs.every(sameVal) || showAttrs.length === 1) { return containerIn[showAttrs[0]]; } } },{"../../lib":147}],202:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var layoutAttributes = require('./layout_attributes'); /** * options: inherits outerTicks from axes.handleAxisDefaults */ module.exports = function handleTickDefaults(containerIn, containerOut, coerce, options) { var tickLen = Lib.coerce2(containerIn, containerOut, layoutAttributes, 'ticklen'), tickWidth = Lib.coerce2(containerIn, containerOut, layoutAttributes, 'tickwidth'), tickColor = Lib.coerce2(containerIn, containerOut, layoutAttributes, 'tickcolor', containerOut.color), showTicks = coerce('ticks', (options.outerTicks || tickLen || tickWidth || tickColor) ? 'outside' : ''); if(!showTicks) { delete containerOut.ticklen; delete containerOut.tickwidth; delete containerOut.tickcolor; } }; },{"../../lib":147,"./layout_attributes":194}],203:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var Lib = require('../../lib'); var ONEDAY = require('../../constants/numerical').ONEDAY; module.exports = function handleTickValueDefaults(containerIn, containerOut, coerce, axType) { var tickmodeDefault = 'auto'; if(containerIn.tickmode === 'array' && (axType === 'log' || axType === 'date')) { containerIn.tickmode = 'auto'; } if(Array.isArray(containerIn.tickvals)) tickmodeDefault = 'array'; else if(containerIn.dtick) { tickmodeDefault = 'linear'; } var tickmode = coerce('tickmode', tickmodeDefault); if(tickmode === 'auto') coerce('nticks'); else if(tickmode === 'linear') { // dtick is usually a positive number, but there are some // special strings available for log or date axes // default is 1 day for dates, otherwise 1 var dtickDflt = (axType === 'date') ? ONEDAY : 1; var dtick = coerce('dtick', dtickDflt); if(isNumeric(dtick)) { containerOut.dtick = (dtick > 0) ? Number(dtick) : dtickDflt; } else if(typeof dtick !== 'string') { containerOut.dtick = dtickDflt; } else { // date and log special cases are all one character plus a number var prefix = dtick.charAt(0), dtickNum = dtick.substr(1); dtickNum = isNumeric(dtickNum) ? Number(dtickNum) : 0; if((dtickNum <= 0) || !( // "M" gives ticks every (integer) n months (axType === 'date' && prefix === 'M' && dtickNum === Math.round(dtickNum)) || // "L" gives ticks linearly spaced in data (not in position) every (float) f (axType === 'log' && prefix === 'L') || // "D1" gives powers of 10 with all small digits between, "D2" gives only 2 and 5 (axType === 'log' && prefix === 'D' && (dtickNum === 1 || dtickNum === 2)) )) { containerOut.dtick = dtickDflt; } } // tick0 can have different valType for different axis types, so // validate that now. Also for dates, change milliseconds to date strings var tick0Dflt = (axType === 'date') ? Lib.dateTick0(containerOut.calendar) : 0; var tick0 = coerce('tick0', tick0Dflt); if(axType === 'date') { containerOut.tick0 = Lib.cleanDate(tick0, tick0Dflt); } // Aside from date axes, dtick must be numeric; D1 and D2 modes ignore tick0 entirely else if(isNumeric(tick0) && dtick !== 'D1' && dtick !== 'D2') { containerOut.tick0 = Number(tick0); } else { containerOut.tick0 = tick0Dflt; } } else { var tickvals = coerce('tickvals'); if(tickvals === undefined) containerOut.tickmode = 'auto'; else coerce('ticktext'); } }; },{"../../constants/numerical":132,"../../lib":147,"fast-isnumeric":10}],204:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Plotly = require('../../plotly'); var Registry = require('../../registry'); var Drawing = require('../../components/drawing'); var Axes = require('./axes'); var axisRegex = /((x|y)([2-9]|[1-9][0-9]+)?)axis$/; module.exports = function transitionAxes(gd, newLayout, transitionOpts, makeOnCompleteCallback) { var fullLayout = gd._fullLayout; var axes = []; function computeUpdates(layout) { var ai, attrList, match, axis, update; var updates = {}; for(ai in layout) { attrList = ai.split('.'); match = attrList[0].match(axisRegex); if(match) { var axisLetter = match[1]; var axisName = axisLetter + 'axis'; axis = fullLayout[axisName]; update = {}; if(Array.isArray(layout[ai])) { update.to = layout[ai].slice(0); } else { if(Array.isArray(layout[ai].range)) { update.to = layout[ai].range.slice(0); } } if(!update.to) continue; update.axisName = axisName; update.length = axis._length; axes.push(axisLetter); updates[axisLetter] = update; } } return updates; } function computeAffectedSubplots(fullLayout, updatedAxisIds, updates) { var plotName; var plotinfos = fullLayout._plots; var affectedSubplots = []; var toX, toY; for(plotName in plotinfos) { var plotinfo = plotinfos[plotName]; if(affectedSubplots.indexOf(plotinfo) !== -1) continue; var x = plotinfo.xaxis._id; var y = plotinfo.yaxis._id; var fromX = plotinfo.xaxis.range; var fromY = plotinfo.yaxis.range; // Store the initial range at the beginning of this transition: plotinfo.xaxis._r = plotinfo.xaxis.range.slice(); plotinfo.yaxis._r = plotinfo.yaxis.range.slice(); if(updates[x]) { toX = updates[x].to; } else { toX = fromX; } if(updates[y]) { toY = updates[y].to; } else { toY = fromY; } if(fromX[0] === toX[0] && fromX[1] === toX[1] && fromY[0] === toY[0] && fromY[1] === toY[1]) continue; if(updatedAxisIds.indexOf(x) !== -1 || updatedAxisIds.indexOf(y) !== -1) { affectedSubplots.push(plotinfo); } } return affectedSubplots; } var updates = computeUpdates(newLayout); var updatedAxisIds = Object.keys(updates); var affectedSubplots = computeAffectedSubplots(fullLayout, updatedAxisIds, updates); function updateLayoutObjs() { function redrawObjs(objArray, method, shortCircuit) { for(var i = 0; i < objArray.length; i++) { method(gd, i); // once is enough for images (which doesn't use the `i` arg anyway) if(shortCircuit) return; } } redrawObjs(fullLayout.annotations || [], Registry.getComponentMethod('annotations', 'drawOne')); redrawObjs(fullLayout.shapes || [], Registry.getComponentMethod('shapes', 'drawOne')); redrawObjs(fullLayout.images || [], Registry.getComponentMethod('images', 'draw'), true); } if(!affectedSubplots.length) { updateLayoutObjs(); return false; } function ticksAndAnnotations(xa, ya) { var activeAxIds = [], i; activeAxIds = [xa._id, ya._id]; for(i = 0; i < activeAxIds.length; i++) { Axes.doTicks(gd, activeAxIds[i], true); } function redrawObjs(objArray, method, shortCircuit) { for(i = 0; i < objArray.length; i++) { var obji = objArray[i]; if((activeAxIds.indexOf(obji.xref) !== -1) || (activeAxIds.indexOf(obji.yref) !== -1)) { method(gd, i); } // once is enough for images (which doesn't use the `i` arg anyway) if(shortCircuit) return; } } redrawObjs(fullLayout.annotations || [], Registry.getComponentMethod('annotations', 'drawOne')); redrawObjs(fullLayout.shapes || [], Registry.getComponentMethod('shapes', 'drawOne')); redrawObjs(fullLayout.images || [], Registry.getComponentMethod('images', 'draw'), true); } function unsetSubplotTransform(subplot) { var xa2 = subplot.xaxis; var ya2 = subplot.yaxis; fullLayout._defs.select('#' + subplot.clipId + '> rect') .call(Drawing.setTranslate, 0, 0) .call(Drawing.setScale, 1, 1); subplot.plot .call(Drawing.setTranslate, xa2._offset, ya2._offset) .call(Drawing.setScale, 1, 1); var scatterPoints = subplot.plot.select('.scatterlayer').selectAll('.points'); // This is specifically directed at scatter traces, applying an inverse // scale to individual points to counteract the scale of the trace // as a whole: scatterPoints.selectAll('.point') .call(Drawing.setPointGroupScale, 1, 1) .call(Drawing.hideOutsideRangePoints, subplot); scatterPoints.selectAll('.textpoint') .call(Drawing.setTextPointsScale, 1, 1) .call(Drawing.hideOutsideRangePoints, subplot); } function updateSubplot(subplot, progress) { var axis, r0, r1; var xUpdate = updates[subplot.xaxis._id]; var yUpdate = updates[subplot.yaxis._id]; var viewBox = []; if(xUpdate) { axis = gd._fullLayout[xUpdate.axisName]; r0 = axis._r; r1 = xUpdate.to; viewBox[0] = (r0[0] * (1 - progress) + progress * r1[0] - r0[0]) / (r0[1] - r0[0]) * subplot.xaxis._length; var dx1 = r0[1] - r0[0]; var dx2 = r1[1] - r1[0]; axis.range[0] = r0[0] * (1 - progress) + progress * r1[0]; axis.range[1] = r0[1] * (1 - progress) + progress * r1[1]; viewBox[2] = subplot.xaxis._length * ((1 - progress) + progress * dx2 / dx1); } else { viewBox[0] = 0; viewBox[2] = subplot.xaxis._length; } if(yUpdate) { axis = gd._fullLayout[yUpdate.axisName]; r0 = axis._r; r1 = yUpdate.to; viewBox[1] = (r0[1] * (1 - progress) + progress * r1[1] - r0[1]) / (r0[0] - r0[1]) * subplot.yaxis._length; var dy1 = r0[1] - r0[0]; var dy2 = r1[1] - r1[0]; axis.range[0] = r0[0] * (1 - progress) + progress * r1[0]; axis.range[1] = r0[1] * (1 - progress) + progress * r1[1]; viewBox[3] = subplot.yaxis._length * ((1 - progress) + progress * dy2 / dy1); } else { viewBox[1] = 0; viewBox[3] = subplot.yaxis._length; } ticksAndAnnotations(subplot.xaxis, subplot.yaxis); var xa2 = subplot.xaxis; var ya2 = subplot.yaxis; var editX = !!xUpdate; var editY = !!yUpdate; var xScaleFactor = editX ? xa2._length / viewBox[2] : 1, yScaleFactor = editY ? ya2._length / viewBox[3] : 1; var clipDx = editX ? viewBox[0] : 0, clipDy = editY ? viewBox[1] : 0; var fracDx = editX ? (viewBox[0] / viewBox[2] * xa2._length) : 0, fracDy = editY ? (viewBox[1] / viewBox[3] * ya2._length) : 0; var plotDx = xa2._offset - fracDx, plotDy = ya2._offset - fracDy; fullLayout._defs.select('#' + subplot.clipId + '> rect') .call(Drawing.setTranslate, clipDx, clipDy) .call(Drawing.setScale, 1 / xScaleFactor, 1 / yScaleFactor); subplot.plot .call(Drawing.setTranslate, plotDx, plotDy) .call(Drawing.setScale, xScaleFactor, yScaleFactor) // This is specifically directed at scatter traces, applying an inverse // scale to individual points to counteract the scale of the trace // as a whole: .selectAll('.points').selectAll('.point') .call(Drawing.setPointGroupScale, 1 / xScaleFactor, 1 / yScaleFactor); subplot.plot.selectAll('.points').selectAll('.textpoint') .call(Drawing.setTextPointsScale, 1 / xScaleFactor, 1 / yScaleFactor); } var onComplete; if(makeOnCompleteCallback) { // This module makes the choice whether or not it notifies Plotly.transition // about completion: onComplete = makeOnCompleteCallback(); } function transitionComplete() { var aobj = {}; for(var i = 0; i < updatedAxisIds.length; i++) { var axi = gd._fullLayout[updates[updatedAxisIds[i]].axisName]; var to = updates[updatedAxisIds[i]].to; aobj[axi._name + '.range[0]'] = to[0]; aobj[axi._name + '.range[1]'] = to[1]; axi.range = to.slice(); } // Signal that this transition has completed: onComplete && onComplete(); return Plotly.relayout(gd, aobj).then(function() { for(var i = 0; i < affectedSubplots.length; i++) { unsetSubplotTransform(affectedSubplots[i]); } }); } function transitionInterrupt() { var aobj = {}; for(var i = 0; i < updatedAxisIds.length; i++) { var axi = gd._fullLayout[updatedAxisIds[i] + 'axis']; aobj[axi._name + '.range[0]'] = axi.range[0]; aobj[axi._name + '.range[1]'] = axi.range[1]; axi.range = axi._r.slice(); } return Plotly.relayout(gd, aobj).then(function() { for(var i = 0; i < affectedSubplots.length; i++) { unsetSubplotTransform(affectedSubplots[i]); } }); } var t1, t2, raf; var easeFn = d3.ease(transitionOpts.easing); gd._transitionData._interruptCallbacks.push(function() { window.cancelAnimationFrame(raf); raf = null; return transitionInterrupt(); }); function doFrame() { t2 = Date.now(); var tInterp = Math.min(1, (t2 - t1) / transitionOpts.duration); var progress = easeFn(tInterp); for(var i = 0; i < affectedSubplots.length; i++) { updateSubplot(affectedSubplots[i], progress); } if(t2 - t1 > transitionOpts.duration) { transitionComplete(); raf = window.cancelAnimationFrame(doFrame); } else { raf = window.requestAnimationFrame(doFrame); } } t1 = Date.now(); raf = window.requestAnimationFrame(doFrame); return Promise.resolve(); }; },{"../../components/drawing":58,"../../plotly":178,"../../registry":219,"./axes":183,"d3":7}],205:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = require('../../registry'); var autoType = require('./axis_autotype'); var name2id = require('./axis_ids').name2id; /* * data: the plot data to use in choosing auto type * name: axis object name (ie 'xaxis') if one should be stored */ module.exports = function handleTypeDefaults(containerIn, containerOut, coerce, data, name) { // set up some private properties if(name) { containerOut._name = name; containerOut._id = name2id(name); } var axType = coerce('type'); if(axType === '-') { setAutoType(containerOut, data); if(containerOut.type === '-') { containerOut.type = 'linear'; } else { // copy autoType back to input axis // note that if this object didn't exist // in the input layout, we have to put it in // this happens in the main supplyDefaults function containerIn.type = containerOut.type; } } }; function setAutoType(ax, data) { // new logic: let people specify any type they want, // only autotype if type is '-' if(ax.type !== '-') return; var id = ax._id, axLetter = id.charAt(0); // support 3d if(id.indexOf('scene') !== -1) id = axLetter; var d0 = getFirstNonEmptyTrace(data, id, axLetter); if(!d0) return; // first check for histograms, as the count direction // should always default to a linear axis if(d0.type === 'histogram' && axLetter === {v: 'y', h: 'x'}[d0.orientation || 'v']) { ax.type = 'linear'; return; } var calAttr = axLetter + 'calendar', calendar = d0[calAttr]; // check all boxes on this x axis to see // if they're dates, numbers, or categories if(isBoxWithoutPositionCoords(d0, axLetter)) { var posLetter = getBoxPosLetter(d0), boxPositions = [], trace; for(var i = 0; i < data.length; i++) { trace = data[i]; if(!Registry.traceIs(trace, 'box') || (trace[axLetter + 'axis'] || axLetter) !== id) continue; if(trace[posLetter] !== undefined) boxPositions.push(trace[posLetter][0]); else if(trace.name !== undefined) boxPositions.push(trace.name); else boxPositions.push('text'); if(trace[calAttr] !== calendar) calendar = undefined; } ax.type = autoType(boxPositions, calendar); } else { ax.type = autoType(d0[axLetter] || [d0[axLetter + '0']], calendar); } } function getFirstNonEmptyTrace(data, id, axLetter) { for(var i = 0; i < data.length; i++) { var trace = data[i]; if((trace[axLetter + 'axis'] || axLetter) === id) { if(isBoxWithoutPositionCoords(trace, axLetter)) { return trace; } else if((trace[axLetter] || []).length || trace[axLetter + '0']) { return trace; } } } } function getBoxPosLetter(trace) { return {v: 'x', h: 'y'}[trace.orientation || 'v']; } function isBoxWithoutPositionCoords(trace, axLetter) { var posLetter = getBoxPosLetter(trace), isBox = Registry.traceIs(trace, 'box'), isCandlestick = Registry.traceIs(trace._fullInput || {}, 'candlestick'); return ( isBox && !isCandlestick && axLetter === posLetter && trace[posLetter] === undefined && trace[posLetter + '0'] === undefined ); } },{"../../registry":219,"./axis_autotype":184,"./axis_ids":186}],206:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Plotly = require('../plotly'); var Lib = require('../lib'); /* * Create or update an observer. This function is designed to be * idempotent so that it can be called over and over as the component * updates, and will attach and detach listeners as needed. * * @param {optional object} container * An object on which the observer is stored. This is the mechanism * by which it is idempotent. If it already exists, another won't be * added. Each time it's called, the value lookup table is updated. * @param {array} commandList * An array of commands, following either `buttons` of `updatemenus` * or `steps` of `sliders`. * @param {function} onchange * A listener called when the value is changed. Receives data object * with information about the new state. */ exports.manageCommandObserver = function(gd, container, commandList, onchange) { var ret = {}; var enabled = true; if(container && container._commandObserver) { ret = container._commandObserver; } if(!ret.cache) { ret.cache = {}; } // Either create or just recompute this: ret.lookupTable = {}; var binding = exports.hasSimpleAPICommandBindings(gd, commandList, ret.lookupTable); if(container && container._commandObserver) { if(!binding) { // If container exists and there are no longer any bindings, // remove existing: if(container._commandObserver.remove) { container._commandObserver.remove(); container._commandObserver = null; return ret; } } else { // If container exists and there *are* bindings, then the lookup // table should have been updated and check is already attached, // so there's nothing to be done: return ret; } } // Determine whether there's anything to do for this binding: if(binding) { // Build the cache: bindingValueHasChanged(gd, binding, ret.cache); ret.check = function check() { if(!enabled) return; var update = bindingValueHasChanged(gd, binding, ret.cache); if(update.changed && onchange) { // Disable checks for the duration of this command in order to avoid // infinite loops: if(ret.lookupTable[update.value] !== undefined) { ret.disable(); Promise.resolve(onchange({ value: update.value, type: binding.type, prop: binding.prop, traces: binding.traces, index: ret.lookupTable[update.value] })).then(ret.enable, ret.enable); } } return update.changed; }; var checkEvents = [ 'plotly_relayout', 'plotly_redraw', 'plotly_restyle', 'plotly_update', 'plotly_animatingframe', 'plotly_afterplot' ]; for(var i = 0; i < checkEvents.length; i++) { gd._internalOn(checkEvents[i], ret.check); } ret.remove = function() { for(var i = 0; i < checkEvents.length; i++) { gd._removeInternalListener(checkEvents[i], ret.check); } }; } else { // TODO: It'd be really neat to actually give a *reason* for this, but at least a warning // is a start Lib.warn('Unable to automatically bind plot updates to API command'); ret.lookupTable = {}; ret.remove = function() {}; } ret.disable = function disable() { enabled = false; }; ret.enable = function enable() { enabled = true; }; if(container) { container._commandObserver = ret; } return ret; }; /* * This function checks to see if an array of objects containing * method and args properties is compatible with automatic two-way * binding. The criteria right now are that * * 1. multiple traces may be affected * 2. only one property may be affected * 3. the same property must be affected by all commands */ exports.hasSimpleAPICommandBindings = function(gd, commandList, bindingsByValue) { var i; var n = commandList.length; var refBinding; for(i = 0; i < n; i++) { var binding; var command = commandList[i]; var method = command.method; var args = command.args; if(!Array.isArray(args)) args = []; // If any command has no method, refuse to bind: if(!method) { return false; } var bindings = exports.computeAPICommandBindings(gd, method, args); // Right now, handle one and *only* one property being set: if(bindings.length !== 1) { return false; } if(!refBinding) { refBinding = bindings[0]; if(Array.isArray(refBinding.traces)) { refBinding.traces.sort(); } } else { binding = bindings[0]; if(binding.type !== refBinding.type) { return false; } if(binding.prop !== refBinding.prop) { return false; } if(Array.isArray(refBinding.traces)) { if(Array.isArray(binding.traces)) { binding.traces.sort(); for(var j = 0; j < refBinding.traces.length; j++) { if(refBinding.traces[j] !== binding.traces[j]) { return false; } } } else { return false; } } else { if(binding.prop !== refBinding.prop) { return false; } } } binding = bindings[0]; var value = binding.value; if(Array.isArray(value)) { if(value.length === 1) { value = value[0]; } else { return false; } } if(bindingsByValue) { bindingsByValue[value] = i; } } return refBinding; }; function bindingValueHasChanged(gd, binding, cache) { var container, value, obj; var changed = false; if(binding.type === 'data') { // If it's data, we need to get a trace. Based on the limited scope // of what we cover, we can just take the first trace from the list, // or otherwise just the first trace: container = gd._fullData[binding.traces !== null ? binding.traces[0] : 0]; } else if(binding.type === 'layout') { container = gd._fullLayout; } else { return false; } value = Lib.nestedProperty(container, binding.prop).get(); obj = cache[binding.type] = cache[binding.type] || {}; if(obj.hasOwnProperty(binding.prop)) { if(obj[binding.prop] !== value) { changed = true; } } obj[binding.prop] = value; return { changed: changed, value: value }; } /* * Execute an API command. There's really not much to this; it just provides * a common hook so that implementations don't need to be synchronized across * multiple components with the ability to invoke API commands. * * @param {string} method * The name of the plotly command to execute. Must be one of 'animate', * 'restyle', 'relayout', 'update'. * @param {array} args * A list of arguments passed to the API command */ exports.executeAPICommand = function(gd, method, args) { if(method === 'skip') return Promise.resolve(); var apiMethod = Plotly[method]; var allArgs = [gd]; if(!Array.isArray(args)) args = []; for(var i = 0; i < args.length; i++) { allArgs.push(args[i]); } return apiMethod.apply(null, allArgs).catch(function(err) { Lib.warn('API call to Plotly.' + method + ' rejected.', err); return Promise.reject(err); }); }; exports.computeAPICommandBindings = function(gd, method, args) { var bindings; if(!Array.isArray(args)) args = []; switch(method) { case 'restyle': bindings = computeDataBindings(gd, args); break; case 'relayout': bindings = computeLayoutBindings(gd, args); break; case 'update': bindings = computeDataBindings(gd, [args[0], args[2]]) .concat(computeLayoutBindings(gd, [args[1]])); break; case 'animate': bindings = computeAnimateBindings(gd, args); break; default: // This is the case where intelligent logic about what affects // this command is not implemented. It causes no ill effects. // For example, addFrames simply won't bind to a control component. bindings = []; } return bindings; }; function computeAnimateBindings(gd, args) { // We'll assume that the only relevant modification an animation // makes that's meaningfully tracked is the frame: if(Array.isArray(args[0]) && args[0].length === 1 && ['string', 'number'].indexOf(typeof args[0][0]) !== -1) { return [{type: 'layout', prop: '_currentFrame', value: args[0][0].toString()}]; } else { return []; } } function computeLayoutBindings(gd, args) { var bindings = []; var astr = args[0]; var aobj = {}; if(typeof astr === 'string') { aobj[astr] = args[1]; } else if(Lib.isPlainObject(astr)) { aobj = astr; } else { return bindings; } crawl(aobj, function(path, attrName, attr) { bindings.push({type: 'layout', prop: path, value: attr}); }, '', 0); return bindings; } function computeDataBindings(gd, args) { var traces, astr, val, aobj; var bindings = []; // Logic copied from Plotly.restyle: astr = args[0]; val = args[1]; traces = args[2]; aobj = {}; if(typeof astr === 'string') { aobj[astr] = val; } else if(Lib.isPlainObject(astr)) { // the 3-arg form aobj = astr; if(traces === undefined) { traces = val; } } else { return bindings; } if(traces === undefined) { // Explicitly assign this to null instead of undefined: traces = null; } crawl(aobj, function(path, attrName, attr) { var thisTraces; if(Array.isArray(attr)) { var nAttr = Math.min(attr.length, gd.data.length); if(traces) { nAttr = Math.min(nAttr, traces.length); } thisTraces = []; for(var j = 0; j < nAttr; j++) { thisTraces[j] = traces ? traces[j] : j; } } else { thisTraces = traces ? traces.slice(0) : null; } // Convert [7] to just 7 when traces is null: if(thisTraces === null) { if(Array.isArray(attr)) { attr = attr[0]; } } else if(Array.isArray(thisTraces)) { if(!Array.isArray(attr)) { var tmp = attr; attr = []; for(var i = 0; i < thisTraces.length; i++) { attr[i] = tmp; } } attr.length = Math.min(thisTraces.length, attr.length); } bindings.push({ type: 'data', prop: path, traces: thisTraces, value: attr }); }, '', 0); return bindings; } function crawl(attrs, callback, path, depth) { Object.keys(attrs).forEach(function(attrName) { var attr = attrs[attrName]; if(attrName[0] === '_') return; var thisPath = path + (depth > 0 ? '.' : '') + attrName; if(Lib.isPlainObject(attr)) { crawl(attr, callback, thisPath, depth + 1); } else { // Only execute the callback on leaf nodes: callback(thisPath, attrName, attr); } }); } },{"../lib":147,"../plotly":178}],207:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { family: { valType: 'string', noBlank: true, strict: true, }, size: { valType: 'number', min: 1 }, color: { valType: 'color', } }; },{}],208:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { _isLinkedToArray: 'frames_entry', group: { valType: 'string', }, name: { valType: 'string', }, traces: { valType: 'any', }, baseframe: { valType: 'string', }, data: { valType: 'any', }, layout: { valType: 'any', } }; },{}],209:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; function xformMatrix(m, v) { var out = [0, 0, 0, 0]; var i, j; for(i = 0; i < 4; ++i) { for(j = 0; j < 4; ++j) { out[j] += m[4 * i + j] * v[i]; } } return out; } function project(camera, v) { var p = xformMatrix(camera.projection, xformMatrix(camera.view, xformMatrix(camera.model, [v[0], v[1], v[2], 1]))); return p; } module.exports = project; },{}],210:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../lib'); var extendFlat = Lib.extendFlat; var fontAttrs = require('./font_attributes'); var colorAttrs = require('../components/color/attributes'); module.exports = { font: { family: extendFlat({}, fontAttrs.family, { dflt: '"Open Sans", verdana, arial, sans-serif' }), size: extendFlat({}, fontAttrs.size, { dflt: 12 }), color: extendFlat({}, fontAttrs.color, { dflt: colorAttrs.defaultLine }), }, title: { valType: 'string', dflt: 'Click to enter Plot title', }, titlefont: extendFlat({}, fontAttrs, { }), autosize: { valType: 'boolean', dflt: false, }, width: { valType: 'number', min: 10, dflt: 700, }, height: { valType: 'number', min: 10, dflt: 450, }, margin: { l: { valType: 'number', min: 0, dflt: 80, }, r: { valType: 'number', min: 0, dflt: 80, }, t: { valType: 'number', min: 0, dflt: 100, }, b: { valType: 'number', min: 0, dflt: 80, }, pad: { valType: 'number', min: 0, dflt: 0, }, autoexpand: { valType: 'boolean', dflt: true } }, paper_bgcolor: { valType: 'color', dflt: colorAttrs.background, }, plot_bgcolor: { // defined here, but set in Axes.supplyLayoutDefaults // because it needs to know if there are (2D) axes or not valType: 'color', dflt: colorAttrs.background, }, separators: { valType: 'string', dflt: '.,', }, hidesources: { valType: 'boolean', dflt: false, }, smith: { // will become a boolean if/when we implement this valType: 'enumerated', values: [false], dflt: false }, showlegend: { // handled in legend.supplyLayoutDefaults // but included here because it's not in the legend object valType: 'boolean', } }; },{"../components/color/attributes":33,"../lib":147,"./font_attributes":207}],211:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { t: { valType: 'number', dflt: 0, }, r: { valType: 'number', dflt: 0, }, b: { valType: 'number', dflt: 0, }, l: { valType: 'number', dflt: 0, } }; },{}],212:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var isNumeric = require('fast-isnumeric'); var Plotly = require('../plotly'); var PlotSchema = require('../plot_api/plot_schema'); var Registry = require('../registry'); var Lib = require('../lib'); var Color = require('../components/color'); var BADNUM = require('../constants/numerical').BADNUM; var plots = module.exports = {}; var animationAttrs = require('./animation_attributes'); var frameAttrs = require('./frame_attributes'); var relinkPrivateKeys = Lib.relinkPrivateKeys; // Expose registry methods on Plots for backward-compatibility Lib.extendFlat(plots, Registry); plots.attributes = require('./attributes'); plots.attributes.type.values = plots.allTypes; plots.fontAttrs = require('./font_attributes'); plots.layoutAttributes = require('./layout_attributes'); // TODO make this a plot attribute? plots.fontWeight = 'normal'; var subplotsRegistry = plots.subplotsRegistry; var transformsRegistry = plots.transformsRegistry; var ErrorBars = require('../components/errorbars'); var commandModule = require('./command'); plots.executeAPICommand = commandModule.executeAPICommand; plots.computeAPICommandBindings = commandModule.computeAPICommandBindings; plots.manageCommandObserver = commandModule.manageCommandObserver; plots.hasSimpleAPICommandBindings = commandModule.hasSimpleAPICommandBindings; /** * Find subplot ids in data. * Meant to be used in the defaults step. * * Use plots.getSubplotIds to grab the current * subplot ids later on in Plotly.plot. * * @param {array} data plotly data array * (intended to be _fullData, but does not have to be). * @param {string} type subplot type to look for. * * @return {array} list of subplot ids (strings). * N.B. these ids possibly un-ordered. * * TODO incorporate cartesian/gl2d axis finders in this paradigm. */ plots.findSubplotIds = function findSubplotIds(data, type) { var subplotIds = []; if(!plots.subplotsRegistry[type]) return subplotIds; var attr = plots.subplotsRegistry[type].attr; for(var i = 0; i < data.length; i++) { var trace = data[i]; if(plots.traceIs(trace, type) && subplotIds.indexOf(trace[attr]) === -1) { subplotIds.push(trace[attr]); } } return subplotIds; }; /** * Get the ids of the current subplots. * * @param {object} layout plotly full layout object. * @param {string} type subplot type to look for. * * @return {array} list of ordered subplot ids (strings). * */ plots.getSubplotIds = function getSubplotIds(layout, type) { var _module = plots.subplotsRegistry[type]; if(!_module) return []; // layout must be 'fullLayout' here if(type === 'cartesian' && (!layout._has || !layout._has('cartesian'))) return []; if(type === 'gl2d' && (!layout._has || !layout._has('gl2d'))) return []; if(type === 'cartesian' || type === 'gl2d') { return Object.keys(layout._plots || {}); } var idRegex = _module.idRegex, layoutKeys = Object.keys(layout), subplotIds = []; for(var i = 0; i < layoutKeys.length; i++) { var layoutKey = layoutKeys[i]; if(idRegex.test(layoutKey)) subplotIds.push(layoutKey); } // order the ids var idLen = _module.idRoot.length; subplotIds.sort(function(a, b) { var aNum = +(a.substr(idLen) || 1), bNum = +(b.substr(idLen) || 1); return aNum - bNum; }); return subplotIds; }; /** * Get the data trace(s) associated with a given subplot. * * @param {array} data plotly full data array. * @param {string} type subplot type to look for. * @param {string} subplotId subplot id to look for. * * @return {array} list of trace objects. * */ plots.getSubplotData = function getSubplotData(data, type, subplotId) { if(!plots.subplotsRegistry[type]) return []; var attr = plots.subplotsRegistry[type].attr, subplotData = [], trace; for(var i = 0; i < data.length; i++) { trace = data[i]; if(type === 'gl2d' && plots.traceIs(trace, 'gl2d')) { var spmatch = Plotly.Axes.subplotMatch, subplotX = 'x' + subplotId.match(spmatch)[1], subplotY = 'y' + subplotId.match(spmatch)[2]; if(trace[attr[0]] === subplotX && trace[attr[1]] === subplotY) { subplotData.push(trace); } } else { if(trace[attr] === subplotId) subplotData.push(trace); } } return subplotData; }; /** * Get calcdata traces(s) associated with a given subplot * * @param {array} calcData (as in gd.calcdata) * @param {string} type subplot type * @param {string} subplotId subplot id to look for * * @return {array} array of calcdata traces */ plots.getSubplotCalcData = function(calcData, type, subplotId) { if(!plots.subplotsRegistry[type]) return []; var attr = plots.subplotsRegistry[type].attr; var subplotCalcData = []; for(var i = 0; i < calcData.length; i++) { var calcTrace = calcData[i], trace = calcTrace[0].trace; if(trace[attr] === subplotId) subplotCalcData.push(calcTrace); } return subplotCalcData; }; // in some cases the browser doesn't seem to know how big // the text is at first, so it needs to draw it, // then wait a little, then draw it again plots.redrawText = function(gd) { // do not work if polar is present if((gd.data && gd.data[0] && gd.data[0].r)) return; return new Promise(function(resolve) { setTimeout(function() { Registry.getComponentMethod('annotations', 'draw')(gd); Registry.getComponentMethod('legend', 'draw')(gd); (gd.calcdata || []).forEach(function(d) { if(d[0] && d[0].t && d[0].t.cb) d[0].t.cb(); }); resolve(plots.previousPromises(gd)); }, 300); }); }; // resize plot about the container size plots.resize = function(gd) { return new Promise(function(resolve, reject) { if(!gd || d3.select(gd).style('display') === 'none') { reject(new Error('Resize must be passed a plot div element.')); } if(gd._redrawTimer) clearTimeout(gd._redrawTimer); gd._redrawTimer = setTimeout(function() { // return if there is nothing to resize if(gd.layout.width && gd.layout.height) { resolve(gd); return; } delete gd.layout.width; delete gd.layout.height; // autosizing doesn't count as a change that needs saving var oldchanged = gd.changed; // nor should it be included in the undo queue gd.autoplay = true; Plotly.relayout(gd, { autosize: true }).then(function() { gd.changed = oldchanged; resolve(gd); }); }, 100); }); }; // for use in Lib.syncOrAsync, check if there are any // pending promises in this plot and wait for them plots.previousPromises = function(gd) { if((gd._promises || []).length) { return Promise.all(gd._promises) .then(function() { gd._promises = []; }); } }; /** * Adds the 'Edit chart' link. * Note that now Plotly.plot() calls this so it can regenerate whenever it replots * * Add source links to your graph inside the 'showSources' config argument. */ plots.addLinks = function(gd) { // Do not do anything if showLink and showSources are not set to true in config if(!gd._context.showLink && !gd._context.showSources) return; var fullLayout = gd._fullLayout; var linkContainer = fullLayout._paper .selectAll('text.js-plot-link-container').data([0]); linkContainer.enter().append('text') .classed('js-plot-link-container', true) .style({ 'font-family': '"Open Sans", Arial, sans-serif', 'font-size': '12px', 'fill': Color.defaultLine, 'pointer-events': 'all' }) .each(function() { var links = d3.select(this); links.append('tspan').classed('js-link-to-tool', true); links.append('tspan').classed('js-link-spacer', true); links.append('tspan').classed('js-sourcelinks', true); }); // The text node inside svg var text = linkContainer.node(), attrs = { y: fullLayout._paper.attr('height') - 9 }; // If text's width is bigger than the layout // Check that text is a child node or document.body // because otherwise IE/Edge might throw an exception // when calling getComputedTextLength(). // Apparently offsetParent is null for invisibles. if(document.body.contains(text) && text.getComputedTextLength() >= (fullLayout.width - 20)) { // Align the text at the left attrs['text-anchor'] = 'start'; attrs.x = 5; } else { // Align the text at the right attrs['text-anchor'] = 'end'; attrs.x = fullLayout._paper.attr('width') - 7; } linkContainer.attr(attrs); var toolspan = linkContainer.select('.js-link-to-tool'), spacespan = linkContainer.select('.js-link-spacer'), sourcespan = linkContainer.select('.js-sourcelinks'); if(gd._context.showSources) gd._context.showSources(gd); // 'view in plotly' link for embedded plots if(gd._context.showLink) positionPlayWithData(gd, toolspan); // separator if we have both sources and tool link spacespan.text((toolspan.text() && sourcespan.text()) ? ' - ' : ''); }; // note that now this function is only adding the brand in // iframes and 3rd-party apps function positionPlayWithData(gd, container) { container.text(''); var link = container.append('a') .attr({ 'xlink:xlink:href': '#', 'class': 'link--impt link--embedview', 'font-weight': 'bold' }) .text(gd._context.linkText + ' ' + String.fromCharCode(187)); if(gd._context.sendData) { link.on('click', function() { plots.sendDataToCloud(gd); }); } else { var path = window.location.pathname.split('/'); var query = window.location.search; link.attr({ 'xlink:xlink:show': 'new', 'xlink:xlink:href': '/' + path[2].split('.')[0] + '/' + path[1] + query }); } } plots.sendDataToCloud = function(gd) { gd.emit('plotly_beforeexport'); var baseUrl = (window.PLOTLYENV && window.PLOTLYENV.BASE_URL) || 'https://plot.ly'; var hiddenformDiv = d3.select(gd) .append('div') .attr('id', 'hiddenform') .style('display', 'none'); var hiddenform = hiddenformDiv .append('form') .attr({ action: baseUrl + '/external', method: 'post', target: '_blank' }); var hiddenformInput = hiddenform .append('input') .attr({ type: 'text', name: 'data' }); hiddenformInput.node().value = plots.graphJson(gd, false, 'keepdata'); hiddenform.node().submit(); hiddenformDiv.remove(); gd.emit('plotly_afterexport'); return false; }; // Fill in default values: // // gd.data, gd.layout: // are precisely what the user specified, // these fields shouldn't be modified nor used directly // after the supply defaults step. // // gd._fullData, gd._fullLayout: // are complete descriptions of how to draw the plot, // use these fields in all required computations. // // gd._fullLayout._modules // is a list of all the trace modules required to draw the plot. // // gd._fullLayout._basePlotModules // is a list of all the plot modules required to draw the plot. // // gd._fullLayout._transformModules // is a list of all the transform modules invoked. // plots.supplyDefaults = function(gd) { var oldFullLayout = gd._fullLayout || {}, newFullLayout = gd._fullLayout = {}, newLayout = gd.layout || {}; var oldFullData = gd._fullData || [], newFullData = gd._fullData = [], newData = gd.data || []; var i; // Create all the storage space for frames, but only if doesn't already exist if(!gd._transitionData) plots.createTransitionData(gd); // first fill in what we can of layout without looking at data // because fullData needs a few things from layout if(oldFullLayout._initialAutoSizeIsDone) { // coerce the updated layout while preserving width and height var oldWidth = oldFullLayout.width, oldHeight = oldFullLayout.height; plots.supplyLayoutGlobalDefaults(newLayout, newFullLayout); if(!newLayout.width) newFullLayout.width = oldWidth; if(!newLayout.height) newFullLayout.height = oldHeight; } else { // coerce the updated layout and autosize if needed plots.supplyLayoutGlobalDefaults(newLayout, newFullLayout); var missingWidthOrHeight = (!newLayout.width || !newLayout.height), autosize = newFullLayout.autosize, autosizable = gd._context && gd._context.autosizable, initialAutoSize = missingWidthOrHeight && (autosize || autosizable); if(initialAutoSize) plots.plotAutoSize(gd, newLayout, newFullLayout); else if(missingWidthOrHeight) plots.sanitizeMargins(gd); // for backwards-compatibility with Plotly v1.x.x if(!autosize && missingWidthOrHeight) { newLayout.width = newFullLayout.width; newLayout.height = newFullLayout.height; } } newFullLayout._initialAutoSizeIsDone = true; // keep track of how many traces are inputted newFullLayout._dataLength = newData.length; // then do the data newFullLayout._globalTransforms = (gd._context || {}).globalTransforms; plots.supplyDataDefaults(newData, newFullData, newLayout, newFullLayout); // attach helper method to check whether a plot type is present on graph newFullLayout._has = plots._hasPlotType.bind(newFullLayout); // special cases that introduce interactions between traces var _modules = newFullLayout._modules; for(i = 0; i < _modules.length; i++) { var _module = _modules[i]; if(_module.cleanData) _module.cleanData(newFullData); } if(oldFullData.length === newData.length) { for(i = 0; i < newFullData.length; i++) { relinkPrivateKeys(newFullData[i], oldFullData[i]); } } // finally, fill in the pieces of layout that may need to look at data plots.supplyLayoutModuleDefaults(newLayout, newFullLayout, newFullData, gd._transitionData); // TODO remove in v2.0.0 // add has-plot-type refs to fullLayout for backward compatibility newFullLayout._hasCartesian = newFullLayout._has('cartesian'); newFullLayout._hasGeo = newFullLayout._has('geo'); newFullLayout._hasGL3D = newFullLayout._has('gl3d'); newFullLayout._hasGL2D = newFullLayout._has('gl2d'); newFullLayout._hasTernary = newFullLayout._has('ternary'); newFullLayout._hasPie = newFullLayout._has('pie'); // clean subplots and other artifacts from previous plot calls plots.cleanPlot(newFullData, newFullLayout, oldFullData, oldFullLayout); // relink / initialize subplot axis objects plots.linkSubplots(newFullData, newFullLayout, oldFullData, oldFullLayout); // relink functions and _ attributes to promote consistency between plots relinkPrivateKeys(newFullLayout, oldFullLayout); // TODO may return a promise plots.doAutoMargin(gd); // set scale after auto margin routine var axList = Plotly.Axes.list(gd); for(i = 0; i < axList.length; i++) { var ax = axList[i]; ax.setScale(); } // update object references in calcdata if((gd.calcdata || []).length === newFullData.length) { for(i = 0; i < newFullData.length; i++) { var newTrace = newFullData[i]; var cd0 = gd.calcdata[i][0]; if(cd0 && cd0.trace) { if(cd0.trace._hasCalcTransform) { remapTransformedArrays(cd0, newTrace); } else { cd0.trace = newTrace; } } } } }; function remapTransformedArrays(cd0, newTrace) { var oldTrace = cd0.trace; var arrayAttrs = oldTrace._arrayAttrs; var transformedArrayHash = {}; var i, astr; for(i = 0; i < arrayAttrs.length; i++) { astr = arrayAttrs[i]; transformedArrayHash[astr] = Lib.nestedProperty(oldTrace, astr).get().slice(); } cd0.trace = newTrace; for(i = 0; i < arrayAttrs.length; i++) { astr = arrayAttrs[i]; Lib.nestedProperty(cd0.trace, astr).set(transformedArrayHash[astr]); } } // Create storage for all of the data related to frames and transitions: plots.createTransitionData = function(gd) { // Set up the default keyframe if it doesn't exist: if(!gd._transitionData) { gd._transitionData = {}; } if(!gd._transitionData._frames) { gd._transitionData._frames = []; } if(!gd._transitionData._frameHash) { gd._transitionData._frameHash = {}; } if(!gd._transitionData._counter) { gd._transitionData._counter = 0; } if(!gd._transitionData._interruptCallbacks) { gd._transitionData._interruptCallbacks = []; } }; // helper function to be bound to fullLayout to check // whether a certain plot type is present on plot plots._hasPlotType = function(category) { var basePlotModules = this._basePlotModules || []; for(var i = 0; i < basePlotModules.length; i++) { var _module = basePlotModules[i]; if(_module.name === category) return true; } return false; }; plots.cleanPlot = function(newFullData, newFullLayout, oldFullData, oldFullLayout) { var i, j; var basePlotModules = oldFullLayout._basePlotModules || []; for(i = 0; i < basePlotModules.length; i++) { var _module = basePlotModules[i]; if(_module.clean) { _module.clean(newFullData, newFullLayout, oldFullData, oldFullLayout); } } var hasPaper = !!oldFullLayout._paper; var hasInfoLayer = !!oldFullLayout._infolayer; oldLoop: for(i = 0; i < oldFullData.length; i++) { var oldTrace = oldFullData[i], oldUid = oldTrace.uid; for(j = 0; j < newFullData.length; j++) { var newTrace = newFullData[j]; if(oldUid === newTrace.uid) continue oldLoop; } var query = ( '.hm' + oldUid + ',.contour' + oldUid + ',.carpet' + oldUid + ',#clip' + oldUid + ',.trace' + oldUid ); // clean old heatmap, contour traces and clip paths // that rely on uid identifiers if(hasPaper) { oldFullLayout._paper.selectAll(query).remove(); } // clean old colorbars and range slider plot if(hasInfoLayer) { oldFullLayout._infolayer.selectAll('.cb' + oldUid).remove(); oldFullLayout._infolayer.selectAll('g.rangeslider-container') .selectAll(query).remove(); } } if(oldFullLayout._zoomlayer) { oldFullLayout._zoomlayer.selectAll('.select-outline').remove(); } }; plots.linkSubplots = function(newFullData, newFullLayout, oldFullData, oldFullLayout) { var oldSubplots = oldFullLayout._plots || {}, newSubplots = newFullLayout._plots = {}; var mockGd = { _fullData: newFullData, _fullLayout: newFullLayout }; var ids = Plotly.Axes.getSubplots(mockGd); var i; for(i = 0; i < ids.length; i++) { var id = ids[i]; var oldSubplot = oldSubplots[id]; var xaxis = Plotly.Axes.getFromId(mockGd, id, 'x'); var yaxis = Plotly.Axes.getFromId(mockGd, id, 'y'); var plotinfo; if(oldSubplot) { plotinfo = newSubplots[id] = oldSubplot; if(plotinfo._scene2d) { plotinfo._scene2d.updateRefs(newFullLayout); } if(plotinfo.xaxis.layer !== xaxis.layer) { plotinfo.xlines.attr('d', null); plotinfo.xaxislayer.selectAll('*').remove(); } if(plotinfo.yaxis.layer !== yaxis.layer) { plotinfo.ylines.attr('d', null); plotinfo.yaxislayer.selectAll('*').remove(); } } else { plotinfo = newSubplots[id] = {}; plotinfo.id = id; } plotinfo.xaxis = xaxis; plotinfo.yaxis = yaxis; // By default, we clip at the subplot level, // but if one trace on a given subplot has *cliponaxis* set to false, // we need to clip at the trace module layer level; // find this out here, once of for all. plotinfo._hasClipOnAxisFalse = false; for(var j = 0; j < newFullData.length; j++) { var trace = newFullData[j]; if( trace.xaxis === plotinfo.xaxis._id && trace.yaxis === plotinfo.yaxis._id && trace.cliponaxis === false ) { plotinfo._hasClipOnAxisFalse = true; break; } } } // while we're at it, link overlaying axes to their main axes and // anchored axes to the axes they're anchored to var axList = Plotly.Axes.list(mockGd, null, true); for(i = 0; i < axList.length; i++) { var ax = axList[i]; var mainAx = null; if(ax.overlaying) { mainAx = Plotly.Axes.getFromId(mockGd, ax.overlaying); // you cannot overlay an axis that's already overlaying another if(mainAx && mainAx.overlaying) { ax.overlaying = false; mainAx = null; } } ax._mainAxis = mainAx || ax; /* * For now force overlays to overlay completely... so they * can drag together correctly and share backgrounds. * Later perhaps we make separate axis domain and * tick/line domain or something, so they can still share * the (possibly larger) dragger and background but don't * have to both be drawn over that whole domain */ if(mainAx) ax.domain = mainAx.domain.slice(); ax._anchorAxis = ax.anchor === 'free' ? null : Plotly.Axes.getFromId(mockGd, ax.anchor); } }; // This function clears any trace attributes with valType: color and // no set dflt filed in the plot schema. This is needed because groupby (which // is the only transform for which this currently applies) supplies parent // trace defaults, then expanded trace defaults. The result is that `null` // colors are default-supplied and inherited as a color instead of a null. // The result is that expanded trace default colors have no effect, with // the final result that groups are indistinguishable. This function clears // those colors so that individual groupby groups get unique colors. plots.clearExpandedTraceDefaultColors = function(trace) { var colorAttrs, path, i; // This uses weird closure state in order to satisfy the linter rule // that we can't create functions in a loop. function locateColorAttrs(attr, attrName, attrs, level) { path[level] = attrName; path.length = level + 1; if(attr.valType === 'color' && attr.dflt === undefined) { colorAttrs.push(path.join('.')); } } path = []; // Get the cached colorAttrs: colorAttrs = trace._module._colorAttrs; // Or else compute and cache the colorAttrs on the module: if(!colorAttrs) { trace._module._colorAttrs = colorAttrs = []; PlotSchema.crawl( trace._module.attributes, locateColorAttrs ); } for(i = 0; i < colorAttrs.length; i++) { var origprop = Lib.nestedProperty(trace, '_input.' + colorAttrs[i]); if(!origprop.get()) { Lib.nestedProperty(trace, colorAttrs[i]).set(null); } } }; plots.supplyDataDefaults = function(dataIn, dataOut, layout, fullLayout) { var i, fullTrace, trace; var modules = fullLayout._modules = [], basePlotModules = fullLayout._basePlotModules = [], cnt = 0; fullLayout._transformModules = []; function pushModule(fullTrace) { dataOut.push(fullTrace); var _module = fullTrace._module; if(!_module) return; Lib.pushUnique(modules, _module); Lib.pushUnique(basePlotModules, fullTrace._module.basePlotModule); cnt++; } var carpetIndex = {}; var carpetDependents = []; for(i = 0; i < dataIn.length; i++) { trace = dataIn[i]; fullTrace = plots.supplyTraceDefaults(trace, cnt, fullLayout, i); fullTrace.index = i; fullTrace._input = trace; fullTrace._expandedIndex = cnt; if(fullTrace.transforms && fullTrace.transforms.length) { var expandedTraces = applyTransforms(fullTrace, dataOut, layout, fullLayout); for(var j = 0; j < expandedTraces.length; j++) { var expandedTrace = expandedTraces[j]; var fullExpandedTrace = plots.supplyTraceDefaults(expandedTrace, cnt, fullLayout, i); // mutate uid here using parent uid and expanded index // to promote consistency between update calls expandedTrace.uid = fullExpandedTrace.uid = fullTrace.uid + j; // add info about parent data trace fullExpandedTrace.index = i; fullExpandedTrace._input = trace; fullExpandedTrace._fullInput = fullTrace; // add info about the expanded data fullExpandedTrace._expandedIndex = cnt; fullExpandedTrace._expandedInput = expandedTrace; pushModule(fullExpandedTrace); } } else { // add identify refs for consistency with transformed traces fullTrace._fullInput = fullTrace; fullTrace._expandedInput = fullTrace; pushModule(fullTrace); } if(Registry.traceIs(fullTrace, 'carpetAxis')) { carpetIndex[fullTrace.carpet] = fullTrace; } if(Registry.traceIs(fullTrace, 'carpetDependent')) { carpetDependents.push(i); } } for(i = 0; i < carpetDependents.length; i++) { fullTrace = dataOut[carpetDependents[i]]; if(!fullTrace.visible) continue; var carpetAxis = carpetIndex[fullTrace.carpet]; fullTrace._carpet = carpetAxis; if(!carpetAxis || !carpetAxis.visible) { fullTrace.visible = false; continue; } fullTrace.xaxis = carpetAxis.xaxis; fullTrace.yaxis = carpetAxis.yaxis; } }; plots.supplyAnimationDefaults = function(opts) { opts = opts || {}; var i; var optsOut = {}; function coerce(attr, dflt) { return Lib.coerce(opts || {}, optsOut, animationAttrs, attr, dflt); } coerce('mode'); coerce('direction'); coerce('fromcurrent'); if(Array.isArray(opts.frame)) { optsOut.frame = []; for(i = 0; i < opts.frame.length; i++) { optsOut.frame[i] = plots.supplyAnimationFrameDefaults(opts.frame[i] || {}); } } else { optsOut.frame = plots.supplyAnimationFrameDefaults(opts.frame || {}); } if(Array.isArray(opts.transition)) { optsOut.transition = []; for(i = 0; i < opts.transition.length; i++) { optsOut.transition[i] = plots.supplyAnimationTransitionDefaults(opts.transition[i] || {}); } } else { optsOut.transition = plots.supplyAnimationTransitionDefaults(opts.transition || {}); } return optsOut; }; plots.supplyAnimationFrameDefaults = function(opts) { var optsOut = {}; function coerce(attr, dflt) { return Lib.coerce(opts || {}, optsOut, animationAttrs.frame, attr, dflt); } coerce('duration'); coerce('redraw'); return optsOut; }; plots.supplyAnimationTransitionDefaults = function(opts) { var optsOut = {}; function coerce(attr, dflt) { return Lib.coerce(opts || {}, optsOut, animationAttrs.transition, attr, dflt); } coerce('duration'); coerce('easing'); return optsOut; }; plots.supplyFrameDefaults = function(frameIn) { var frameOut = {}; function coerce(attr, dflt) { return Lib.coerce(frameIn, frameOut, frameAttrs, attr, dflt); } coerce('group'); coerce('name'); coerce('traces'); coerce('baseframe'); coerce('data'); coerce('layout'); return frameOut; }; plots.supplyTraceDefaults = function(traceIn, traceOutIndex, layout, traceInIndex) { var traceOut = {}, defaultColor = Color.defaults[traceOutIndex % Color.defaults.length]; function coerce(attr, dflt) { return Lib.coerce(traceIn, traceOut, plots.attributes, attr, dflt); } function coerceSubplotAttr(subplotType, subplotAttr) { if(!plots.traceIs(traceOut, subplotType)) return; return Lib.coerce(traceIn, traceOut, plots.subplotsRegistry[subplotType].attributes, subplotAttr); } var visible = coerce('visible'); coerce('type'); coerce('uid'); coerce('name', 'trace ' + traceInIndex); // coerce subplot attributes of all registered subplot types var subplotTypes = Object.keys(subplotsRegistry); for(var i = 0; i < subplotTypes.length; i++) { var subplotType = subplotTypes[i]; // done below (only when visible is true) // TODO unified this pattern if(['cartesian', 'gl2d'].indexOf(subplotType) !== -1) continue; var attr = subplotsRegistry[subplotType].attr; if(attr) coerceSubplotAttr(subplotType, attr); } if(visible) { coerce('customdata'); coerce('ids'); var _module = plots.getModule(traceOut); traceOut._module = _module; if(plots.traceIs(traceOut, 'showLegend')) { coerce('showlegend'); coerce('legendgroup'); } Registry.getComponentMethod( 'fx', 'supplyDefaults' )(traceIn, traceOut, defaultColor, layout); // TODO add per-base-plot-module trace defaults step if(_module) { _module.supplyDefaults(traceIn, traceOut, defaultColor, layout); Lib.coerceHoverinfo(traceIn, traceOut, layout); } if(!plots.traceIs(traceOut, 'noOpacity')) coerce('opacity'); coerceSubplotAttr('cartesian', 'xaxis'); coerceSubplotAttr('cartesian', 'yaxis'); coerceSubplotAttr('gl2d', 'xaxis'); coerceSubplotAttr('gl2d', 'yaxis'); if(plots.traceIs(traceOut, 'notLegendIsolatable')) { // This clears out the legendonly state for traces like carpet that // cannot be isolated in the legend traceOut.visible = !!traceOut.visible; } plots.supplyTransformDefaults(traceIn, traceOut, layout); } return traceOut; }; plots.supplyTransformDefaults = function(traceIn, traceOut, layout) { var globalTransforms = layout._globalTransforms || []; var transformModules = layout._transformModules || []; if(!Array.isArray(traceIn.transforms) && globalTransforms.length === 0) return; var containerIn = traceIn.transforms || [], transformList = globalTransforms.concat(containerIn), containerOut = traceOut.transforms = []; for(var i = 0; i < transformList.length; i++) { var transformIn = transformList[i], type = transformIn.type, _module = transformsRegistry[type], transformOut; if(!_module) Lib.warn('Unrecognized transform type ' + type + '.'); if(_module && _module.supplyDefaults) { transformOut = _module.supplyDefaults(transformIn, traceOut, layout, traceIn); transformOut.type = type; transformOut._module = _module; Lib.pushUnique(transformModules, _module); } else { transformOut = Lib.extendFlat({}, transformIn); } containerOut.push(transformOut); } }; function applyTransforms(fullTrace, fullData, layout, fullLayout) { var container = fullTrace.transforms, dataOut = [fullTrace]; for(var i = 0; i < container.length; i++) { var transform = container[i], _module = transformsRegistry[transform.type]; if(_module && _module.transform) { dataOut = _module.transform(dataOut, { transform: transform, fullTrace: fullTrace, fullData: fullData, layout: layout, fullLayout: fullLayout, transformIndex: i }); } } return dataOut; } plots.supplyLayoutGlobalDefaults = function(layoutIn, layoutOut) { function coerce(attr, dflt) { return Lib.coerce(layoutIn, layoutOut, plots.layoutAttributes, attr, dflt); } var globalFont = Lib.coerceFont(coerce, 'font'); coerce('title'); Lib.coerceFont(coerce, 'titlefont', { family: globalFont.family, size: Math.round(globalFont.size * 1.4), color: globalFont.color }); // Make sure that autosize is defaulted to *true* // on layouts with no set width and height for backward compatibly, // in particular https://plot.ly/javascript/responsive-fluid-layout/ // // Before https://github.com/plotly/plotly.js/pull/635 , // layouts with no set width and height were set temporary set to 'initial' // to pass through the autosize routine // // This behavior is subject to change in v2. coerce('autosize', !(layoutIn.width && layoutIn.height)); coerce('width'); coerce('height'); coerce('margin.l'); coerce('margin.r'); coerce('margin.t'); coerce('margin.b'); coerce('margin.pad'); coerce('margin.autoexpand'); if(layoutIn.width && layoutIn.height) plots.sanitizeMargins(layoutOut); coerce('paper_bgcolor'); coerce('separators'); coerce('hidesources'); coerce('smith'); Registry.getComponentMethod( 'calendars', 'handleDefaults' )(layoutIn, layoutOut, 'calendar'); Registry.getComponentMethod( 'fx', 'supplyLayoutGlobalDefaults' )(layoutIn, layoutOut, coerce); }; plots.plotAutoSize = function plotAutoSize(gd, layout, fullLayout) { var context = gd._context || {}, frameMargins = context.frameMargins, newWidth, newHeight; var isPlotDiv = Lib.isPlotDiv(gd); if(isPlotDiv) gd.emit('plotly_autosize'); // embedded in an iframe - just take the full iframe size // if we get to this point, with no aspect ratio restrictions if(context.fillFrame) { newWidth = window.innerWidth; newHeight = window.innerHeight; // somehow we get a few extra px height sometimes... // just hide it document.body.style.overflow = 'hidden'; } else if(isNumeric(frameMargins) && frameMargins > 0) { var reservedMargins = calculateReservedMargins(gd._boundingBoxMargins), reservedWidth = reservedMargins.left + reservedMargins.right, reservedHeight = reservedMargins.bottom + reservedMargins.top, factor = 1 - 2 * frameMargins; var gdBB = fullLayout._container && fullLayout._container.node ? fullLayout._container.node().getBoundingClientRect() : { width: fullLayout.width, height: fullLayout.height }; newWidth = Math.round(factor * (gdBB.width - reservedWidth)); newHeight = Math.round(factor * (gdBB.height - reservedHeight)); } else { // plotly.js - let the developers do what they want, either // provide height and width for the container div, // specify size in layout, or take the defaults, // but don't enforce any ratio restrictions var computedStyle = isPlotDiv ? window.getComputedStyle(gd) : {}; newWidth = parseFloat(computedStyle.width) || fullLayout.width; newHeight = parseFloat(computedStyle.height) || fullLayout.height; } var minWidth = plots.layoutAttributes.width.min, minHeight = plots.layoutAttributes.height.min; if(newWidth < minWidth) newWidth = minWidth; if(newHeight < minHeight) newHeight = minHeight; var widthHasChanged = !layout.width && (Math.abs(fullLayout.width - newWidth) > 1), heightHasChanged = !layout.height && (Math.abs(fullLayout.height - newHeight) > 1); if(heightHasChanged || widthHasChanged) { if(widthHasChanged) fullLayout.width = newWidth; if(heightHasChanged) fullLayout.height = newHeight; } // cache initial autosize value, used in relayout when // width or height values are set to null if(!gd._initialAutoSize) { gd._initialAutoSize = { width: newWidth, height: newHeight }; } plots.sanitizeMargins(fullLayout); }; /** * Reduce all reserved margin objects to a single required margin reservation. * * @param {Object} margins * @returns {{left: number, right: number, bottom: number, top: number}} */ function calculateReservedMargins(margins) { var resultingMargin = {left: 0, right: 0, bottom: 0, top: 0}, marginName; if(margins) { for(marginName in margins) { if(margins.hasOwnProperty(marginName)) { resultingMargin.left += margins[marginName].left || 0; resultingMargin.right += margins[marginName].right || 0; resultingMargin.bottom += margins[marginName].bottom || 0; resultingMargin.top += margins[marginName].top || 0; } } } return resultingMargin; } plots.supplyLayoutModuleDefaults = function(layoutIn, layoutOut, fullData, transitionData) { var i, _module; // can't be be part of basePlotModules loop // in order to handle the orphan axes case Plotly.Axes.supplyLayoutDefaults(layoutIn, layoutOut, fullData); // base plot module layout defaults var basePlotModules = layoutOut._basePlotModules; for(i = 0; i < basePlotModules.length; i++) { _module = basePlotModules[i]; // done above already if(_module.name === 'cartesian') continue; // e.g. gl2d does not have a layout-defaults step if(_module.supplyLayoutDefaults) { _module.supplyLayoutDefaults(layoutIn, layoutOut, fullData); } } // trace module layout defaults var modules = layoutOut._modules; for(i = 0; i < modules.length; i++) { _module = modules[i]; if(_module.supplyLayoutDefaults) { _module.supplyLayoutDefaults(layoutIn, layoutOut, fullData); } } // transform module layout defaults var transformModules = layoutOut._transformModules; for(i = 0; i < transformModules.length; i++) { _module = transformModules[i]; if(_module.supplyLayoutDefaults) { _module.supplyLayoutDefaults(layoutIn, layoutOut, fullData, transitionData); } } var components = Object.keys(Registry.componentsRegistry); for(i = 0; i < components.length; i++) { _module = Registry.componentsRegistry[components[i]]; if(_module.supplyLayoutDefaults) { _module.supplyLayoutDefaults(layoutIn, layoutOut, fullData); } } }; // Remove all plotly attributes from a div so it can be replotted fresh // TODO: these really need to be encapsulated into a much smaller set... plots.purge = function(gd) { // note: we DO NOT remove _context because it doesn't change when we insert // a new plot, and may have been set outside of our scope. var fullLayout = gd._fullLayout || {}; if(fullLayout._glcontainer !== undefined) fullLayout._glcontainer.remove(); if(fullLayout._geocontainer !== undefined) fullLayout._geocontainer.remove(); // remove modebar if(fullLayout._modeBar) fullLayout._modeBar.destroy(); if(gd._transitionData) { // Ensure any dangling callbacks are simply dropped if the plot is purged. // This is more or less only actually important for testing. if(gd._transitionData._interruptCallbacks) { gd._transitionData._interruptCallbacks.length = 0; } if(gd._transitionData._animationRaf) { window.cancelAnimationFrame(gd._transitionData._animationRaf); } } // data and layout delete gd.data; delete gd.layout; delete gd._fullData; delete gd._fullLayout; delete gd.calcdata; delete gd.framework; delete gd.empty; delete gd.fid; delete gd.undoqueue; // action queue delete gd.undonum; delete gd.autoplay; // are we doing an action that doesn't go in undo queue? delete gd.changed; // these get recreated on Plotly.plot anyway, but just to be safe // (and to have a record of them...) delete gd._promises; delete gd._redrawTimer; delete gd.firstscatter; delete gd.hmlumcount; delete gd.hmpixcount; delete gd.numboxes; delete gd._hoverTimer; delete gd._lastHoverTime; delete gd._transitionData; delete gd._transitioning; delete gd._initialAutoSize; // remove all event listeners if(gd.removeAllListeners) gd.removeAllListeners(); }; plots.style = function(gd) { var _modules = gd._fullLayout._modules; for(var i = 0; i < _modules.length; i++) { var _module = _modules[i]; if(_module.style) _module.style(gd); } }; plots.sanitizeMargins = function(fullLayout) { // polar doesn't do margins... if(!fullLayout || !fullLayout.margin) return; var width = fullLayout.width, height = fullLayout.height, margin = fullLayout.margin, plotWidth = width - (margin.l + margin.r), plotHeight = height - (margin.t + margin.b), correction; // if margin.l + margin.r = 0 then plotWidth > 0 // as width >= 10 by supplyDefaults // similarly for margin.t + margin.b if(plotWidth < 0) { correction = (width - 1) / (margin.l + margin.r); margin.l = Math.floor(correction * margin.l); margin.r = Math.floor(correction * margin.r); } if(plotHeight < 0) { correction = (height - 1) / (margin.t + margin.b); margin.t = Math.floor(correction * margin.t); margin.b = Math.floor(correction * margin.b); } }; // called by components to see if we need to // expand the margins to show them // o is {x,l,r,y,t,b} where x and y are plot fractions, // the rest are pixels in each direction // or leave o out to delete this entry (like if it's hidden) plots.autoMargin = function(gd, id, o) { var fullLayout = gd._fullLayout; if(!fullLayout._pushmargin) fullLayout._pushmargin = {}; if(fullLayout.margin.autoexpand !== false) { if(!o) delete fullLayout._pushmargin[id]; else { var pad = o.pad === undefined ? 12 : o.pad; // if the item is too big, just give it enough automargin to // make sure you can still grab it and bring it back if(o.l + o.r > fullLayout.width * 0.5) o.l = o.r = 0; if(o.b + o.t > fullLayout.height * 0.5) o.b = o.t = 0; fullLayout._pushmargin[id] = { l: {val: o.x, size: o.l + pad}, r: {val: o.x, size: o.r + pad}, b: {val: o.y, size: o.b + pad}, t: {val: o.y, size: o.t + pad} }; } if(!fullLayout._replotting) plots.doAutoMargin(gd); } }; plots.doAutoMargin = function(gd) { var fullLayout = gd._fullLayout; if(!fullLayout._size) fullLayout._size = {}; if(!fullLayout._pushmargin) fullLayout._pushmargin = {}; var gs = fullLayout._size, oldmargins = JSON.stringify(gs); // adjust margins for outside components // fullLayout.margin is the requested margin, // fullLayout._size has margins and plotsize after adjustment var ml = Math.max(fullLayout.margin.l || 0, 0), mr = Math.max(fullLayout.margin.r || 0, 0), mt = Math.max(fullLayout.margin.t || 0, 0), mb = Math.max(fullLayout.margin.b || 0, 0), pm = fullLayout._pushmargin; if(fullLayout.margin.autoexpand !== false) { // fill in the requested margins pm.base = { l: {val: 0, size: ml}, r: {val: 1, size: mr}, t: {val: 1, size: mt}, b: {val: 0, size: mb} }; // now cycle through all the combinations of l and r // (and t and b) to find the required margins var pmKeys = Object.keys(pm); for(var i = 0; i < pmKeys.length; i++) { var k1 = pmKeys[i]; var pushleft = pm[k1].l || {}, pushbottom = pm[k1].b || {}, fl = pushleft.val, pl = pushleft.size, fb = pushbottom.val, pb = pushbottom.size; for(var j = 0; j < pmKeys.length; j++) { var k2 = pmKeys[j]; if(isNumeric(pl) && pm[k2].r) { var fr = pm[k2].r.val, pr = pm[k2].r.size; if(fr > fl) { var newl = (pl * fr + (pr - fullLayout.width) * fl) / (fr - fl), newr = (pr * (1 - fl) + (pl - fullLayout.width) * (1 - fr)) / (fr - fl); if(newl >= 0 && newr >= 0 && newl + newr > ml + mr) { ml = newl; mr = newr; } } } if(isNumeric(pb) && pm[k2].t) { var ft = pm[k2].t.val, pt = pm[k2].t.size; if(ft > fb) { var newb = (pb * ft + (pt - fullLayout.height) * fb) / (ft - fb), newt = (pt * (1 - fb) + (pb - fullLayout.height) * (1 - ft)) / (ft - fb); if(newb >= 0 && newt >= 0 && newb + newt > mb + mt) { mb = newb; mt = newt; } } } } } } gs.l = Math.round(ml); gs.r = Math.round(mr); gs.t = Math.round(mt); gs.b = Math.round(mb); gs.p = Math.round(fullLayout.margin.pad); gs.w = Math.round(fullLayout.width) - gs.l - gs.r; gs.h = Math.round(fullLayout.height) - gs.t - gs.b; // if things changed and we're not already redrawing, trigger a redraw if(!fullLayout._replotting && oldmargins !== '{}' && oldmargins !== JSON.stringify(fullLayout._size)) { return Plotly.plot(gd); } }; /** * JSONify the graph data and layout * * This function needs to recurse because some src can be inside * sub-objects. * * It also strips out functions and private (starts with _) elements. * Therefore, we can add temporary things to data and layout that don't * get saved. * * @param gd The graphDiv * @param {Boolean} dataonly If true, don't return layout. * @param {'keepref'|'keepdata'|'keepall'} [mode='keepref'] Filter what's kept * keepref: remove data for which there's a src present * eg if there's xsrc present (and xsrc is well-formed, * ie has : and some chars before it), strip out x * keepdata: remove all src tags, don't remove the data itself * keepall: keep data and src * @param {String} output If you specify 'object', the result will not be stringified * @param {Boolean} useDefaults If truthy, use _fullLayout and _fullData * @returns {Object|String} */ plots.graphJson = function(gd, dataonly, mode, output, useDefaults) { // if the defaults aren't supplied yet, we need to do that... if((useDefaults && dataonly && !gd._fullData) || (useDefaults && !dataonly && !gd._fullLayout)) { plots.supplyDefaults(gd); } var data = (useDefaults) ? gd._fullData : gd.data, layout = (useDefaults) ? gd._fullLayout : gd.layout, frames = (gd._transitionData || {})._frames; function stripObj(d) { if(typeof d === 'function') { return null; } if(Lib.isPlainObject(d)) { var o = {}, v, src; for(v in d) { // remove private elements and functions // _ is for private, [ is a mistake ie [object Object] if(typeof d[v] === 'function' || ['_', '['].indexOf(v.charAt(0)) !== -1) { continue; } // look for src/data matches and remove the appropriate one if(mode === 'keepdata') { // keepdata: remove all ...src tags if(v.substr(v.length - 3) === 'src') { continue; } } else if(mode === 'keepstream') { // keep sourced data if it's being streamed. // similar to keepref, but if the 'stream' object exists // in a trace, we will keep the data array. src = d[v + 'src']; if(typeof src === 'string' && src.indexOf(':') > 0) { if(!Lib.isPlainObject(d.stream)) { continue; } } } else if(mode !== 'keepall') { // keepref: remove sourced data but only // if the source tag is well-formed src = d[v + 'src']; if(typeof src === 'string' && src.indexOf(':') > 0) { continue; } } // OK, we're including this... recurse into it o[v] = stripObj(d[v]); } return o; } if(Array.isArray(d)) { return d.map(stripObj); } // convert native dates to date strings... // mostly for external users exporting to plotly if(Lib.isJSDate(d)) return Lib.ms2DateTimeLocal(+d); return d; } var obj = { data: (data || []).map(function(v) { var d = stripObj(v); // fit has some little arrays in it that don't contain data, // just fit params and meta if(dataonly) { delete d.fit; } return d; }) }; if(!dataonly) { obj.layout = stripObj(layout); } if(gd.framework && gd.framework.isPolar) obj = gd.framework.getConfig(); if(frames) obj.frames = stripObj(frames); return (output === 'object') ? obj : JSON.stringify(obj); }; /** * Modify a keyframe using a list of operations: * * @param {array of objects} operations * Sequence of operations to be performed on the keyframes */ plots.modifyFrames = function(gd, operations) { var i, op, frame; var _frames = gd._transitionData._frames; var _hash = gd._transitionData._frameHash; for(i = 0; i < operations.length; i++) { op = operations[i]; switch(op.type) { // No reason this couldn't exist, but is currently unused/untested: /* case 'rename': frame = _frames[op.index]; delete _hash[frame.name]; _hash[op.name] = frame; frame.name = op.name; break;*/ case 'replace': frame = op.value; var oldName = (_frames[op.index] || {}).name; var newName = frame.name; _frames[op.index] = _hash[newName] = frame; if(newName !== oldName) { // If name has changed in addition to replacement, then update // the lookup table: delete _hash[oldName]; _hash[newName] = frame; } break; case 'insert': frame = op.value; _hash[frame.name] = frame; _frames.splice(op.index, 0, frame); break; case 'delete': frame = _frames[op.index]; delete _hash[frame.name]; _frames.splice(op.index, 1); break; } } return Promise.resolve(); }; /* * Compute a keyframe. Merge a keyframe into its base frame(s) and * expand properties. * * @param {object} frameLookup * An object containing frames keyed by name (i.e. gd._transitionData._frameHash) * @param {string} frame * The name of the keyframe to be computed * * Returns: a new object with the merged content */ plots.computeFrame = function(gd, frameName) { var frameLookup = gd._transitionData._frameHash; var i, traceIndices, traceIndex, destIndex; // Null or undefined will fail on .toString(). We'll allow numbers since we // make it clear frames must be given string names, but we'll allow numbers // here since they're otherwise fine for looking up frames as long as they're // properly cast to strings. We really just want to ensure here that this // 1) doesn't fail, and // 2) doens't give an incorrect answer (which String(frameName) would) if(!frameName) { throw new Error('computeFrame must be given a string frame name'); } var framePtr = frameLookup[frameName.toString()]; // Return false if the name is invalid: if(!framePtr) { return false; } var frameStack = [framePtr]; var frameNameStack = [framePtr.name]; // Follow frame pointers: while(framePtr.baseframe && (framePtr = frameLookup[framePtr.baseframe.toString()])) { // Avoid infinite loops: if(frameNameStack.indexOf(framePtr.name) !== -1) break; frameStack.push(framePtr); frameNameStack.push(framePtr.name); } // A new object for the merged result: var result = {}; // Merge, starting with the last and ending with the desired frame: while((framePtr = frameStack.pop())) { if(framePtr.layout) { result.layout = plots.extendLayout(result.layout, framePtr.layout); } if(framePtr.data) { if(!result.data) { result.data = []; } traceIndices = framePtr.traces; if(!traceIndices) { // If not defined, assume serial order starting at zero traceIndices = []; for(i = 0; i < framePtr.data.length; i++) { traceIndices[i] = i; } } if(!result.traces) { result.traces = []; } for(i = 0; i < framePtr.data.length; i++) { // Loop through this frames data, find out where it should go, // and merge it! traceIndex = traceIndices[i]; if(traceIndex === undefined || traceIndex === null) { continue; } destIndex = result.traces.indexOf(traceIndex); if(destIndex === -1) { destIndex = result.data.length; result.traces[destIndex] = traceIndex; } result.data[destIndex] = plots.extendTrace(result.data[destIndex], framePtr.data[i]); } } } return result; }; /* * Recompute the lookup table that maps frame name -> frame object. addFrames/ * deleteFrames already manages this data one at a time, so the only time this * is necessary is if you poke around manually in `gd._transitionData._frames` * and create and haven't updated the lookup table. */ plots.recomputeFrameHash = function(gd) { var hash = gd._transitionData._frameHash = {}; var frames = gd._transitionData._frames; for(var i = 0; i < frames.length; i++) { var frame = frames[i]; if(frame && frame.name) { hash[frame.name] = frame; } } }; /** * Extend an object, treating container arrays very differently by extracting * their contents and merging them separately. * * This exists so that we can extendDeepNoArrays and avoid stepping into data * arrays without knowledge of the plot schema, but so that we may also manually * recurse into known container arrays, such as transforms. * * See extendTrace and extendLayout below for usage. */ plots.extendObjectWithContainers = function(dest, src, containerPaths) { var containerProp, containerVal, i, j, srcProp, destProp, srcContainer, destContainer; var copy = Lib.extendDeepNoArrays({}, src || {}); var expandedObj = Lib.expandObjectPaths(copy); var containerObj = {}; // Step through and extract any container properties. Otherwise extendDeepNoArrays // will clobber any existing properties with an empty array and then supplyDefaults // will reset everything to defaults. if(containerPaths && containerPaths.length) { for(i = 0; i < containerPaths.length; i++) { containerProp = Lib.nestedProperty(expandedObj, containerPaths[i]); containerVal = containerProp.get(); if(containerVal === undefined) { Lib.nestedProperty(containerObj, containerPaths[i]).set(null); } else { containerProp.set(null); Lib.nestedProperty(containerObj, containerPaths[i]).set(containerVal); } } } dest = Lib.extendDeepNoArrays(dest || {}, expandedObj); if(containerPaths && containerPaths.length) { for(i = 0; i < containerPaths.length; i++) { srcProp = Lib.nestedProperty(containerObj, containerPaths[i]); srcContainer = srcProp.get(); if(!srcContainer) continue; destProp = Lib.nestedProperty(dest, containerPaths[i]); destContainer = destProp.get(); if(!Array.isArray(destContainer)) { destContainer = []; destProp.set(destContainer); } for(j = 0; j < srcContainer.length; j++) { var srcObj = srcContainer[j]; if(srcObj === null) destContainer[j] = null; else { destContainer[j] = plots.extendObjectWithContainers(destContainer[j], srcObj); } } destProp.set(destContainer); } } return dest; }; plots.dataArrayContainers = ['transforms']; plots.layoutArrayContainers = Registry.layoutArrayContainers; /* * Extend a trace definition. This method: * * 1. directly transfers any array references * 2. manually recurses into container arrays like transforms * * The result is the original object reference with the new contents merged in. */ plots.extendTrace = function(destTrace, srcTrace) { return plots.extendObjectWithContainers(destTrace, srcTrace, plots.dataArrayContainers); }; /* * Extend a layout definition. This method: * * 1. directly transfers any array references (not critically important for * layout since there aren't really data arrays) * 2. manually recurses into container arrays like annotations * * The result is the original object reference with the new contents merged in. */ plots.extendLayout = function(destLayout, srcLayout) { return plots.extendObjectWithContainers(destLayout, srcLayout, plots.layoutArrayContainers); }; /** * Transition to a set of new data and layout properties * * @param {DOM element} gd * the DOM element of the graph container div * @param {Object[]} data * an array of data objects following the normal Plotly data definition format * @param {Object} layout * a layout object, following normal Plotly layout format * @param {Number[]} traces * indices of the corresponding traces specified in `data` * @param {Object} frameOpts * options for the frame (i.e. whether to redraw post-transition) * @param {Object} transitionOpts * options for the transition */ plots.transition = function(gd, data, layout, traces, frameOpts, transitionOpts) { var i, traceIdx; var dataLength = Array.isArray(data) ? data.length : 0; var traceIndices = traces.slice(0, dataLength); var transitionedTraces = []; function prepareTransitions() { var i; for(i = 0; i < traceIndices.length; i++) { var traceIdx = traceIndices[i]; var trace = gd._fullData[traceIdx]; var module = trace._module; // There's nothing to do if this module is not defined: if(!module) continue; // Don't register the trace as transitioned if it doens't know what to do. // If it *is* registered, it will receive a callback that it's responsible // for calling in order to register the transition as having completed. if(module.animatable) { transitionedTraces.push(traceIdx); } gd.data[traceIndices[i]] = plots.extendTrace(gd.data[traceIndices[i]], data[i]); } // Follow the same procedure. Clone it so we don't mangle the input, then // expand any object paths so we can merge deep into gd.layout: var layoutUpdate = Lib.expandObjectPaths(Lib.extendDeepNoArrays({}, layout)); // Before merging though, we need to modify the incoming layout. We only // know how to *transition* layout ranges, so it's imperative that a new // range not be sent to the layout before the transition has started. So // we must remove the things we can transition: var axisAttrRe = /^[xy]axis[0-9]*$/; for(var attr in layoutUpdate) { if(!axisAttrRe.test(attr)) continue; delete layoutUpdate[attr].range; } plots.extendLayout(gd.layout, layoutUpdate); // Supply defaults after applying the incoming properties. Note that any attempt // to simplify this step and reduce the amount of work resulted in the reconstruction // of essentially the whole supplyDefaults step, so that it seems sensible to just use // supplyDefaults even though it's heavier than would otherwise be desired for // transitions: // first delete calcdata so supplyDefaults knows a calc step is coming delete gd.calcdata; plots.supplyDefaults(gd); plots.doCalcdata(gd); ErrorBars.calc(gd); return Promise.resolve(); } function executeCallbacks(list) { var p = Promise.resolve(); if(!list) return p; while(list.length) { p = p.then((list.shift())); } return p; } function flushCallbacks(list) { if(!list) return; while(list.length) { list.shift(); } } var aborted = false; function executeTransitions() { gd.emit('plotly_transitioning', []); return new Promise(function(resolve) { // This flag is used to disabled things like autorange: gd._transitioning = true; // When instantaneous updates are coming through quickly, it's too much to simply disable // all interaction, so store this flag so we can disambiguate whether mouse interactions // should be fully disabled or not: if(transitionOpts.duration > 0) { gd._transitioningWithDuration = true; } // If another transition is triggered, this callback will be executed simply because it's // in the interruptCallbacks queue. If this transition completes, it will instead flush // that queue and forget about this callback. gd._transitionData._interruptCallbacks.push(function() { aborted = true; }); if(frameOpts.redraw) { gd._transitionData._interruptCallbacks.push(function() { return Plotly.redraw(gd); }); } // Emit this and make sure it happens last: gd._transitionData._interruptCallbacks.push(function() { gd.emit('plotly_transitioninterrupted', []); }); // Construct callbacks that are executed on transition end. This ensures the d3 transitions // are *complete* before anything else is done. var numCallbacks = 0; var numCompleted = 0; function makeCallback() { numCallbacks++; return function() { numCompleted++; // When all are complete, perform a redraw: if(!aborted && numCompleted === numCallbacks) { completeTransition(resolve); } }; } var traceTransitionOpts; var j; var basePlotModules = gd._fullLayout._basePlotModules; var hasAxisTransition = false; if(layout) { for(j = 0; j < basePlotModules.length; j++) { if(basePlotModules[j].transitionAxes) { var newLayout = Lib.expandObjectPaths(layout); hasAxisTransition = basePlotModules[j].transitionAxes(gd, newLayout, transitionOpts, makeCallback) || hasAxisTransition; } } } // Here handle the exception that we refuse to animate scales and axes at the same // time. In other words, if there's an axis transition, then set the data transition // to instantaneous. if(hasAxisTransition) { traceTransitionOpts = Lib.extendFlat({}, transitionOpts); traceTransitionOpts.duration = 0; } else { traceTransitionOpts = transitionOpts; } for(j = 0; j < basePlotModules.length; j++) { // Note that we pass a callback to *create* the callback that must be invoked on completion. // This is since not all traces know about transitions, so it greatly simplifies matters if // the trace is responsible for creating a callback, if needed, and then executing it when // the time is right. basePlotModules[j].plot(gd, transitionedTraces, traceTransitionOpts, makeCallback); } // If nothing else creates a callback, then this will trigger the completion in the next tick: setTimeout(makeCallback()); }); } function completeTransition(callback) { // This a simple workaround for tests which purge the graph before animations // have completed. That's not a very common case, so this is the simplest // fix. if(!gd._transitionData) return; flushCallbacks(gd._transitionData._interruptCallbacks); return Promise.resolve().then(function() { if(frameOpts.redraw) { return Plotly.redraw(gd); } }).then(function() { // Set transitioning false again once the redraw has occurred. This is used, for example, // to prevent the trailing redraw from autoranging: gd._transitioning = false; gd._transitioningWithDuration = false; gd.emit('plotly_transitioned', []); }).then(callback); } function interruptPreviousTransitions() { // Fail-safe against purged plot: if(!gd._transitionData) return; // If a transition is interrupted, set this to false. At the moment, the only thing that would // interrupt a transition is another transition, so that it will momentarily be set to true // again, but this determines whether autorange or dragbox work, so it's for the sake of // cleanliness: gd._transitioning = false; return executeCallbacks(gd._transitionData._interruptCallbacks); } for(i = 0; i < traceIndices.length; i++) { traceIdx = traceIndices[i]; var contFull = gd._fullData[traceIdx]; var module = contFull._module; if(!module) continue; if(!module.animatable) { var thisUpdate = {}; for(var ai in data[i]) { thisUpdate[ai] = [data[i][ai]]; } } } var seq = [plots.previousPromises, interruptPreviousTransitions, prepareTransitions, plots.rehover, executeTransitions]; var transitionStarting = Lib.syncOrAsync(seq, gd); if(!transitionStarting || !transitionStarting.then) { transitionStarting = Promise.resolve(); } return transitionStarting.then(function() { return gd; }); }; plots.doCalcdata = function(gd, traces) { var axList = Plotly.Axes.list(gd), fullData = gd._fullData, fullLayout = gd._fullLayout; var trace, _module, i, j; // XXX: Is this correct? Needs a closer look so that *some* traces can be recomputed without // *all* needing doCalcdata: var calcdata = new Array(fullData.length); var oldCalcdata = (gd.calcdata || []).slice(0); gd.calcdata = calcdata; // extra helper variables // firstscatter: fill-to-next on the first trace goes to zero gd.firstscatter = true; // how many box plots do we have (in case they're grouped) gd.numboxes = 0; // for calculating avg luminosity of heatmaps gd._hmpixcount = 0; gd._hmlumcount = 0; // for sharing colors across pies (and for legend) fullLayout._piecolormap = {}; fullLayout._piedefaultcolorcount = 0; // If traces were specified and this trace was not included, // then transfer it over from the old calcdata: for(i = 0; i < fullData.length; i++) { if(Array.isArray(traces) && traces.indexOf(i) === -1) { calcdata[i] = oldCalcdata[i]; continue; } } // find array attributes in trace for(i = 0; i < fullData.length; i++) { trace = fullData[i]; trace._arrayAttrs = PlotSchema.findArrayAttributes(trace); } initCategories(axList); var hasCalcTransform = false; // transform loop for(i = 0; i < fullData.length; i++) { trace = fullData[i]; if(trace.visible === true && trace.transforms) { _module = trace._module; // we need one round of trace module calc before // the calc transform to 'fill in' the categories list // used for example in the data-to-coordinate method if(_module && _module.calc) _module.calc(gd, trace); for(j = 0; j < trace.transforms.length; j++) { var transform = trace.transforms[j]; _module = transformsRegistry[transform.type]; if(_module && _module.calcTransform) { trace._hasCalcTransform = true; hasCalcTransform = true; _module.calcTransform(gd, trace, transform); } } } } // clear stuff that should recomputed in 'regular' loop if(hasCalcTransform) { for(i = 0; i < axList.length; i++) { axList[i]._min = []; axList[i]._max = []; axList[i]._categories = []; axList[i]._categoriesMap = {}; } initCategories(axList); } // 'regular' loop for(i = 0; i < fullData.length; i++) { var cd = []; trace = fullData[i]; if(trace.visible === true) { _module = trace._module; if(_module && _module.calc) cd = _module.calc(gd, trace); } // Make sure there is a first point. // // This ensures there is a calcdata item for every trace, // even if cartesian logic doesn't handle it (for things like legends). if(!Array.isArray(cd) || !cd[0]) { cd = [{x: BADNUM, y: BADNUM}]; } // add the trace-wide properties to the first point, // per point properties to every point // t is the holder for trace-wide properties if(!cd[0].t) cd[0].t = {}; cd[0].trace = trace; calcdata[i] = cd; } Registry.getComponentMethod('fx', 'calc')(gd); }; // initialize the category list, if there is one, so we start over // to be filled in later by ax.d2c function initCategories(axList) { for(var i = 0; i < axList.length; i++) { axList[i]._categories = axList[i]._initialCategories.slice(); // Build the lookup map for initialized categories axList[i]._categoriesMap = {}; for(var j = 0; j < axList[i]._categories.length; j++) { axList[i]._categoriesMap[axList[i]._categories[j]] = j; } } } plots.rehover = function(gd) { if(gd._fullLayout._rehover) { gd._fullLayout._rehover(); } }; plots.generalUpdatePerTraceModule = function(subplot, subplotCalcData, subplotLayout) { var traceHashOld = subplot.traceHash, traceHash = {}, i; function filterVisible(calcDataIn) { var calcDataOut = []; for(var i = 0; i < calcDataIn.length; i++) { var calcTrace = calcDataIn[i], trace = calcTrace[0].trace; if(trace.visible === true) calcDataOut.push(calcTrace); } return calcDataOut; } // build up moduleName -> calcData hash for(i = 0; i < subplotCalcData.length; i++) { var calcTraces = subplotCalcData[i], trace = calcTraces[0].trace; // skip over visible === false traces // as they don't have `_module` ref if(trace.visible) { traceHash[trace.type] = traceHash[trace.type] || []; traceHash[trace.type].push(calcTraces); } } var moduleNamesOld = Object.keys(traceHashOld); var moduleNames = Object.keys(traceHash); // when a trace gets deleted, make sure that its module's // plot method is called so that it is properly // removed from the DOM. for(i = 0; i < moduleNamesOld.length; i++) { var moduleName = moduleNamesOld[i]; if(moduleNames.indexOf(moduleName) === -1) { var fakeCalcTrace = traceHashOld[moduleName][0], fakeTrace = fakeCalcTrace[0].trace; fakeTrace.visible = false; traceHash[moduleName] = [fakeCalcTrace]; } } // update list of module names to include 'fake' traces added above moduleNames = Object.keys(traceHash); // call module plot method for(i = 0; i < moduleNames.length; i++) { var moduleCalcData = traceHash[moduleNames[i]], _module = moduleCalcData[0][0].trace._module; _module.plot(subplot, filterVisible(moduleCalcData), subplotLayout); } // update moduleName -> calcData hash subplot.traceHash = traceHash; }; },{"../components/color":34,"../components/errorbars":64,"../constants/numerical":132,"../lib":147,"../plot_api/plot_schema":172,"../plotly":178,"../registry":219,"./animation_attributes":179,"./attributes":181,"./command":206,"./font_attributes":207,"./frame_attributes":208,"./layout_attributes":210,"d3":7,"fast-isnumeric":10}],213:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var scatterAttrs = require('../../traces/scatter/attributes'); var scatterMarkerAttrs = scatterAttrs.marker; module.exports = { r: scatterAttrs.r, t: scatterAttrs.t, marker: { color: scatterMarkerAttrs.color, size: scatterMarkerAttrs.size, symbol: scatterMarkerAttrs.symbol, opacity: scatterMarkerAttrs.opacity } }; },{"../../traces/scatter/attributes":253}],214:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var axesAttrs = require('../cartesian/layout_attributes'); var extendFlat = require('../../lib/extend').extendFlat; var domainAttr = extendFlat({}, axesAttrs.domain, { }); function mergeAttrs(axisName, nonCommonAttrs) { var commonAttrs = { showline: { valType: 'boolean', }, showticklabels: { valType: 'boolean', }, tickorientation: { valType: 'enumerated', values: ['horizontal', 'vertical'], }, ticklen: { valType: 'number', min: 0, }, tickcolor: { valType: 'color', }, ticksuffix: { valType: 'string', }, endpadding: { valType: 'number', }, visible: { valType: 'boolean', } }; return extendFlat({}, nonCommonAttrs, commonAttrs); } module.exports = { radialaxis: mergeAttrs('radial', { range: { valType: 'info_array', items: [ { valType: 'number' }, { valType: 'number' } ], }, domain: domainAttr, orientation: { valType: 'number', } }), angularaxis: mergeAttrs('angular', { range: { valType: 'info_array', items: [ { valType: 'number', dflt: 0 }, { valType: 'number', dflt: 360 } ], }, domain: domainAttr }), // attributes that appear at layout root layout: { direction: { valType: 'enumerated', values: ['clockwise', 'counterclockwise'], }, orientation: { valType: 'angle', } } }; },{"../../lib/extend":142,"../cartesian/layout_attributes":194}],215:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Polar = module.exports = require('./micropolar'); Polar.manager = require('./micropolar_manager'); },{"./micropolar":216,"./micropolar_manager":217}],216:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var d3 = require('d3'); var Lib = require('../../lib'); var extendDeepAll = Lib.extendDeepAll; var MID_SHIFT = require('../../constants/alignment').MID_SHIFT; var µ = module.exports = { version: '0.2.2' }; µ.Axis = function module() { var config = { data: [], layout: {} }, inputConfig = {}, liveConfig = {}; var svg, container, dispatch = d3.dispatch('hover'), radialScale, angularScale; var exports = {}; function render(_container) { container = _container || container; var data = config.data; var axisConfig = config.layout; if (typeof container == 'string' || container.nodeName) container = d3.select(container); container.datum(data).each(function(_data, _index) { var dataOriginal = _data.slice(); liveConfig = { data: µ.util.cloneJson(dataOriginal), layout: µ.util.cloneJson(axisConfig) }; var colorIndex = 0; dataOriginal.forEach(function(d, i) { if (!d.color) { d.color = axisConfig.defaultColorRange[colorIndex]; colorIndex = (colorIndex + 1) % axisConfig.defaultColorRange.length; } if (!d.strokeColor) { d.strokeColor = d.geometry === 'LinePlot' ? d.color : d3.rgb(d.color).darker().toString(); } liveConfig.data[i].color = d.color; liveConfig.data[i].strokeColor = d.strokeColor; liveConfig.data[i].strokeDash = d.strokeDash; liveConfig.data[i].strokeSize = d.strokeSize; }); var data = dataOriginal.filter(function(d, i) { var visible = d.visible; return typeof visible === 'undefined' || visible === true; }); var isStacked = false; var dataWithGroupId = data.map(function(d, i) { isStacked = isStacked || typeof d.groupId !== 'undefined'; return d; }); if (isStacked) { var grouped = d3.nest().key(function(d, i) { return typeof d.groupId != 'undefined' ? d.groupId : 'unstacked'; }).entries(dataWithGroupId); var dataYStack = []; var stacked = grouped.map(function(d, i) { if (d.key === 'unstacked') return d.values; else { var prevArray = d.values[0].r.map(function(d, i) { return 0; }); d.values.forEach(function(d, i, a) { d.yStack = [ prevArray ]; dataYStack.push(prevArray); prevArray = µ.util.sumArrays(d.r, prevArray); }); return d.values; } }); data = d3.merge(stacked); } data.forEach(function(d, i) { d.t = Array.isArray(d.t[0]) ? d.t : [ d.t ]; d.r = Array.isArray(d.r[0]) ? d.r : [ d.r ]; }); var radius = Math.min(axisConfig.width - axisConfig.margin.left - axisConfig.margin.right, axisConfig.height - axisConfig.margin.top - axisConfig.margin.bottom) / 2; radius = Math.max(10, radius); var chartCenter = [ axisConfig.margin.left + radius, axisConfig.margin.top + radius ]; var extent; if (isStacked) { var highestStackedValue = d3.max(µ.util.sumArrays(µ.util.arrayLast(data).r[0], µ.util.arrayLast(dataYStack))); extent = [ 0, highestStackedValue ]; } else extent = d3.extent(µ.util.flattenArray(data.map(function(d, i) { return d.r; }))); if (axisConfig.radialAxis.domain != µ.DATAEXTENT) extent[0] = 0; radialScale = d3.scale.linear().domain(axisConfig.radialAxis.domain != µ.DATAEXTENT && axisConfig.radialAxis.domain ? axisConfig.radialAxis.domain : extent).range([ 0, radius ]); liveConfig.layout.radialAxis.domain = radialScale.domain(); var angularDataMerged = µ.util.flattenArray(data.map(function(d, i) { return d.t; })); var isOrdinal = typeof angularDataMerged[0] === 'string'; var ticks; if (isOrdinal) { angularDataMerged = µ.util.deduplicate(angularDataMerged); ticks = angularDataMerged.slice(); angularDataMerged = d3.range(angularDataMerged.length); data = data.map(function(d, i) { var result = d; d.t = [ angularDataMerged ]; if (isStacked) result.yStack = d.yStack; return result; }); } var hasOnlyLineOrDotPlot = data.filter(function(d, i) { return d.geometry === 'LinePlot' || d.geometry === 'DotPlot'; }).length === data.length; var needsEndSpacing = axisConfig.needsEndSpacing === null ? isOrdinal || !hasOnlyLineOrDotPlot : axisConfig.needsEndSpacing; var useProvidedDomain = axisConfig.angularAxis.domain && axisConfig.angularAxis.domain != µ.DATAEXTENT && !isOrdinal && axisConfig.angularAxis.domain[0] >= 0; var angularDomain = useProvidedDomain ? axisConfig.angularAxis.domain : d3.extent(angularDataMerged); var angularDomainStep = Math.abs(angularDataMerged[1] - angularDataMerged[0]); if (hasOnlyLineOrDotPlot && !isOrdinal) angularDomainStep = 0; var angularDomainWithPadding = angularDomain.slice(); if (needsEndSpacing && isOrdinal) angularDomainWithPadding[1] += angularDomainStep; var tickCount = axisConfig.angularAxis.ticksCount || 4; if (tickCount > 8) tickCount = tickCount / (tickCount / 8) + tickCount % 8; if (axisConfig.angularAxis.ticksStep) { tickCount = (angularDomainWithPadding[1] - angularDomainWithPadding[0]) / tickCount; } var angularTicksStep = axisConfig.angularAxis.ticksStep || (angularDomainWithPadding[1] - angularDomainWithPadding[0]) / (tickCount * (axisConfig.minorTicks + 1)); if (ticks) angularTicksStep = Math.max(Math.round(angularTicksStep), 1); if (!angularDomainWithPadding[2]) angularDomainWithPadding[2] = angularTicksStep; var angularAxisRange = d3.range.apply(this, angularDomainWithPadding); angularAxisRange = angularAxisRange.map(function(d, i) { return parseFloat(d.toPrecision(12)); }); angularScale = d3.scale.linear().domain(angularDomainWithPadding.slice(0, 2)).range(axisConfig.direction === 'clockwise' ? [ 0, 360 ] : [ 360, 0 ]); liveConfig.layout.angularAxis.domain = angularScale.domain(); liveConfig.layout.angularAxis.endPadding = needsEndSpacing ? angularDomainStep : 0; svg = d3.select(this).select('svg.chart-root'); if (typeof svg === 'undefined' || svg.empty()) { var skeleton = "' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '' + '"; var doc = new DOMParser().parseFromString(skeleton, 'application/xml'); var newSvg = this.appendChild(this.ownerDocument.importNode(doc.documentElement, true)); svg = d3.select(newSvg); } svg.select('.guides-group').style({ 'pointer-events': 'none' }); svg.select('.angular.axis-group').style({ 'pointer-events': 'none' }); svg.select('.radial.axis-group').style({ 'pointer-events': 'none' }); var chartGroup = svg.select('.chart-group'); var lineStyle = { fill: 'none', stroke: axisConfig.tickColor }; var fontStyle = { 'font-size': axisConfig.font.size, 'font-family': axisConfig.font.family, fill: axisConfig.font.color, 'text-shadow': [ '-1px 0px', '1px -1px', '-1px 1px', '1px 1px' ].map(function(d, i) { return ' ' + d + ' 0 ' + axisConfig.font.outlineColor; }).join(',') }; var legendContainer; if (axisConfig.showLegend) { legendContainer = svg.select('.legend-group').attr({ transform: 'translate(' + [ radius, axisConfig.margin.top ] + ')' }).style({ display: 'block' }); var elements = data.map(function(d, i) { var datumClone = µ.util.cloneJson(d); datumClone.symbol = d.geometry === 'DotPlot' ? d.dotType || 'circle' : d.geometry != 'LinePlot' ? 'square' : 'line'; datumClone.visibleInLegend = typeof d.visibleInLegend === 'undefined' || d.visibleInLegend; datumClone.color = d.geometry === 'LinePlot' ? d.strokeColor : d.color; return datumClone; }); µ.Legend().config({ data: data.map(function(d, i) { return d.name || 'Element' + i; }), legendConfig: extendDeepAll({}, µ.Legend.defaultConfig().legendConfig, { container: legendContainer, elements: elements, reverseOrder: axisConfig.legend.reverseOrder } ) })(); var legendBBox = legendContainer.node().getBBox(); radius = Math.min(axisConfig.width - legendBBox.width - axisConfig.margin.left - axisConfig.margin.right, axisConfig.height - axisConfig.margin.top - axisConfig.margin.bottom) / 2; radius = Math.max(10, radius); chartCenter = [ axisConfig.margin.left + radius, axisConfig.margin.top + radius ]; radialScale.range([ 0, radius ]); liveConfig.layout.radialAxis.domain = radialScale.domain(); legendContainer.attr('transform', 'translate(' + [ chartCenter[0] + radius, chartCenter[1] - radius ] + ')'); } else { legendContainer = svg.select('.legend-group').style({ display: 'none' }); } svg.attr({ width: axisConfig.width, height: axisConfig.height }).style({ opacity: axisConfig.opacity }); chartGroup.attr('transform', 'translate(' + chartCenter + ')').style({ cursor: 'crosshair' }); var centeringOffset = [ (axisConfig.width - (axisConfig.margin.left + axisConfig.margin.right + radius * 2 + (legendBBox ? legendBBox.width : 0))) / 2, (axisConfig.height - (axisConfig.margin.top + axisConfig.margin.bottom + radius * 2)) / 2 ]; centeringOffset[0] = Math.max(0, centeringOffset[0]); centeringOffset[1] = Math.max(0, centeringOffset[1]); svg.select('.outer-group').attr('transform', 'translate(' + centeringOffset + ')'); if (axisConfig.title) { var title = svg.select('g.title-group text').style(fontStyle).text(axisConfig.title); var titleBBox = title.node().getBBox(); title.attr({ x: chartCenter[0] - titleBBox.width / 2, y: chartCenter[1] - radius - 20 }); } var radialAxis = svg.select('.radial.axis-group'); if (axisConfig.radialAxis.gridLinesVisible) { var gridCircles = radialAxis.selectAll('circle.grid-circle').data(radialScale.ticks(5)); gridCircles.enter().append('circle').attr({ 'class': 'grid-circle' }).style(lineStyle); gridCircles.attr('r', radialScale); gridCircles.exit().remove(); } radialAxis.select('circle.outside-circle').attr({ r: radius }).style(lineStyle); var backgroundCircle = svg.select('circle.background-circle').attr({ r: radius }).style({ fill: axisConfig.backgroundColor, stroke: axisConfig.stroke }); function currentAngle(d, i) { return angularScale(d) % 360 + axisConfig.orientation; } if (axisConfig.radialAxis.visible) { var axis = d3.svg.axis().scale(radialScale).ticks(5).tickSize(5); radialAxis.call(axis).attr({ transform: 'rotate(' + axisConfig.radialAxis.orientation + ')' }); radialAxis.selectAll('.domain').style(lineStyle); radialAxis.selectAll('g>text').text(function(d, i) { return this.textContent + axisConfig.radialAxis.ticksSuffix; }).style(fontStyle).style({ 'text-anchor': 'start' }).attr({ x: 0, y: 0, dx: 0, dy: 0, transform: function(d, i) { if (axisConfig.radialAxis.tickOrientation === 'horizontal') { return 'rotate(' + -axisConfig.radialAxis.orientation + ') translate(' + [ 0, fontStyle['font-size'] ] + ')'; } else return 'translate(' + [ 0, fontStyle['font-size'] ] + ')'; } }); radialAxis.selectAll('g>line').style({ stroke: 'black' }); } var angularAxis = svg.select('.angular.axis-group').selectAll('g.angular-tick').data(angularAxisRange); var angularAxisEnter = angularAxis.enter().append('g').classed('angular-tick', true); angularAxis.attr({ transform: function(d, i) { return 'rotate(' + currentAngle(d, i) + ')'; } }).style({ display: axisConfig.angularAxis.visible ? 'block' : 'none' }); angularAxis.exit().remove(); angularAxisEnter.append('line').classed('grid-line', true).classed('major', function(d, i) { return i % (axisConfig.minorTicks + 1) == 0; }).classed('minor', function(d, i) { return !(i % (axisConfig.minorTicks + 1) == 0); }).style(lineStyle); angularAxisEnter.selectAll('.minor').style({ stroke: axisConfig.minorTickColor }); angularAxis.select('line.grid-line').attr({ x1: axisConfig.tickLength ? radius - axisConfig.tickLength : 0, x2: radius }).style({ display: axisConfig.angularAxis.gridLinesVisible ? 'block' : 'none' }); angularAxisEnter.append('text').classed('axis-text', true).style(fontStyle); var ticksText = angularAxis.select('text.axis-text').attr({ x: radius + axisConfig.labelOffset, dy: MID_SHIFT + 'em', transform: function(d, i) { var angle = currentAngle(d, i); var rad = radius + axisConfig.labelOffset; var orient = axisConfig.angularAxis.tickOrientation; if (orient == 'horizontal') return 'rotate(' + -angle + ' ' + rad + ' 0)'; else if (orient == 'radial') return angle < 270 && angle > 90 ? 'rotate(180 ' + rad + ' 0)' : null; else return 'rotate(' + (angle <= 180 && angle > 0 ? -90 : 90) + ' ' + rad + ' 0)'; } }).style({ 'text-anchor': 'middle', display: axisConfig.angularAxis.labelsVisible ? 'block' : 'none' }).text(function(d, i) { if (i % (axisConfig.minorTicks + 1) != 0) return ''; if (ticks) { return ticks[d] + axisConfig.angularAxis.ticksSuffix; } else return d + axisConfig.angularAxis.ticksSuffix; }).style(fontStyle); if (axisConfig.angularAxis.rewriteTicks) ticksText.text(function(d, i) { if (i % (axisConfig.minorTicks + 1) != 0) return ''; return axisConfig.angularAxis.rewriteTicks(this.textContent, i); }); var rightmostTickEndX = d3.max(chartGroup.selectAll('.angular-tick text')[0].map(function(d, i) { return d.getCTM().e + d.getBBox().width; })); legendContainer.attr({ transform: 'translate(' + [ radius + rightmostTickEndX, axisConfig.margin.top ] + ')' }); var hasGeometry = svg.select('g.geometry-group').selectAll('g').size() > 0; var geometryContainer = svg.select('g.geometry-group').selectAll('g.geometry').data(data); geometryContainer.enter().append('g').attr({ 'class': function(d, i) { return 'geometry geometry' + i; } }); geometryContainer.exit().remove(); if (data[0] || hasGeometry) { var geometryConfigs = []; data.forEach(function(d, i) { var geometryConfig = {}; geometryConfig.radialScale = radialScale; geometryConfig.angularScale = angularScale; geometryConfig.container = geometryContainer.filter(function(dB, iB) { return iB == i; }); geometryConfig.geometry = d.geometry; geometryConfig.orientation = axisConfig.orientation; geometryConfig.direction = axisConfig.direction; geometryConfig.index = i; geometryConfigs.push({ data: d, geometryConfig: geometryConfig }); }); var geometryConfigsGrouped = d3.nest().key(function(d, i) { return typeof d.data.groupId != 'undefined' || 'unstacked'; }).entries(geometryConfigs); var geometryConfigsGrouped2 = []; geometryConfigsGrouped.forEach(function(d, i) { if (d.key === 'unstacked') geometryConfigsGrouped2 = geometryConfigsGrouped2.concat(d.values.map(function(d, i) { return [ d ]; })); else geometryConfigsGrouped2.push(d.values); }); geometryConfigsGrouped2.forEach(function(d, i) { var geometry; if (Array.isArray(d)) geometry = d[0].geometryConfig.geometry; else geometry = d.geometryConfig.geometry; var finalGeometryConfig = d.map(function(dB, iB) { return extendDeepAll(µ[geometry].defaultConfig(), dB); }); µ[geometry]().config(finalGeometryConfig)(); }); } var guides = svg.select('.guides-group'); var tooltipContainer = svg.select('.tooltips-group'); var angularTooltip = µ.tooltipPanel().config({ container: tooltipContainer, fontSize: 8 })(); var radialTooltip = µ.tooltipPanel().config({ container: tooltipContainer, fontSize: 8 })(); var geometryTooltip = µ.tooltipPanel().config({ container: tooltipContainer, hasTick: true })(); var angularValue, radialValue; if (!isOrdinal) { var angularGuideLine = guides.select('line').attr({ x1: 0, y1: 0, y2: 0 }).style({ stroke: 'grey', 'pointer-events': 'none' }); chartGroup.on('mousemove.angular-guide', function(d, i) { var mouseAngle = µ.util.getMousePos(backgroundCircle).angle; angularGuideLine.attr({ x2: -radius, transform: 'rotate(' + mouseAngle + ')' }).style({ opacity: .5 }); var angleWithOriginOffset = (mouseAngle + 180 + 360 - axisConfig.orientation) % 360; angularValue = angularScale.invert(angleWithOriginOffset); var pos = µ.util.convertToCartesian(radius + 12, mouseAngle + 180); angularTooltip.text(µ.util.round(angularValue)).move([ pos[0] + chartCenter[0], pos[1] + chartCenter[1] ]); }).on('mouseout.angular-guide', function(d, i) { guides.select('line').style({ opacity: 0 }); }); } var angularGuideCircle = guides.select('circle').style({ stroke: 'grey', fill: 'none' }); chartGroup.on('mousemove.radial-guide', function(d, i) { var r = µ.util.getMousePos(backgroundCircle).radius; angularGuideCircle.attr({ r: r }).style({ opacity: .5 }); radialValue = radialScale.invert(µ.util.getMousePos(backgroundCircle).radius); var pos = µ.util.convertToCartesian(r, axisConfig.radialAxis.orientation); radialTooltip.text(µ.util.round(radialValue)).move([ pos[0] + chartCenter[0], pos[1] + chartCenter[1] ]); }).on('mouseout.radial-guide', function(d, i) { angularGuideCircle.style({ opacity: 0 }); geometryTooltip.hide(); angularTooltip.hide(); radialTooltip.hide(); }); svg.selectAll('.geometry-group .mark').on('mouseover.tooltip', function(d, i) { var el = d3.select(this); var color = el.style('fill'); var newColor = 'black'; var opacity = el.style('opacity') || 1; el.attr({ 'data-opacity': opacity }); if (color != 'none') { el.attr({ 'data-fill': color }); newColor = d3.hsl(color).darker().toString(); el.style({ fill: newColor, opacity: 1 }); var textData = { t: µ.util.round(d[0]), r: µ.util.round(d[1]) }; if (isOrdinal) textData.t = ticks[d[0]]; var text = 't: ' + textData.t + ', r: ' + textData.r; var bbox = this.getBoundingClientRect(); var svgBBox = svg.node().getBoundingClientRect(); var pos = [ bbox.left + bbox.width / 2 - centeringOffset[0] - svgBBox.left, bbox.top + bbox.height / 2 - centeringOffset[1] - svgBBox.top ]; geometryTooltip.config({ color: newColor }).text(text); geometryTooltip.move(pos); } else { color = el.style('stroke'); el.attr({ 'data-stroke': color }); newColor = d3.hsl(color).darker().toString(); el.style({ stroke: newColor, opacity: 1 }); } }).on('mousemove.tooltip', function(d, i) { if (d3.event.which != 0) return false; if (d3.select(this).attr('data-fill')) geometryTooltip.show(); }).on('mouseout.tooltip', function(d, i) { geometryTooltip.hide(); var el = d3.select(this); var fillColor = el.attr('data-fill'); if (fillColor) el.style({ fill: fillColor, opacity: el.attr('data-opacity') }); else el.style({ stroke: el.attr('data-stroke'), opacity: el.attr('data-opacity') }); }); }); return exports; } exports.render = function(_container) { render(_container); return this; }; exports.config = function(_x) { if (!arguments.length) return config; var xClone = µ.util.cloneJson(_x); xClone.data.forEach(function(d, i) { if (!config.data[i]) config.data[i] = {}; extendDeepAll(config.data[i], µ.Axis.defaultConfig().data[0]); extendDeepAll(config.data[i], d); }); extendDeepAll(config.layout, µ.Axis.defaultConfig().layout); extendDeepAll(config.layout, xClone.layout); return this; }; exports.getLiveConfig = function() { return liveConfig; }; exports.getinputConfig = function() { return inputConfig; }; exports.radialScale = function(_x) { return radialScale; }; exports.angularScale = function(_x) { return angularScale; }; exports.svg = function() { return svg; }; d3.rebind(exports, dispatch, 'on'); return exports; }; µ.Axis.defaultConfig = function(d, i) { var config = { data: [ { t: [ 1, 2, 3, 4 ], r: [ 10, 11, 12, 13 ], name: 'Line1', geometry: 'LinePlot', color: null, strokeDash: 'solid', strokeColor: null, strokeSize: '1', visibleInLegend: true, opacity: 1 } ], layout: { defaultColorRange: d3.scale.category10().range(), title: null, height: 450, width: 500, margin: { top: 40, right: 40, bottom: 40, left: 40 }, font: { size: 12, color: 'gray', outlineColor: 'white', family: 'Tahoma, sans-serif' }, direction: 'clockwise', orientation: 0, labelOffset: 10, radialAxis: { domain: null, orientation: -45, ticksSuffix: '', visible: true, gridLinesVisible: true, tickOrientation: 'horizontal', rewriteTicks: null }, angularAxis: { domain: [ 0, 360 ], ticksSuffix: '', visible: true, gridLinesVisible: true, labelsVisible: true, tickOrientation: 'horizontal', rewriteTicks: null, ticksCount: null, ticksStep: null }, minorTicks: 0, tickLength: null, tickColor: 'silver', minorTickColor: '#eee', backgroundColor: 'none', needsEndSpacing: null, showLegend: true, legend: { reverseOrder: false }, opacity: 1 } }; return config; }; µ.util = {}; µ.DATAEXTENT = 'dataExtent'; µ.AREA = 'AreaChart'; µ.LINE = 'LinePlot'; µ.DOT = 'DotPlot'; µ.BAR = 'BarChart'; µ.util._override = function(_objA, _objB) { for (var x in _objA) if (x in _objB) _objB[x] = _objA[x]; }; µ.util._extend = function(_objA, _objB) { for (var x in _objA) _objB[x] = _objA[x]; }; µ.util._rndSnd = function() { return Math.random() * 2 - 1 + (Math.random() * 2 - 1) + (Math.random() * 2 - 1); }; µ.util.dataFromEquation2 = function(_equation, _step) { var step = _step || 6; var data = d3.range(0, 360 + step, step).map(function(deg, index) { var theta = deg * Math.PI / 180; var radius = _equation(theta); return [ deg, radius ]; }); return data; }; µ.util.dataFromEquation = function(_equation, _step, _name) { var step = _step || 6; var t = [], r = []; d3.range(0, 360 + step, step).forEach(function(deg, index) { var theta = deg * Math.PI / 180; var radius = _equation(theta); t.push(deg); r.push(radius); }); var result = { t: t, r: r }; if (_name) result.name = _name; return result; }; µ.util.ensureArray = function(_val, _count) { if (typeof _val === 'undefined') return null; var arr = [].concat(_val); return d3.range(_count).map(function(d, i) { return arr[i] || arr[0]; }); }; µ.util.fillArrays = function(_obj, _valueNames, _count) { _valueNames.forEach(function(d, i) { _obj[d] = µ.util.ensureArray(_obj[d], _count); }); return _obj; }; µ.util.cloneJson = function(json) { return JSON.parse(JSON.stringify(json)); }; µ.util.validateKeys = function(obj, keys) { if (typeof keys === 'string') keys = keys.split('.'); var next = keys.shift(); return obj[next] && (!keys.length || objHasKeys(obj[next], keys)); }; µ.util.sumArrays = function(a, b) { return d3.zip(a, b).map(function(d, i) { return d3.sum(d); }); }; µ.util.arrayLast = function(a) { return a[a.length - 1]; }; µ.util.arrayEqual = function(a, b) { var i = Math.max(a.length, b.length, 1); while (i-- >= 0 && a[i] === b[i]) ; return i === -2; }; µ.util.flattenArray = function(arr) { var r = []; while (!µ.util.arrayEqual(r, arr)) { r = arr; arr = [].concat.apply([], arr); } return arr; }; µ.util.deduplicate = function(arr) { return arr.filter(function(v, i, a) { return a.indexOf(v) == i; }); }; µ.util.convertToCartesian = function(radius, theta) { var thetaRadians = theta * Math.PI / 180; var x = radius * Math.cos(thetaRadians); var y = radius * Math.sin(thetaRadians); return [ x, y ]; }; µ.util.round = function(_value, _digits) { var digits = _digits || 2; var mult = Math.pow(10, digits); return Math.round(_value * mult) / mult; }; µ.util.getMousePos = function(_referenceElement) { var mousePos = d3.mouse(_referenceElement.node()); var mouseX = mousePos[0]; var mouseY = mousePos[1]; var mouse = {}; mouse.x = mouseX; mouse.y = mouseY; mouse.pos = mousePos; mouse.angle = (Math.atan2(mouseY, mouseX) + Math.PI) * 180 / Math.PI; mouse.radius = Math.sqrt(mouseX * mouseX + mouseY * mouseY); return mouse; }; µ.util.duplicatesCount = function(arr) { var uniques = {}, val; var dups = {}; for (var i = 0, len = arr.length; i < len; i++) { val = arr[i]; if (val in uniques) { uniques[val]++; dups[val] = uniques[val]; } else { uniques[val] = 1; } } return dups; }; µ.util.duplicates = function(arr) { return Object.keys(µ.util.duplicatesCount(arr)); }; µ.util.translator = function(obj, sourceBranch, targetBranch, reverse) { if (reverse) { var targetBranchCopy = targetBranch.slice(); targetBranch = sourceBranch; sourceBranch = targetBranchCopy; } var value = sourceBranch.reduce(function(previousValue, currentValue) { if (typeof previousValue != 'undefined') return previousValue[currentValue]; }, obj); if (typeof value === 'undefined') return; sourceBranch.reduce(function(previousValue, currentValue, index) { if (typeof previousValue == 'undefined') return; if (index === sourceBranch.length - 1) delete previousValue[currentValue]; return previousValue[currentValue]; }, obj); targetBranch.reduce(function(previousValue, currentValue, index) { if (typeof previousValue[currentValue] === 'undefined') previousValue[currentValue] = {}; if (index === targetBranch.length - 1) previousValue[currentValue] = value; return previousValue[currentValue]; }, obj); }; µ.PolyChart = function module() { var config = [ µ.PolyChart.defaultConfig() ]; var dispatch = d3.dispatch('hover'); var dashArray = { solid: 'none', dash: [ 5, 2 ], dot: [ 2, 5 ] }; var colorScale; function exports() { var geometryConfig = config[0].geometryConfig; var container = geometryConfig.container; if (typeof container == 'string') container = d3.select(container); container.datum(config).each(function(_config, _index) { var isStack = !!_config[0].data.yStack; var data = _config.map(function(d, i) { if (isStack) return d3.zip(d.data.t[0], d.data.r[0], d.data.yStack[0]); else return d3.zip(d.data.t[0], d.data.r[0]); }); var angularScale = geometryConfig.angularScale; var domainMin = geometryConfig.radialScale.domain()[0]; var generator = {}; generator.bar = function(d, i, pI) { var dataConfig = _config[pI].data; var h = geometryConfig.radialScale(d[1]) - geometryConfig.radialScale(0); var stackTop = geometryConfig.radialScale(d[2] || 0); var w = dataConfig.barWidth; d3.select(this).attr({ 'class': 'mark bar', d: 'M' + [ [ h + stackTop, -w / 2 ], [ h + stackTop, w / 2 ], [ stackTop, w / 2 ], [ stackTop, -w / 2 ] ].join('L') + 'Z', transform: function(d, i) { return 'rotate(' + (geometryConfig.orientation + angularScale(d[0])) + ')'; } }); }; generator.dot = function(d, i, pI) { var stackedData = d[2] ? [ d[0], d[1] + d[2] ] : d; var symbol = d3.svg.symbol().size(_config[pI].data.dotSize).type(_config[pI].data.dotType)(d, i); d3.select(this).attr({ 'class': 'mark dot', d: symbol, transform: function(d, i) { var coord = convertToCartesian(getPolarCoordinates(stackedData)); return 'translate(' + [ coord.x, coord.y ] + ')'; } }); }; var line = d3.svg.line.radial().interpolate(_config[0].data.lineInterpolation).radius(function(d) { return geometryConfig.radialScale(d[1]); }).angle(function(d) { return geometryConfig.angularScale(d[0]) * Math.PI / 180; }); generator.line = function(d, i, pI) { var lineData = d[2] ? data[pI].map(function(d, i) { return [ d[0], d[1] + d[2] ]; }) : data[pI]; d3.select(this).each(generator['dot']).style({ opacity: function(dB, iB) { return +_config[pI].data.dotVisible; }, fill: markStyle.stroke(d, i, pI) }).attr({ 'class': 'mark dot' }); if (i > 0) return; var lineSelection = d3.select(this.parentNode).selectAll('path.line').data([ 0 ]); lineSelection.enter().insert('path'); lineSelection.attr({ 'class': 'line', d: line(lineData), transform: function(dB, iB) { return 'rotate(' + (geometryConfig.orientation + 90) + ')'; }, 'pointer-events': 'none' }).style({ fill: function(dB, iB) { return markStyle.fill(d, i, pI); }, 'fill-opacity': 0, stroke: function(dB, iB) { return markStyle.stroke(d, i, pI); }, 'stroke-width': function(dB, iB) { return markStyle['stroke-width'](d, i, pI); }, 'stroke-dasharray': function(dB, iB) { return markStyle['stroke-dasharray'](d, i, pI); }, opacity: function(dB, iB) { return markStyle.opacity(d, i, pI); }, display: function(dB, iB) { return markStyle.display(d, i, pI); } }); }; var angularRange = geometryConfig.angularScale.range(); var triangleAngle = Math.abs(angularRange[1] - angularRange[0]) / data[0].length * Math.PI / 180; var arc = d3.svg.arc().startAngle(function(d) { return -triangleAngle / 2; }).endAngle(function(d) { return triangleAngle / 2; }).innerRadius(function(d) { return geometryConfig.radialScale(domainMin + (d[2] || 0)); }).outerRadius(function(d) { return geometryConfig.radialScale(domainMin + (d[2] || 0)) + geometryConfig.radialScale(d[1]); }); generator.arc = function(d, i, pI) { d3.select(this).attr({ 'class': 'mark arc', d: arc, transform: function(d, i) { return 'rotate(' + (geometryConfig.orientation + angularScale(d[0]) + 90) + ')'; } }); }; var markStyle = { fill: function(d, i, pI) { return _config[pI].data.color; }, stroke: function(d, i, pI) { return _config[pI].data.strokeColor; }, 'stroke-width': function(d, i, pI) { return _config[pI].data.strokeSize + 'px'; }, 'stroke-dasharray': function(d, i, pI) { return dashArray[_config[pI].data.strokeDash]; }, opacity: function(d, i, pI) { return _config[pI].data.opacity; }, display: function(d, i, pI) { return typeof _config[pI].data.visible === 'undefined' || _config[pI].data.visible ? 'block' : 'none'; } }; var geometryLayer = d3.select(this).selectAll('g.layer').data(data); geometryLayer.enter().append('g').attr({ 'class': 'layer' }); var geometry = geometryLayer.selectAll('path.mark').data(function(d, i) { return d; }); geometry.enter().append('path').attr({ 'class': 'mark' }); geometry.style(markStyle).each(generator[geometryConfig.geometryType]); geometry.exit().remove(); geometryLayer.exit().remove(); function getPolarCoordinates(d, i) { var r = geometryConfig.radialScale(d[1]); var t = (geometryConfig.angularScale(d[0]) + geometryConfig.orientation) * Math.PI / 180; return { r: r, t: t }; } function convertToCartesian(polarCoordinates) { var x = polarCoordinates.r * Math.cos(polarCoordinates.t); var y = polarCoordinates.r * Math.sin(polarCoordinates.t); return { x: x, y: y }; } }); } exports.config = function(_x) { if (!arguments.length) return config; _x.forEach(function(d, i) { if (!config[i]) config[i] = {}; extendDeepAll(config[i], µ.PolyChart.defaultConfig()); extendDeepAll(config[i], d); }); return this; }; exports.getColorScale = function() { return colorScale; }; d3.rebind(exports, dispatch, 'on'); return exports; }; µ.PolyChart.defaultConfig = function() { var config = { data: { name: 'geom1', t: [ [ 1, 2, 3, 4 ] ], r: [ [ 1, 2, 3, 4 ] ], dotType: 'circle', dotSize: 64, dotVisible: false, barWidth: 20, color: '#ffa500', strokeSize: 1, strokeColor: 'silver', strokeDash: 'solid', opacity: 1, index: 0, visible: true, visibleInLegend: true }, geometryConfig: { geometry: 'LinePlot', geometryType: 'arc', direction: 'clockwise', orientation: 0, container: 'body', radialScale: null, angularScale: null, colorScale: d3.scale.category20() } }; return config; }; µ.BarChart = function module() { return µ.PolyChart(); }; µ.BarChart.defaultConfig = function() { var config = { geometryConfig: { geometryType: 'bar' } }; return config; }; µ.AreaChart = function module() { return µ.PolyChart(); }; µ.AreaChart.defaultConfig = function() { var config = { geometryConfig: { geometryType: 'arc' } }; return config; }; µ.DotPlot = function module() { return µ.PolyChart(); }; µ.DotPlot.defaultConfig = function() { var config = { geometryConfig: { geometryType: 'dot', dotType: 'circle' } }; return config; }; µ.LinePlot = function module() { return µ.PolyChart(); }; µ.LinePlot.defaultConfig = function() { var config = { geometryConfig: { geometryType: 'line' } }; return config; }; µ.Legend = function module() { var config = µ.Legend.defaultConfig(); var dispatch = d3.dispatch('hover'); function exports() { var legendConfig = config.legendConfig; var flattenData = config.data.map(function(d, i) { return [].concat(d).map(function(dB, iB) { var element = extendDeepAll({}, legendConfig.elements[i]); element.name = dB; element.color = [].concat(legendConfig.elements[i].color)[iB]; return element; }); }); var data = d3.merge(flattenData); data = data.filter(function(d, i) { return legendConfig.elements[i] && (legendConfig.elements[i].visibleInLegend || typeof legendConfig.elements[i].visibleInLegend === 'undefined'); }); if (legendConfig.reverseOrder) data = data.reverse(); var container = legendConfig.container; if (typeof container == 'string' || container.nodeName) container = d3.select(container); var colors = data.map(function(d, i) { return d.color; }); var lineHeight = legendConfig.fontSize; var isContinuous = legendConfig.isContinuous == null ? typeof data[0] === 'number' : legendConfig.isContinuous; var height = isContinuous ? legendConfig.height : lineHeight * data.length; var legendContainerGroup = container.classed('legend-group', true); var svg = legendContainerGroup.selectAll('svg').data([ 0 ]); var svgEnter = svg.enter().append('svg').attr({ width: 300, height: height + lineHeight, xmlns: 'http://www.w3.org/2000/svg', 'xmlns:xlink': 'http://www.w3.org/1999/xlink', version: '1.1' }); svgEnter.append('g').classed('legend-axis', true); svgEnter.append('g').classed('legend-marks', true); var dataNumbered = d3.range(data.length); var colorScale = d3.scale[isContinuous ? 'linear' : 'ordinal']().domain(dataNumbered).range(colors); var dataScale = d3.scale[isContinuous ? 'linear' : 'ordinal']().domain(dataNumbered)[isContinuous ? 'range' : 'rangePoints']([ 0, height ]); var shapeGenerator = function(_type, _size) { var squareSize = _size * 3; if (_type === 'line') { return 'M' + [ [ -_size / 2, -_size / 12 ], [ _size / 2, -_size / 12 ], [ _size / 2, _size / 12 ], [ -_size / 2, _size / 12 ] ] + 'Z'; } else if (d3.svg.symbolTypes.indexOf(_type) != -1) return d3.svg.symbol().type(_type).size(squareSize)(); else return d3.svg.symbol().type('square').size(squareSize)(); }; if (isContinuous) { var gradient = svg.select('.legend-marks').append('defs').append('linearGradient').attr({ id: 'grad1', x1: '0%', y1: '0%', x2: '0%', y2: '100%' }).selectAll('stop').data(colors); gradient.enter().append('stop'); gradient.attr({ offset: function(d, i) { return i / (colors.length - 1) * 100 + '%'; } }).style({ 'stop-color': function(d, i) { return d; } }); svg.append('rect').classed('legend-mark', true).attr({ height: legendConfig.height, width: legendConfig.colorBandWidth, fill: 'url(#grad1)' }); } else { var legendElement = svg.select('.legend-marks').selectAll('path.legend-mark').data(data); legendElement.enter().append('path').classed('legend-mark', true); legendElement.attr({ transform: function(d, i) { return 'translate(' + [ lineHeight / 2, dataScale(i) + lineHeight / 2 ] + ')'; }, d: function(d, i) { var symbolType = d.symbol; return shapeGenerator(symbolType, lineHeight); }, fill: function(d, i) { return colorScale(i); } }); legendElement.exit().remove(); } var legendAxis = d3.svg.axis().scale(dataScale).orient('right'); var axis = svg.select('g.legend-axis').attr({ transform: 'translate(' + [ isContinuous ? legendConfig.colorBandWidth : lineHeight, lineHeight / 2 ] + ')' }).call(legendAxis); axis.selectAll('.domain').style({ fill: 'none', stroke: 'none' }); axis.selectAll('line').style({ fill: 'none', stroke: isContinuous ? legendConfig.textColor : 'none' }); axis.selectAll('text').style({ fill: legendConfig.textColor, 'font-size': legendConfig.fontSize }).text(function(d, i) { return data[i].name; }); return exports; } exports.config = function(_x) { if (!arguments.length) return config; extendDeepAll(config, _x); return this; }; d3.rebind(exports, dispatch, 'on'); return exports; }; µ.Legend.defaultConfig = function(d, i) { var config = { data: [ 'a', 'b', 'c' ], legendConfig: { elements: [ { symbol: 'line', color: 'red' }, { symbol: 'square', color: 'yellow' }, { symbol: 'diamond', color: 'limegreen' } ], height: 150, colorBandWidth: 30, fontSize: 12, container: 'body', isContinuous: null, textColor: 'grey', reverseOrder: false } }; return config; }; µ.tooltipPanel = function() { var tooltipEl, tooltipTextEl, backgroundEl; var config = { container: null, hasTick: false, fontSize: 12, color: 'white', padding: 5 }; var id = 'tooltip-' + µ.tooltipPanel.uid++; var tickSize = 10; var exports = function() { tooltipEl = config.container.selectAll('g.' + id).data([ 0 ]); var tooltipEnter = tooltipEl.enter().append('g').classed(id, true).style({ 'pointer-events': 'none', display: 'none' }); backgroundEl = tooltipEnter.append('path').style({ fill: 'white', 'fill-opacity': .9 }).attr({ d: 'M0 0' }); tooltipTextEl = tooltipEnter.append('text').attr({ dx: config.padding + tickSize, dy: +config.fontSize * .3 }); return exports; }; exports.text = function(_text) { var l = d3.hsl(config.color).l; var strokeColor = l >= .5 ? '#aaa' : 'white'; var fillColor = l >= .5 ? 'black' : 'white'; var text = _text || ''; tooltipTextEl.style({ fill: fillColor, 'font-size': config.fontSize + 'px' }).text(text); var padding = config.padding; var bbox = tooltipTextEl.node().getBBox(); var boxStyle = { fill: config.color, stroke: strokeColor, 'stroke-width': '2px' }; var backGroundW = bbox.width + padding * 2 + tickSize; var backGroundH = bbox.height + padding * 2; backgroundEl.attr({ d: 'M' + [ [ tickSize, -backGroundH / 2 ], [ tickSize, -backGroundH / 4 ], [ config.hasTick ? 0 : tickSize, 0 ], [ tickSize, backGroundH / 4 ], [ tickSize, backGroundH / 2 ], [ backGroundW, backGroundH / 2 ], [ backGroundW, -backGroundH / 2 ] ].join('L') + 'Z' }).style(boxStyle); tooltipEl.attr({ transform: 'translate(' + [ tickSize, -backGroundH / 2 + padding * 2 ] + ')' }); tooltipEl.style({ display: 'block' }); return exports; }; exports.move = function(_pos) { if (!tooltipEl) return; tooltipEl.attr({ transform: 'translate(' + [ _pos[0], _pos[1] ] + ')' }).style({ display: 'block' }); return exports; }; exports.hide = function() { if (!tooltipEl) return; tooltipEl.style({ display: 'none' }); return exports; }; exports.show = function() { if (!tooltipEl) return; tooltipEl.style({ display: 'block' }); return exports; }; exports.config = function(_x) { extendDeepAll(config, _x); return exports; }; return exports; }; µ.tooltipPanel.uid = 1; µ.adapter = {}; µ.adapter.plotly = function module() { var exports = {}; exports.convert = function(_inputConfig, reverse) { var outputConfig = {}; if (_inputConfig.data) { outputConfig.data = _inputConfig.data.map(function(d, i) { var r = extendDeepAll({}, d); var toTranslate = [ [ r, [ 'marker', 'color' ], [ 'color' ] ], [ r, [ 'marker', 'opacity' ], [ 'opacity' ] ], [ r, [ 'marker', 'line', 'color' ], [ 'strokeColor' ] ], [ r, [ 'marker', 'line', 'dash' ], [ 'strokeDash' ] ], [ r, [ 'marker', 'line', 'width' ], [ 'strokeSize' ] ], [ r, [ 'marker', 'symbol' ], [ 'dotType' ] ], [ r, [ 'marker', 'size' ], [ 'dotSize' ] ], [ r, [ 'marker', 'barWidth' ], [ 'barWidth' ] ], [ r, [ 'line', 'interpolation' ], [ 'lineInterpolation' ] ], [ r, [ 'showlegend' ], [ 'visibleInLegend' ] ] ]; toTranslate.forEach(function(d, i) { µ.util.translator.apply(null, d.concat(reverse)); }); if (!reverse) delete r.marker; if (reverse) delete r.groupId; if (!reverse) { if (r.type === 'scatter') { if (r.mode === 'lines') r.geometry = 'LinePlot'; else if (r.mode === 'markers') r.geometry = 'DotPlot'; else if (r.mode === 'lines+markers') { r.geometry = 'LinePlot'; r.dotVisible = true; } } else if (r.type === 'area') r.geometry = 'AreaChart'; else if (r.type === 'bar') r.geometry = 'BarChart'; delete r.mode; delete r.type; } else { if (r.geometry === 'LinePlot') { r.type = 'scatter'; if (r.dotVisible === true) { delete r.dotVisible; r.mode = 'lines+markers'; } else r.mode = 'lines'; } else if (r.geometry === 'DotPlot') { r.type = 'scatter'; r.mode = 'markers'; } else if (r.geometry === 'AreaChart') r.type = 'area'; else if (r.geometry === 'BarChart') r.type = 'bar'; delete r.geometry; } return r; }); if (!reverse && _inputConfig.layout && _inputConfig.layout.barmode === 'stack') { var duplicates = µ.util.duplicates(outputConfig.data.map(function(d, i) { return d.geometry; })); outputConfig.data.forEach(function(d, i) { var idx = duplicates.indexOf(d.geometry); if (idx != -1) outputConfig.data[i].groupId = idx; }); } } if (_inputConfig.layout) { var r = extendDeepAll({}, _inputConfig.layout); var toTranslate = [ [ r, [ 'plot_bgcolor' ], [ 'backgroundColor' ] ], [ r, [ 'showlegend' ], [ 'showLegend' ] ], [ r, [ 'radialaxis' ], [ 'radialAxis' ] ], [ r, [ 'angularaxis' ], [ 'angularAxis' ] ], [ r.angularaxis, [ 'showline' ], [ 'gridLinesVisible' ] ], [ r.angularaxis, [ 'showticklabels' ], [ 'labelsVisible' ] ], [ r.angularaxis, [ 'nticks' ], [ 'ticksCount' ] ], [ r.angularaxis, [ 'tickorientation' ], [ 'tickOrientation' ] ], [ r.angularaxis, [ 'ticksuffix' ], [ 'ticksSuffix' ] ], [ r.angularaxis, [ 'range' ], [ 'domain' ] ], [ r.angularaxis, [ 'endpadding' ], [ 'endPadding' ] ], [ r.radialaxis, [ 'showline' ], [ 'gridLinesVisible' ] ], [ r.radialaxis, [ 'tickorientation' ], [ 'tickOrientation' ] ], [ r.radialaxis, [ 'ticksuffix' ], [ 'ticksSuffix' ] ], [ r.radialaxis, [ 'range' ], [ 'domain' ] ], [ r.angularAxis, [ 'showline' ], [ 'gridLinesVisible' ] ], [ r.angularAxis, [ 'showticklabels' ], [ 'labelsVisible' ] ], [ r.angularAxis, [ 'nticks' ], [ 'ticksCount' ] ], [ r.angularAxis, [ 'tickorientation' ], [ 'tickOrientation' ] ], [ r.angularAxis, [ 'ticksuffix' ], [ 'ticksSuffix' ] ], [ r.angularAxis, [ 'range' ], [ 'domain' ] ], [ r.angularAxis, [ 'endpadding' ], [ 'endPadding' ] ], [ r.radialAxis, [ 'showline' ], [ 'gridLinesVisible' ] ], [ r.radialAxis, [ 'tickorientation' ], [ 'tickOrientation' ] ], [ r.radialAxis, [ 'ticksuffix' ], [ 'ticksSuffix' ] ], [ r.radialAxis, [ 'range' ], [ 'domain' ] ], [ r.font, [ 'outlinecolor' ], [ 'outlineColor' ] ], [ r.legend, [ 'traceorder' ], [ 'reverseOrder' ] ], [ r, [ 'labeloffset' ], [ 'labelOffset' ] ], [ r, [ 'defaultcolorrange' ], [ 'defaultColorRange' ] ] ]; toTranslate.forEach(function(d, i) { µ.util.translator.apply(null, d.concat(reverse)); }); if (!reverse) { if (r.angularAxis && typeof r.angularAxis.ticklen !== 'undefined') r.tickLength = r.angularAxis.ticklen; if (r.angularAxis && typeof r.angularAxis.tickcolor !== 'undefined') r.tickColor = r.angularAxis.tickcolor; } else { if (typeof r.tickLength !== 'undefined') { r.angularaxis.ticklen = r.tickLength; delete r.tickLength; } if (r.tickColor) { r.angularaxis.tickcolor = r.tickColor; delete r.tickColor; } } if (r.legend && typeof r.legend.reverseOrder != 'boolean') { r.legend.reverseOrder = r.legend.reverseOrder != 'normal'; } if (r.legend && typeof r.legend.traceorder == 'boolean') { r.legend.traceorder = r.legend.traceorder ? 'reversed' : 'normal'; delete r.legend.reverseOrder; } if (r.margin && typeof r.margin.t != 'undefined') { var source = [ 't', 'r', 'b', 'l', 'pad' ]; var target = [ 'top', 'right', 'bottom', 'left', 'pad' ]; var margin = {}; d3.entries(r.margin).forEach(function(dB, iB) { margin[target[source.indexOf(dB.key)]] = dB.value; }); r.margin = margin; } if (reverse) { delete r.needsEndSpacing; delete r.minorTickColor; delete r.minorTicks; delete r.angularaxis.ticksCount; delete r.angularaxis.ticksCount; delete r.angularaxis.ticksStep; delete r.angularaxis.rewriteTicks; delete r.angularaxis.nticks; delete r.radialaxis.ticksCount; delete r.radialaxis.ticksCount; delete r.radialaxis.ticksStep; delete r.radialaxis.rewriteTicks; delete r.radialaxis.nticks; } outputConfig.layout = r; } return outputConfig; }; return exports; }; },{"../../constants/alignment":130,"../../lib":147,"d3":7}],217:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ /* eslint-disable new-cap */ 'use strict'; var d3 = require('d3'); var Lib = require('../../lib'); var Color = require('../../components/color'); var micropolar = require('./micropolar'); var UndoManager = require('./undo_manager'); var extendDeepAll = Lib.extendDeepAll; var manager = module.exports = {}; manager.framework = function(_gd) { var config, previousConfigClone, plot, convertedInput, container; var undoManager = new UndoManager(); function exports(_inputConfig, _container) { if(_container) container = _container; d3.select(d3.select(container).node().parentNode).selectAll('.svg-container>*:not(.chart-root)').remove(); config = (!config) ? _inputConfig : extendDeepAll(config, _inputConfig); if(!plot) plot = micropolar.Axis(); convertedInput = micropolar.adapter.plotly().convert(config); plot.config(convertedInput).render(container); _gd.data = config.data; _gd.layout = config.layout; manager.fillLayout(_gd); return config; } exports.isPolar = true; exports.svg = function() { return plot.svg(); }; exports.getConfig = function() { return config; }; exports.getLiveConfig = function() { return micropolar.adapter.plotly().convert(plot.getLiveConfig(), true); }; exports.getLiveScales = function() { return {t: plot.angularScale(), r: plot.radialScale()}; }; exports.setUndoPoint = function() { var that = this; var configClone = micropolar.util.cloneJson(config); (function(_configClone, _previousConfigClone) { undoManager.add({ undo: function() { if(_previousConfigClone) that(_previousConfigClone); }, redo: function() { that(_configClone); } }); })(configClone, previousConfigClone); previousConfigClone = micropolar.util.cloneJson(configClone); }; exports.undo = function() { undoManager.undo(); }; exports.redo = function() { undoManager.redo(); }; return exports; }; manager.fillLayout = function(_gd) { var container = d3.select(_gd).selectAll('.plot-container'), paperDiv = container.selectAll('.svg-container'), paper = _gd.framework && _gd.framework.svg && _gd.framework.svg(), dflts = { width: 800, height: 600, paper_bgcolor: Color.background, _container: container, _paperdiv: paperDiv, _paper: paper }; _gd._fullLayout = extendDeepAll(dflts, _gd.layout); }; },{"../../components/color":34,"../../lib":147,"./micropolar":216,"./undo_manager":218,"d3":7}],218:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // Modified from https://github.com/ArthurClemens/Javascript-Undo-Manager // Copyright (c) 2010-2013 Arthur Clemens, arthur@visiblearea.com module.exports = function UndoManager() { var undoCommands = [], index = -1, isExecuting = false, callback; function execute(command, action) { if(!command) return this; isExecuting = true; command[action](); isExecuting = false; return this; } return { add: function(command) { if(isExecuting) return this; undoCommands.splice(index + 1, undoCommands.length - index); undoCommands.push(command); index = undoCommands.length - 1; return this; }, setCallback: function(callbackFunc) { callback = callbackFunc; }, undo: function() { var command = undoCommands[index]; if(!command) return this; execute(command, 'undo'); index -= 1; if(callback) callback(command.undo); return this; }, redo: function() { var command = undoCommands[index + 1]; if(!command) return this; execute(command, 'redo'); index += 1; if(callback) callback(command.redo); return this; }, clear: function() { undoCommands = []; index = -1; }, hasUndo: function() { return index !== -1; }, hasRedo: function() { return index < (undoCommands.length - 1); }, getCommands: function() { return undoCommands; }, getPreviousCommand: function() { return undoCommands[index - 1]; }, getIndex: function() { return index; } }; }; },{}],219:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Loggers = require('./lib/loggers'); var noop = require('./lib/noop'); var pushUnique = require('./lib/push_unique'); var basePlotAttributes = require('./plots/attributes'); exports.modules = {}; exports.allCategories = {}; exports.allTypes = []; exports.subplotsRegistry = {}; exports.transformsRegistry = {}; exports.componentsRegistry = {}; exports.layoutArrayContainers = []; exports.layoutArrayRegexes = []; /** * register a module as the handler for a trace type * * @param {object} _module the module that will handle plotting this trace type * @param {string} thisType * @param {array of strings} categoriesIn all the categories this type is in, * tested by calls: traceIs(trace, oneCategory) * @param {object} meta meta information about the trace type */ exports.register = function(_module, thisType, categoriesIn, meta) { if(exports.modules[thisType]) { Loggers.log('Type ' + thisType + ' already registered'); return; } var categoryObj = {}; for(var i = 0; i < categoriesIn.length; i++) { categoryObj[categoriesIn[i]] = true; exports.allCategories[categoriesIn[i]] = true; } exports.modules[thisType] = { _module: _module, categories: categoryObj }; if(meta && Object.keys(meta).length) { exports.modules[thisType].meta = meta; } exports.allTypes.push(thisType); }; /** * register a subplot type * * @param {object} _module subplot module: * * @param {string or array of strings} attr * attribute name in traces and layout * @param {string or array of strings} idRoot * root of id (setting the possible value for attrName) * @param {object} attributes * attribute(s) for traces of this subplot type * * In trace objects `attr` is the object key taking a valid `id` as value * (the set of all valid ids is generated below and stored in idRegex). * * In the layout object, a or several valid `attr` name(s) can be keys linked * to a nested attribute objects * (the set of all valid attr names is generated below and stored in attrRegex). */ exports.registerSubplot = function(_module) { var plotType = _module.name; if(exports.subplotsRegistry[plotType]) { Loggers.log('Plot type ' + plotType + ' already registered.'); return; } // relayout array handling will look for component module methods with this // name and won't find them because this is a subplot module... but that // should be fine, it will just fall back on redrawing the plot. findArrayRegexps(_module); // not sure what's best for the 'cartesian' type at this point exports.subplotsRegistry[plotType] = _module; }; exports.registerComponent = function(_module) { var name = _module.name; exports.componentsRegistry[name] = _module; if(_module.layoutAttributes) { if(_module.layoutAttributes._isLinkedToArray) { pushUnique(exports.layoutArrayContainers, name); } findArrayRegexps(_module); } }; function findArrayRegexps(_module) { if(_module.layoutAttributes) { var arrayAttrRegexps = _module.layoutAttributes._arrayAttrRegexps; if(arrayAttrRegexps) { for(var i = 0; i < arrayAttrRegexps.length; i++) { pushUnique(exports.layoutArrayRegexes, arrayAttrRegexps[i]); } } } } /** * Get registered module using trace object or trace type * * @param {object||string} trace * trace object with prop 'type' or trace type as a string * @return {object} * module object corresponding to trace type */ exports.getModule = function(trace) { if(trace.r !== undefined) { Loggers.warn('Tried to put a polar trace ' + 'on an incompatible graph of cartesian ' + 'data. Ignoring this dataset.', trace ); return false; } var _module = exports.modules[getTraceType(trace)]; if(!_module) return false; return _module._module; }; /** * Determine if this trace type is in a given category * * @param {object||string} traceType * a trace (object) or trace type (string) * @param {string} category * category in question * @return {boolean} */ exports.traceIs = function(traceType, category) { traceType = getTraceType(traceType); // old plot.ly workspace hack, nothing to see here if(traceType === 'various') return false; var _module = exports.modules[traceType]; if(!_module) { if(traceType && traceType !== 'area') { Loggers.log('Unrecognized trace type ' + traceType + '.'); } _module = exports.modules[basePlotAttributes.type.dflt]; } return !!_module.categories[category]; }; /** * Retrieve component module method. Falls back on noop if either the * module or the method is missing, so the result can always be safely called * * @param {string} name * name of component (as declared in component module) * @param {string} method * name of component module method * @return {function} */ exports.getComponentMethod = function(name, method) { var _module = exports.componentsRegistry[name]; if(!_module) return noop; return _module[method] || noop; }; function getTraceType(traceType) { if(typeof traceType === 'object') traceType = traceType.type; return traceType; } },{"./lib/loggers":150,"./lib/noop":154,"./lib/push_unique":158,"./plots/attributes":181}],220:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../lib'); var Plots = require('../plots/plots'); var extendFlat = Lib.extendFlat; var extendDeep = Lib.extendDeep; // Put default plotTile layouts here function cloneLayoutOverride(tileClass) { var override; switch(tileClass) { case 'themes__thumb': override = { autosize: true, width: 150, height: 150, title: '', showlegend: false, margin: {l: 5, r: 5, t: 5, b: 5, pad: 0}, annotations: [] }; break; case 'thumbnail': override = { title: '', hidesources: true, showlegend: false, borderwidth: 0, bordercolor: '', margin: {l: 1, r: 1, t: 1, b: 1, pad: 0}, annotations: [] }; break; default: override = {}; } return override; } function keyIsAxis(keyName) { var types = ['xaxis', 'yaxis', 'zaxis']; return (types.indexOf(keyName.slice(0, 5)) > -1); } module.exports = function clonePlot(graphObj, options) { // Polar plot compatibility if(graphObj.framework && graphObj.framework.isPolar) { graphObj = graphObj.framework.getConfig(); } var i; var oldData = graphObj.data; var oldLayout = graphObj.layout; var newData = extendDeep([], oldData); var newLayout = extendDeep({}, oldLayout, cloneLayoutOverride(options.tileClass)); var context = graphObj._context || {}; if(options.width) newLayout.width = options.width; if(options.height) newLayout.height = options.height; if(options.tileClass === 'thumbnail' || options.tileClass === 'themes__thumb') { // kill annotations newLayout.annotations = []; var keys = Object.keys(newLayout); for(i = 0; i < keys.length; i++) { if(keyIsAxis(keys[i])) { newLayout[keys[i]].title = ''; } } // kill colorbar and pie labels for(i = 0; i < newData.length; i++) { var trace = newData[i]; trace.showscale = false; if(trace.marker) trace.marker.showscale = false; if(trace.type === 'pie') trace.textposition = 'none'; } } if(Array.isArray(options.annotations)) { for(i = 0; i < options.annotations.length; i++) { newLayout.annotations.push(options.annotations[i]); } } var sceneIds = Plots.getSubplotIds(newLayout, 'gl3d'); if(sceneIds.length) { var axesImageOverride = {}; if(options.tileClass === 'thumbnail') { axesImageOverride = { title: '', showaxeslabels: false, showticklabels: false, linetickenable: false }; } for(i = 0; i < sceneIds.length; i++) { var scene = newLayout[sceneIds[i]]; if(!scene.xaxis) { scene.xaxis = {}; } if(!scene.yaxis) { scene.yaxis = {}; } if(!scene.zaxis) { scene.zaxis = {}; } extendFlat(scene.xaxis, axesImageOverride); extendFlat(scene.yaxis, axesImageOverride); extendFlat(scene.zaxis, axesImageOverride); // TODO what does this do? scene._scene = null; } } var gd = document.createElement('div'); if(options.tileClass) gd.className = options.tileClass; var plotTile = { gd: gd, td: gd, // for external (image server) compatibility layout: newLayout, data: newData, config: { staticPlot: (options.staticPlot === undefined) ? true : options.staticPlot, plotGlPixelRatio: (options.plotGlPixelRatio === undefined) ? 2 : options.plotGlPixelRatio, displaylogo: options.displaylogo || false, showLink: options.showLink || false, showTips: options.showTips || false, mapboxAccessToken: context.mapboxAccessToken } }; if(options.setBackground !== 'transparent') { plotTile.config.setBackground = options.setBackground || 'opaque'; } // attaching the default Layout the gd, so you can grab it later plotTile.gd.defaultLayout = cloneLayoutOverride(options.tileClass); return plotTile; }; },{"../lib":147,"../plots/plots":212}],221:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var toImage = require('../plot_api/to_image'); var Lib = require('../lib'); // for isIE var fileSaver = require('./filesaver'); /** * @param {object} gd figure Object * @param {object} opts option object * @param opts.format 'jpeg' | 'png' | 'webp' | 'svg' * @param opts.width width of snapshot in px * @param opts.height height of snapshot in px * @param opts.filename name of file excluding extension */ function downloadImage(gd, opts) { // check for undefined opts opts = opts || {}; // default to png opts.format = opts.format || 'png'; return new Promise(function(resolve, reject) { if(gd._snapshotInProgress) { reject(new Error('Snapshotting already in progress.')); } // see comments within svgtoimg for additional // discussion of problems with IE // can now draw to canvas, but CORS tainted canvas // does not allow toDataURL // svg format will work though if(Lib.isIE() && opts.format !== 'svg') { reject(new Error('Sorry IE does not support downloading from canvas. Try {format:\'svg\'} instead.')); } gd._snapshotInProgress = true; var promise = toImage(gd, opts); var filename = opts.filename || gd.fn || 'newplot'; filename += '.' + opts.format; promise.then(function(result) { gd._snapshotInProgress = false; return fileSaver(result, filename); }).then(function(name) { resolve(name); }).catch(function(err) { gd._snapshotInProgress = false; reject(err); }); }); } module.exports = downloadImage; },{"../lib":147,"../plot_api/to_image":176,"./filesaver":222}],222:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ /* * substantial portions of this code from FileSaver.js * https://github.com/eligrey/FileSaver.js * License: https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md * FileSaver.js * A saveAs() FileSaver implementation. * 1.1.20160328 * * By Eli Grey, http://eligrey.com * License: MIT * See https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md */ 'use strict'; var fileSaver = function(url, name) { var saveLink = document.createElement('a'); var canUseSaveLink = 'download' in saveLink; var isSafari = /Version\/[\d\.]+.*Safari/.test(navigator.userAgent); var promise = new Promise(function(resolve, reject) { // IE <10 is explicitly unsupported if(typeof navigator !== 'undefined' && /MSIE [1-9]\./.test(navigator.userAgent)) { reject(new Error('IE < 10 unsupported')); } // First try a.download, then web filesystem, then object URLs if(isSafari) { // Safari doesn't allow downloading of blob urls document.location.href = 'data:application/octet-stream' + url.slice(url.search(/[,;]/)); resolve(name); } if(!name) { name = 'download'; } if(canUseSaveLink) { saveLink.href = url; saveLink.download = name; document.body.appendChild(saveLink); saveLink.click(); document.body.removeChild(saveLink); resolve(name); } // IE 10+ (native saveAs) if(typeof navigator !== 'undefined' && navigator.msSaveBlob) { navigator.msSaveBlob(new Blob([url]), name); resolve(name); } reject(new Error('download error')); }); return promise; }; module.exports = fileSaver; },{}],223:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; exports.getDelay = function(fullLayout) { // polar clears fullLayout._has for some reason if(!fullLayout._has) return 0; // maybe we should add a 'gl' (and 'svg') layoutCategory ?? return (fullLayout._has('gl3d') || fullLayout._has('gl2d')) ? 500 : 0; }; exports.getRedrawFunc = function(gd) { // do not work if polar is present if((gd.data && gd.data[0] && gd.data[0].r)) return; return function() { (gd.calcdata || []).forEach(function(d) { if(d[0] && d[0].t && d[0].t.cb) d[0].t.cb(); }); }; }; },{}],224:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var helpers = require('./helpers'); var Snapshot = { getDelay: helpers.getDelay, getRedrawFunc: helpers.getRedrawFunc, clone: require('./cloneplot'), toSVG: require('./tosvg'), svgToImg: require('./svgtoimg'), toImage: require('./toimage'), downloadImage: require('./download') }; module.exports = Snapshot; },{"./cloneplot":220,"./download":221,"./helpers":223,"./svgtoimg":225,"./toimage":226,"./tosvg":227}],225:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../lib'); var EventEmitter = require('events').EventEmitter; function svgToImg(opts) { var ev = opts.emitter || new EventEmitter(); var promise = new Promise(function(resolve, reject) { var Image = window.Image; var svg = opts.svg; var format = opts.format || 'png'; // IE is very strict, so we will need to clean // svg with the following regex // yes this is messy, but do not know a better way // Even with this IE will not work due to tainted canvas // see https://github.com/kangax/fabric.js/issues/1957 // http://stackoverflow.com/questions/18112047/canvas-todataurl-working-in-all-browsers-except-ie10 // Leave here just in case the CORS/tainted IE issue gets resolved if(Lib.isIE()) { // replace double quote with single quote svg = svg.replace(/"/gi, '\''); // url in svg are single quoted // since we changed double to single // we'll need to change these to double-quoted svg = svg.replace(/(\('#)([^']*)('\))/gi, '(\"$2\")'); // font names with spaces will be escaped single-quoted // we'll need to change these to double-quoted svg = svg.replace(/(\\')/gi, '\"'); // IE only support svg if(format !== 'svg') { var ieSvgError = new Error('Sorry IE does not support downloading from canvas. Try {format:\'svg\'} instead.'); reject(ieSvgError); // eventually remove the ev // in favor of promises if(!opts.promise) { return ev.emit('error', ieSvgError); } else { return promise; } } } var canvas = opts.canvas; var ctx = canvas.getContext('2d'); var img = new Image(); // for Safari support, eliminate createObjectURL // this decision could cause problems if content // is not restricted to svg var url = 'data:image/svg+xml,' + encodeURIComponent(svg); canvas.height = opts.height || 150; canvas.width = opts.width || 300; img.onload = function() { var imgData; // don't need to draw to canvas if svg // save some time and also avoid failure on IE if(format !== 'svg') { ctx.drawImage(img, 0, 0); } switch(format) { case 'jpeg': imgData = canvas.toDataURL('image/jpeg'); break; case 'png': imgData = canvas.toDataURL('image/png'); break; case 'webp': imgData = canvas.toDataURL('image/webp'); break; case 'svg': imgData = url; break; default: reject(new Error('Image format is not jpeg, png or svg')); // eventually remove the ev // in favor of promises if(!opts.promise) { return ev.emit('error', 'Image format is not jpeg, png or svg'); } } resolve(imgData); // eventually remove the ev // in favor of promises if(!opts.promise) { ev.emit('success', imgData); } }; img.onerror = function(err) { reject(err); // eventually remove the ev // in favor of promises if(!opts.promise) { return ev.emit('error', err); } }; img.src = url; }); // temporary for backward compatibility // move to only Promise in 2.0.0 // and eliminate the EventEmitter if(opts.promise) { return promise; } return ev; } module.exports = svgToImg; },{"../lib":147,"events":9}],226:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var EventEmitter = require('events').EventEmitter; var Plotly = require('../plotly'); var Lib = require('../lib'); var helpers = require('./helpers'); var clonePlot = require('./cloneplot'); var toSVG = require('./tosvg'); var svgToImg = require('./svgtoimg'); /** * @param {object} gd figure Object * @param {object} opts option object * @param opts.format 'jpeg' | 'png' | 'webp' | 'svg' */ function toImage(gd, opts) { // first clone the GD so we can operate in a clean environment var ev = new EventEmitter(); var clone = clonePlot(gd, {format: 'png'}); var clonedGd = clone.gd; // put the cloned div somewhere off screen before attaching to DOM clonedGd.style.position = 'absolute'; clonedGd.style.left = '-5000px'; document.body.appendChild(clonedGd); function wait() { var delay = helpers.getDelay(clonedGd._fullLayout); setTimeout(function() { var svg = toSVG(clonedGd); var canvas = document.createElement('canvas'); canvas.id = Lib.randstr(); ev = svgToImg({ format: opts.format, width: clonedGd._fullLayout.width, height: clonedGd._fullLayout.height, canvas: canvas, emitter: ev, svg: svg }); ev.clean = function() { if(clonedGd) document.body.removeChild(clonedGd); }; }, delay); } var redrawFunc = helpers.getRedrawFunc(clonedGd); Plotly.plot(clonedGd, clone.data, clone.layout, clone.config) .then(redrawFunc) .then(wait) .catch(function(err) { ev.emit('error', err); }); return ev; } module.exports = toImage; },{"../lib":147,"../plotly":178,"./cloneplot":220,"./helpers":223,"./svgtoimg":225,"./tosvg":227,"events":9}],227:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Drawing = require('../components/drawing'); var Color = require('../components/color'); var xmlnsNamespaces = require('../constants/xmlns_namespaces'); var DOUBLEQUOTE_REGEX = /"/g; var DUMMY_SUB = 'TOBESTRIPPED'; var DUMMY_REGEX = new RegExp('("' + DUMMY_SUB + ')|(' + DUMMY_SUB + '")', 'g'); function htmlEntityDecode(s) { var hiddenDiv = d3.select('body').append('div').style({display: 'none'}).html(''); var replaced = s.replace(/(&[^;]*;)/gi, function(d) { if(d === '<') { return '<'; } // special handling for brackets if(d === '&rt;') { return '>'; } if(d.indexOf('<') !== -1 || d.indexOf('>') !== -1) { return ''; } return hiddenDiv.html(d).text(); // everything else, let the browser decode it to unicode }); hiddenDiv.remove(); return replaced; } function xmlEntityEncode(str) { return str.replace(/&(?!\w+;|\#[0-9]+;| \#x[0-9A-F]+;)/g, '&'); } module.exports = function toSVG(gd, format) { var fullLayout = gd._fullLayout, svg = fullLayout._paper, toppaper = fullLayout._toppaper, i; // make background color a rect in the svg, then revert after scraping // all other alterations have been dealt with by properly preparing the svg // in the first place... like setting cursors with css classes so we don't // have to remove them, and providing the right namespaces in the svg to // begin with svg.insert('rect', ':first-child') .call(Drawing.setRect, 0, 0, fullLayout.width, fullLayout.height) .call(Color.fill, fullLayout.paper_bgcolor); // subplot-specific to-SVG methods // which notably add the contents of the gl-container // into the main svg node var basePlotModules = fullLayout._basePlotModules || []; for(i = 0; i < basePlotModules.length; i++) { var _module = basePlotModules[i]; if(_module.toSVG) _module.toSVG(gd); } // add top items above them assumes everything in toppaper is either // a group or a defs, and if it's empty (like hoverlayer) we can ignore it. if(toppaper) { var nodes = toppaper.node().childNodes; // make copy of nodes as childNodes prop gets mutated in loop below var topGroups = Array.prototype.slice.call(nodes); for(i = 0; i < topGroups.length; i++) { var topGroup = topGroups[i]; if(topGroup.childNodes.length) svg.node().appendChild(topGroup); } } // remove draglayer for Adobe Illustrator compatibility if(fullLayout._draggers) { fullLayout._draggers.remove(); } // in case the svg element had an explicit background color, remove this // we want the rect to get the color so it's the right size; svg bg will // fill whatever container it's displayed in regardless of plot size. svg.node().style.background = ''; svg.selectAll('text') .attr({'data-unformatted': null, 'data-math': null}) .each(function() { var txt = d3.select(this); // hidden text is pre-formatting mathjax, the browser ignores it // but in a static plot it's useless and it can confuse batik // we've tried to standardize on display:none but make sure we still // catch visibility:hidden if it ever arises if(txt.style('visibility') === 'hidden' || txt.style('display') === 'none') { txt.remove(); return; } else { // clear other visibility/display values to default // to not potentially confuse non-browser SVG implementations txt.style({visibility: null, display: null}); } // Font family styles break things because of quotation marks, // so we must remove them *after* the SVG DOM has been serialized // to a string (browsers convert singles back) var ff = txt.style('font-family'); if(ff && ff.indexOf('"') !== -1) { txt.style('font-family', ff.replace(DOUBLEQUOTE_REGEX, DUMMY_SUB)); } }); svg.selectAll('.point').each(function() { var pt = d3.select(this); var fill = pt.style('fill'); // similar to font family styles above, // we must remove " after the SVG DOM has been serialized if(fill && fill.indexOf('url(') !== -1) { pt.style('fill', fill.replace(DOUBLEQUOTE_REGEX, DUMMY_SUB)); } }); if(format === 'pdf' || format === 'eps') { // these formats make the extra line MathJax adds around symbols look super thick in some cases // it looks better if this is removed entirely. svg.selectAll('#MathJax_SVG_glyphs path') .attr('stroke-width', 0); } // fix for IE namespacing quirk? // http://stackoverflow.com/questions/19610089/unwanted-namespaces-on-svg-markup-when-using-xmlserializer-in-javascript-with-ie svg.node().setAttributeNS(xmlnsNamespaces.xmlns, 'xmlns', xmlnsNamespaces.svg); svg.node().setAttributeNS(xmlnsNamespaces.xmlns, 'xmlns:xlink', xmlnsNamespaces.xlink); var s = new window.XMLSerializer().serializeToString(svg.node()); s = htmlEntityDecode(s); s = xmlEntityEncode(s); // Fix quotations around font strings and gradient URLs s = s.replace(DUMMY_REGEX, '\''); return s; }; },{"../components/color":34,"../components/drawing":58,"../constants/xmlns_namespaces":134,"d3":7}],228:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var mergeArray = require('../../lib').mergeArray; // arrayOk attributes, merge them into calcdata array module.exports = function arraysToCalcdata(cd, trace) { mergeArray(trace.text, cd, 'tx'); mergeArray(trace.hovertext, cd, 'htx'); var marker = trace.marker; if(marker) { mergeArray(marker.opacity, cd, 'mo'); mergeArray(marker.color, cd, 'mc'); var markerLine = marker.line; if(markerLine) { mergeArray(markerLine.color, cd, 'mlc'); mergeArray(markerLine.width, cd, 'mlw'); } } }; },{"../../lib":147}],229:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var scatterAttrs = require('../scatter/attributes'); var colorAttributes = require('../../components/colorscale/color_attributes'); var errorBarAttrs = require('../../components/errorbars/attributes'); var colorbarAttrs = require('../../components/colorbar/attributes'); var fontAttrs = require('../../plots/font_attributes'); var extendFlat = require('../../lib/extend').extendFlat; var extendDeep = require('../../lib/extend').extendDeep; var textFontAttrs = extendDeep({}, fontAttrs); textFontAttrs.family.arrayOk = true; textFontAttrs.size.arrayOk = true; textFontAttrs.color.arrayOk = true; var scatterMarkerAttrs = scatterAttrs.marker; var scatterMarkerLineAttrs = scatterMarkerAttrs.line; var markerLineWidth = extendFlat({}, scatterMarkerLineAttrs.width, { dflt: 0 }); var markerLine = extendFlat({}, { width: markerLineWidth }, colorAttributes('marker.line')); var marker = extendFlat({}, { line: markerLine }, colorAttributes('marker'), { showscale: scatterMarkerAttrs.showscale, colorbar: colorbarAttrs }); module.exports = { x: scatterAttrs.x, x0: scatterAttrs.x0, dx: scatterAttrs.dx, y: scatterAttrs.y, y0: scatterAttrs.y0, dy: scatterAttrs.dy, text: scatterAttrs.text, hovertext: scatterAttrs.hovertext, textposition: { valType: 'enumerated', values: ['inside', 'outside', 'auto', 'none'], dflt: 'none', arrayOk: true, }, textfont: extendFlat({}, textFontAttrs, { }), insidetextfont: extendFlat({}, textFontAttrs, { }), outsidetextfont: extendFlat({}, textFontAttrs, { }), orientation: { valType: 'enumerated', values: ['v', 'h'], }, base: { valType: 'any', dflt: null, arrayOk: true, }, offset: { valType: 'number', dflt: null, arrayOk: true, }, width: { valType: 'number', dflt: null, min: 0, arrayOk: true, }, marker: marker, r: scatterAttrs.r, t: scatterAttrs.t, error_y: errorBarAttrs, error_x: errorBarAttrs, _deprecated: { bardir: { valType: 'enumerated', values: ['v', 'h'], } } }; },{"../../components/colorbar/attributes":35,"../../components/colorscale/color_attributes":41,"../../components/errorbars/attributes":60,"../../lib/extend":142,"../../plots/font_attributes":207,"../scatter/attributes":253}],230:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var Axes = require('../../plots/cartesian/axes'); var hasColorscale = require('../../components/colorscale/has_colorscale'); var colorscaleCalc = require('../../components/colorscale/calc'); var arraysToCalcdata = require('./arrays_to_calcdata'); module.exports = function calc(gd, trace) { // depending on bar direction, set position and size axes // and data ranges // note: this logic for choosing orientation is // duplicated in graph_obj->setstyles var xa = Axes.getFromId(gd, trace.xaxis || 'x'), ya = Axes.getFromId(gd, trace.yaxis || 'y'), orientation = trace.orientation || ((trace.x && !trace.y) ? 'h' : 'v'), sa, pos, size, i, scalendar; if(orientation === 'h') { sa = xa; size = xa.makeCalcdata(trace, 'x'); pos = ya.makeCalcdata(trace, 'y'); // not sure if it really makes sense to have dates for bar size data... // ideally if we want to make gantt charts or something we'd treat // the actual size (trace.x or y) as time delta but base as absolute // time. But included here for completeness. scalendar = trace.xcalendar; } else { sa = ya; size = ya.makeCalcdata(trace, 'y'); pos = xa.makeCalcdata(trace, 'x'); scalendar = trace.ycalendar; } // create the "calculated data" to plot var serieslen = Math.min(pos.length, size.length), cd = new Array(serieslen); // set position and size for(i = 0; i < serieslen; i++) { cd[i] = { p: pos[i], s: size[i] }; } // set base var base = trace.base, b; if(Array.isArray(base)) { for(i = 0; i < Math.min(base.length, cd.length); i++) { b = sa.d2c(base[i], 0, scalendar); cd[i].b = (isNumeric(b)) ? b : 0; } for(; i < cd.length; i++) { cd[i].b = 0; } } else { b = sa.d2c(base, 0, scalendar); b = (isNumeric(b)) ? b : 0; for(i = 0; i < cd.length; i++) { cd[i].b = b; } } // auto-z and autocolorscale if applicable if(hasColorscale(trace, 'marker')) { colorscaleCalc(trace, trace.marker.color, 'marker', 'c'); } if(hasColorscale(trace, 'marker.line')) { colorscaleCalc(trace, trace.marker.line.color, 'marker.line', 'c'); } arraysToCalcdata(cd, trace); return cd; }; },{"../../components/colorscale/calc":40,"../../components/colorscale/has_colorscale":47,"../../plots/cartesian/axes":183,"./arrays_to_calcdata":228,"fast-isnumeric":10}],231:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var Color = require('../../components/color'); var handleXYDefaults = require('../scatter/xy_defaults'); var handleStyleDefaults = require('../bar/style_defaults'); var errorBarsSupplyDefaults = require('../../components/errorbars/defaults'); var attributes = require('./attributes'); module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) { function coerce(attr, dflt) { return Lib.coerce(traceIn, traceOut, attributes, attr, dflt); } var coerceFont = Lib.coerceFont; var len = handleXYDefaults(traceIn, traceOut, layout, coerce); if(!len) { traceOut.visible = false; return; } coerce('orientation', (traceOut.x && !traceOut.y) ? 'h' : 'v'); coerce('base'); coerce('offset'); coerce('width'); coerce('text'); coerce('hovertext'); var textPosition = coerce('textposition'); var hasBoth = Array.isArray(textPosition) || textPosition === 'auto', hasInside = hasBoth || textPosition === 'inside', hasOutside = hasBoth || textPosition === 'outside'; if(hasInside || hasOutside) { var textFont = coerceFont(coerce, 'textfont', layout.font); if(hasInside) coerceFont(coerce, 'insidetextfont', textFont); if(hasOutside) coerceFont(coerce, 'outsidetextfont', textFont); } handleStyleDefaults(traceIn, traceOut, coerce, defaultColor, layout); // override defaultColor for error bars with defaultLine errorBarsSupplyDefaults(traceIn, traceOut, Color.defaultLine, {axis: 'y'}); errorBarsSupplyDefaults(traceIn, traceOut, Color.defaultLine, {axis: 'x', inherit: 'y'}); }; },{"../../components/color":34,"../../components/errorbars/defaults":63,"../../lib":147,"../bar/style_defaults":240,"../scatter/xy_defaults":275,"./attributes":229}],232:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Fx = require('../../components/fx'); var ErrorBars = require('../../components/errorbars'); var Color = require('../../components/color'); module.exports = function hoverPoints(pointData, xval, yval, hovermode) { var cd = pointData.cd; var trace = cd[0].trace; var t = cd[0].t; var xa = pointData.xa; var ya = pointData.ya; var posVal, thisBarMinPos, thisBarMaxPos, minPos, maxPos, dx, dy; var positionFn = function(di) { return Fx.inbox(minPos(di) - posVal, maxPos(di) - posVal); }; if(trace.orientation === 'h') { posVal = yval; thisBarMinPos = function(di) { return di.y - di.w / 2; }; thisBarMaxPos = function(di) { return di.y + di.w / 2; }; dx = function(di) { // add a gradient so hovering near the end of a // bar makes it a little closer match return Fx.inbox(di.b - xval, di.x - xval) + (di.x - xval) / (di.x - di.b); }; dy = positionFn; } else { posVal = xval; thisBarMinPos = function(di) { return di.x - di.w / 2; }; thisBarMaxPos = function(di) { return di.x + di.w / 2; }; dy = function(di) { return Fx.inbox(di.b - yval, di.y - yval) + (di.y - yval) / (di.y - di.b); }; dx = positionFn; } minPos = (hovermode === 'closest') ? thisBarMinPos : function(di) { /* * In compare mode, accept a bar if you're on it *or* its group. * Nearly always it's the group that matters, but in case the bar * was explicitly set wider than its group we'd better accept the * whole bar. */ return Math.min(thisBarMinPos(di), di.p - t.bargroupwidth / 2); }; maxPos = (hovermode === 'closest') ? thisBarMaxPos : function(di) { return Math.max(thisBarMaxPos(di), di.p + t.bargroupwidth / 2); }; var distfn = Fx.getDistanceFunction(hovermode, dx, dy); Fx.getClosest(cd, distfn, pointData); // skip the rest (for this trace) if we didn't find a close point if(pointData.index === false) return; // the closest data point var index = pointData.index, di = cd[index], mc = di.mcc || trace.marker.color, mlc = di.mlcc || trace.marker.line.color, mlw = di.mlw || trace.marker.line.width; if(Color.opacity(mc)) pointData.color = mc; else if(Color.opacity(mlc) && mlw) pointData.color = mlc; var size = (trace.base) ? di.b + di.s : di.s; if(trace.orientation === 'h') { pointData.x0 = pointData.x1 = xa.c2p(di.x, true); pointData.xLabelVal = size; pointData.y0 = ya.c2p(minPos(di), true); pointData.y1 = ya.c2p(maxPos(di), true); pointData.yLabelVal = di.p; } else { pointData.y0 = pointData.y1 = ya.c2p(di.y, true); pointData.yLabelVal = size; pointData.x0 = xa.c2p(minPos(di), true); pointData.x1 = xa.c2p(maxPos(di), true); pointData.xLabelVal = di.p; } if(di.htx) pointData.text = di.htx; else if(trace.hovertext) pointData.text = trace.hovertext; else if(di.tx) pointData.text = di.tx; else if(trace.text) pointData.text = trace.text; ErrorBars.hoverInfo(di, trace, pointData); return [pointData]; }; },{"../../components/color":34,"../../components/errorbars":64,"../../components/fx":75}],233:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Bar = {}; Bar.attributes = require('./attributes'); Bar.layoutAttributes = require('./layout_attributes'); Bar.supplyDefaults = require('./defaults'); Bar.supplyLayoutDefaults = require('./layout_defaults'); Bar.calc = require('./calc'); Bar.setPositions = require('./set_positions'); Bar.colorbar = require('../scatter/colorbar'); Bar.arraysToCalcdata = require('./arrays_to_calcdata'); Bar.plot = require('./plot'); Bar.style = require('./style'); Bar.hoverPoints = require('./hover'); Bar.moduleType = 'trace'; Bar.name = 'bar'; Bar.basePlotModule = require('../../plots/cartesian'); Bar.categories = ['cartesian', 'bar', 'oriented', 'markerColorscale', 'errorBarsOK', 'showLegend']; Bar.meta = { }; module.exports = Bar; },{"../../plots/cartesian":193,"../scatter/colorbar":256,"./arrays_to_calcdata":228,"./attributes":229,"./calc":230,"./defaults":231,"./hover":232,"./layout_attributes":234,"./layout_defaults":235,"./plot":236,"./set_positions":237,"./style":239}],234:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { barmode: { valType: 'enumerated', values: ['stack', 'group', 'overlay', 'relative'], dflt: 'group', }, barnorm: { valType: 'enumerated', values: ['', 'fraction', 'percent'], dflt: '', }, bargap: { valType: 'number', min: 0, max: 1, }, bargroupgap: { valType: 'number', min: 0, max: 1, dflt: 0, } }; },{}],235:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = require('../../registry'); var Axes = require('../../plots/cartesian/axes'); var Lib = require('../../lib'); var layoutAttributes = require('./layout_attributes'); module.exports = function(layoutIn, layoutOut, fullData) { function coerce(attr, dflt) { return Lib.coerce(layoutIn, layoutOut, layoutAttributes, attr, dflt); } var hasBars = false, shouldBeGapless = false, gappedAnyway = false, usedSubplots = {}; for(var i = 0; i < fullData.length; i++) { var trace = fullData[i]; if(Registry.traceIs(trace, 'bar')) hasBars = true; else continue; // if we have at least 2 grouped bar traces on the same subplot, // we should default to a gap anyway, even if the data is histograms if(layoutIn.barmode !== 'overlay' && layoutIn.barmode !== 'stack') { var subploti = trace.xaxis + trace.yaxis; if(usedSubplots[subploti]) gappedAnyway = true; usedSubplots[subploti] = true; } if(trace.visible && trace.type === 'histogram') { var pa = Axes.getFromId({_fullLayout: layoutOut}, trace[trace.orientation === 'v' ? 'xaxis' : 'yaxis']); if(pa.type !== 'category') shouldBeGapless = true; } } if(!hasBars) return; var mode = coerce('barmode'); if(mode !== 'overlay') coerce('barnorm'); coerce('bargap', (shouldBeGapless && !gappedAnyway) ? 0 : 0.2); coerce('bargroupgap'); }; },{"../../lib":147,"../../plots/cartesian/axes":183,"../../registry":219,"./layout_attributes":234}],236:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var isNumeric = require('fast-isnumeric'); var tinycolor = require('tinycolor2'); var Lib = require('../../lib'); var svgTextUtils = require('../../lib/svg_text_utils'); var Color = require('../../components/color'); var Drawing = require('../../components/drawing'); var ErrorBars = require('../../components/errorbars'); var attributes = require('./attributes'), attributeText = attributes.text, attributeTextPosition = attributes.textposition, attributeTextFont = attributes.textfont, attributeInsideTextFont = attributes.insidetextfont, attributeOutsideTextFont = attributes.outsidetextfont; // padding in pixels around text var TEXTPAD = 3; module.exports = function plot(gd, plotinfo, cdbar) { var xa = plotinfo.xaxis, ya = plotinfo.yaxis, fullLayout = gd._fullLayout; var bartraces = plotinfo.plot.select('.barlayer') .selectAll('g.trace.bars') .data(cdbar); bartraces.enter().append('g') .attr('class', 'trace bars'); bartraces.append('g') .attr('class', 'points') .each(function(d) { var t = d[0].t, trace = d[0].trace, poffset = t.poffset, poffsetIsArray = Array.isArray(poffset); d3.select(this).selectAll('g.point') .data(Lib.identity) .enter().append('g').classed('point', true) .each(function(di, i) { // now display the bar // clipped xf/yf (2nd arg true): non-positive // log values go off-screen by plotwidth // so you see them continue if you drag the plot var p0 = di.p + ((poffsetIsArray) ? poffset[i] : poffset), p1 = p0 + di.w, s0 = di.b, s1 = s0 + di.s; var x0, x1, y0, y1; if(trace.orientation === 'h') { y0 = ya.c2p(p0, true); y1 = ya.c2p(p1, true); x0 = xa.c2p(s0, true); x1 = xa.c2p(s1, true); } else { x0 = xa.c2p(p0, true); x1 = xa.c2p(p1, true); y0 = ya.c2p(s0, true); y1 = ya.c2p(s1, true); } if(!isNumeric(x0) || !isNumeric(x1) || !isNumeric(y0) || !isNumeric(y1) || x0 === x1 || y0 === y1) { d3.select(this).remove(); return; } var lw = (di.mlw + 1 || trace.marker.line.width + 1 || (di.trace ? di.trace.marker.line.width : 0) + 1) - 1, offset = d3.round((lw / 2) % 1, 2); function roundWithLine(v) { // if there are explicit gaps, don't round, // it can make the gaps look crappy return (fullLayout.bargap === 0 && fullLayout.bargroupgap === 0) ? d3.round(Math.round(v) - offset, 2) : v; } function expandToVisible(v, vc) { // if it's not in danger of disappearing entirely, // round more precisely return Math.abs(v - vc) >= 2 ? roundWithLine(v) : // but if it's very thin, expand it so it's // necessarily visible, even if it might overlap // its neighbor (v > vc ? Math.ceil(v) : Math.floor(v)); } if(!gd._context.staticPlot) { // if bars are not fully opaque or they have a line // around them, round to integer pixels, mainly for // safari so we prevent overlaps from its expansive // pixelation. if the bars ARE fully opaque and have // no line, expand to a full pixel to make sure we // can see them var op = Color.opacity(di.mc || trace.marker.color), fixpx = (op < 1 || lw > 0.01) ? roundWithLine : expandToVisible; x0 = fixpx(x0, x1); x1 = fixpx(x1, x0); y0 = fixpx(y0, y1); y1 = fixpx(y1, y0); } // append bar path and text var bar = d3.select(this); bar.append('path') .style('vector-effect', 'non-scaling-stroke') .attr('d', 'M' + x0 + ',' + y0 + 'V' + y1 + 'H' + x1 + 'V' + y0 + 'Z'); appendBarText(gd, bar, d, i, x0, x1, y0, y1); }); }); // error bars are on the top bartraces.call(ErrorBars.plot, plotinfo); }; function appendBarText(gd, bar, calcTrace, i, x0, x1, y0, y1) { function appendTextNode(bar, text, textFont) { var textSelection = bar.append('text') .text(text) .attr({ 'class': 'bartext', transform: '', 'text-anchor': 'middle', // prohibit tex interpretation until we can handle // tex and regular text together 'data-notex': 1 }) .call(Drawing.font, textFont) .call(svgTextUtils.convertToTspans, gd); return textSelection; } // get trace attributes var trace = calcTrace[0].trace, orientation = trace.orientation; var text = getText(trace, i); if(!text) return; var textPosition = getTextPosition(trace, i); if(textPosition === 'none') return; var textFont = getTextFont(trace, i, gd._fullLayout.font), insideTextFont = getInsideTextFont(trace, i, textFont), outsideTextFont = getOutsideTextFont(trace, i, textFont); // compute text position var barmode = gd._fullLayout.barmode, inStackMode = (barmode === 'stack'), inRelativeMode = (barmode === 'relative'), inStackOrRelativeMode = inStackMode || inRelativeMode, calcBar = calcTrace[i], isOutmostBar = !inStackOrRelativeMode || calcBar._outmost, barWidth = Math.abs(x1 - x0) - 2 * TEXTPAD, // padding excluded barHeight = Math.abs(y1 - y0) - 2 * TEXTPAD, // padding excluded textSelection, textBB, textWidth, textHeight; if(textPosition === 'outside') { if(!isOutmostBar) textPosition = 'inside'; } if(textPosition === 'auto') { if(isOutmostBar) { // draw text using insideTextFont and check if it fits inside bar textSelection = appendTextNode(bar, text, insideTextFont); textBB = Drawing.bBox(textSelection.node()), textWidth = textBB.width, textHeight = textBB.height; var textHasSize = (textWidth > 0 && textHeight > 0), fitsInside = (textWidth <= barWidth && textHeight <= barHeight), fitsInsideIfRotated = (textWidth <= barHeight && textHeight <= barWidth), fitsInsideIfShrunk = (orientation === 'h') ? (barWidth >= textWidth * (barHeight / textHeight)) : (barHeight >= textHeight * (barWidth / textWidth)); if(textHasSize && (fitsInside || fitsInsideIfRotated || fitsInsideIfShrunk)) { textPosition = 'inside'; } else { textPosition = 'outside'; textSelection.remove(); textSelection = null; } } else textPosition = 'inside'; } if(!textSelection) { textSelection = appendTextNode(bar, text, (textPosition === 'outside') ? outsideTextFont : insideTextFont); textBB = Drawing.bBox(textSelection.node()), textWidth = textBB.width, textHeight = textBB.height; if(textWidth <= 0 || textHeight <= 0) { textSelection.remove(); return; } } // compute text transform var transform; if(textPosition === 'outside') { transform = getTransformToMoveOutsideBar(x0, x1, y0, y1, textBB, orientation); } else { transform = getTransformToMoveInsideBar(x0, x1, y0, y1, textBB, orientation); } textSelection.attr('transform', transform); } function getTransformToMoveInsideBar(x0, x1, y0, y1, textBB, orientation) { // compute text and target positions var textWidth = textBB.width, textHeight = textBB.height, textX = (textBB.left + textBB.right) / 2, textY = (textBB.top + textBB.bottom) / 2, barWidth = Math.abs(x1 - x0), barHeight = Math.abs(y1 - y0), targetWidth, targetHeight, targetX, targetY; // apply text padding var textpad; if(barWidth > (2 * TEXTPAD) && barHeight > (2 * TEXTPAD)) { textpad = TEXTPAD; barWidth -= 2 * textpad; barHeight -= 2 * textpad; } else textpad = 0; // compute rotation and scale var rotate, scale; if(textWidth <= barWidth && textHeight <= barHeight) { // no scale or rotation is required rotate = false; scale = 1; } else if(textWidth <= barHeight && textHeight <= barWidth) { // only rotation is required rotate = true; scale = 1; } else if((textWidth < textHeight) === (barWidth < barHeight)) { // only scale is required rotate = false; scale = Math.min(barWidth / textWidth, barHeight / textHeight); } else { // both scale and rotation are required rotate = true; scale = Math.min(barHeight / textWidth, barWidth / textHeight); } if(rotate) rotate = 90; // rotate clockwise // compute text and target positions if(rotate) { targetWidth = scale * textHeight; targetHeight = scale * textWidth; } else { targetWidth = scale * textWidth; targetHeight = scale * textHeight; } if(orientation === 'h') { if(x1 < x0) { // bar end is on the left hand side targetX = x1 + textpad + targetWidth / 2; targetY = (y0 + y1) / 2; } else { targetX = x1 - textpad - targetWidth / 2; targetY = (y0 + y1) / 2; } } else { if(y1 > y0) { // bar end is on the bottom targetX = (x0 + x1) / 2; targetY = y1 - textpad - targetHeight / 2; } else { targetX = (x0 + x1) / 2; targetY = y1 + textpad + targetHeight / 2; } } return getTransform(textX, textY, targetX, targetY, scale, rotate); } function getTransformToMoveOutsideBar(x0, x1, y0, y1, textBB, orientation) { var barWidth = (orientation === 'h') ? Math.abs(y1 - y0) : Math.abs(x1 - x0), textpad; // apply text padding if possible if(barWidth > 2 * TEXTPAD) { textpad = TEXTPAD; barWidth -= 2 * textpad; } // compute rotation and scale var rotate = false, scale = (orientation === 'h') ? Math.min(1, barWidth / textBB.height) : Math.min(1, barWidth / textBB.width); // compute text and target positions var textX = (textBB.left + textBB.right) / 2, textY = (textBB.top + textBB.bottom) / 2, targetWidth, targetHeight, targetX, targetY; if(rotate) { targetWidth = scale * textBB.height; targetHeight = scale * textBB.width; } else { targetWidth = scale * textBB.width; targetHeight = scale * textBB.height; } if(orientation === 'h') { if(x1 < x0) { // bar end is on the left hand side targetX = x1 - textpad - targetWidth / 2; targetY = (y0 + y1) / 2; } else { targetX = x1 + textpad + targetWidth / 2; targetY = (y0 + y1) / 2; } } else { if(y1 > y0) { // bar end is on the bottom targetX = (x0 + x1) / 2; targetY = y1 + textpad + targetHeight / 2; } else { targetX = (x0 + x1) / 2; targetY = y1 - textpad - targetHeight / 2; } } return getTransform(textX, textY, targetX, targetY, scale, rotate); } function getTransform(textX, textY, targetX, targetY, scale, rotate) { var transformScale, transformRotate, transformTranslate; if(scale < 1) transformScale = 'scale(' + scale + ') '; else { scale = 1; transformScale = ''; } transformRotate = (rotate) ? 'rotate(' + rotate + ' ' + textX + ' ' + textY + ') ' : ''; // Note that scaling also affects the center of the text box var translateX = (targetX - scale * textX), translateY = (targetY - scale * textY); transformTranslate = 'translate(' + translateX + ' ' + translateY + ')'; return transformTranslate + transformScale + transformRotate; } function getText(trace, index) { var value = getValue(trace.text, index); return coerceString(attributeText, value); } function getTextPosition(trace, index) { var value = getValue(trace.textposition, index); return coerceEnumerated(attributeTextPosition, value); } function getTextFont(trace, index, defaultValue) { return getFontValue( attributeTextFont, trace.textfont, index, defaultValue); } function getInsideTextFont(trace, index, defaultValue) { return getFontValue( attributeInsideTextFont, trace.insidetextfont, index, defaultValue); } function getOutsideTextFont(trace, index, defaultValue) { return getFontValue( attributeOutsideTextFont, trace.outsidetextfont, index, defaultValue); } function getFontValue(attributeDefinition, attributeValue, index, defaultValue) { attributeValue = attributeValue || {}; var familyValue = getValue(attributeValue.family, index), sizeValue = getValue(attributeValue.size, index), colorValue = getValue(attributeValue.color, index); return { family: coerceString( attributeDefinition.family, familyValue, defaultValue.family), size: coerceNumber( attributeDefinition.size, sizeValue, defaultValue.size), color: coerceColor( attributeDefinition.color, colorValue, defaultValue.color) }; } function getValue(arrayOrScalar, index) { var value; if(!Array.isArray(arrayOrScalar)) value = arrayOrScalar; else if(index < arrayOrScalar.length) value = arrayOrScalar[index]; return value; } function coerceString(attributeDefinition, value, defaultValue) { if(typeof value === 'string') { if(value || !attributeDefinition.noBlank) return value; } else if(typeof value === 'number') { if(!attributeDefinition.strict) return String(value); } return (defaultValue !== undefined) ? defaultValue : attributeDefinition.dflt; } function coerceEnumerated(attributeDefinition, value, defaultValue) { if(attributeDefinition.coerceNumber) value = +value; if(attributeDefinition.values.indexOf(value) !== -1) return value; return (defaultValue !== undefined) ? defaultValue : attributeDefinition.dflt; } function coerceNumber(attributeDefinition, value, defaultValue) { if(isNumeric(value)) { value = +value; var min = attributeDefinition.min, max = attributeDefinition.max, isOutOfBounds = (min !== undefined && value < min) || (max !== undefined && value > max); if(!isOutOfBounds) return value; } return (defaultValue !== undefined) ? defaultValue : attributeDefinition.dflt; } function coerceColor(attributeDefinition, value, defaultValue) { if(tinycolor(value).isValid()) return value; return (defaultValue !== undefined) ? defaultValue : attributeDefinition.dflt; } },{"../../components/color":34,"../../components/drawing":58,"../../components/errorbars":64,"../../lib":147,"../../lib/svg_text_utils":164,"./attributes":229,"d3":7,"fast-isnumeric":10,"tinycolor2":16}],237:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var BADNUM = require('../../constants/numerical').BADNUM; var Registry = require('../../registry'); var Axes = require('../../plots/cartesian/axes'); var Sieve = require('./sieve.js'); /* * Bar chart stacking/grouping positioning and autoscaling calculations * for each direction separately calculate the ranges and positions * note that this handles histograms too * now doing this one subplot at a time */ module.exports = function setPositions(gd, plotinfo) { var xa = plotinfo.xaxis, ya = plotinfo.yaxis; var fullTraces = gd._fullData, calcTraces = gd.calcdata, calcTracesHorizontal = [], calcTracesVertical = [], i; for(i = 0; i < fullTraces.length; i++) { var fullTrace = fullTraces[i]; if( fullTrace.visible === true && Registry.traceIs(fullTrace, 'bar') && fullTrace.xaxis === xa._id && fullTrace.yaxis === ya._id ) { if(fullTrace.orientation === 'h') { calcTracesHorizontal.push(calcTraces[i]); } else { calcTracesVertical.push(calcTraces[i]); } } } setGroupPositions(gd, xa, ya, calcTracesVertical); setGroupPositions(gd, ya, xa, calcTracesHorizontal); }; function setGroupPositions(gd, pa, sa, calcTraces) { if(!calcTraces.length) return; var barmode = gd._fullLayout.barmode, overlay = (barmode === 'overlay'), group = (barmode === 'group'), excluded, included, i, calcTrace, fullTrace; if(overlay) { setGroupPositionsInOverlayMode(gd, pa, sa, calcTraces); } else if(group) { // exclude from the group those traces for which the user set an offset excluded = []; included = []; for(i = 0; i < calcTraces.length; i++) { calcTrace = calcTraces[i]; fullTrace = calcTrace[0].trace; if(fullTrace.offset === undefined) included.push(calcTrace); else excluded.push(calcTrace); } if(included.length) { setGroupPositionsInGroupMode(gd, pa, sa, included); } if(excluded.length) { setGroupPositionsInOverlayMode(gd, pa, sa, excluded); } } else { // exclude from the stack those traces for which the user set a base excluded = []; included = []; for(i = 0; i < calcTraces.length; i++) { calcTrace = calcTraces[i]; fullTrace = calcTrace[0].trace; if(fullTrace.base === undefined) included.push(calcTrace); else excluded.push(calcTrace); } if(included.length) { setGroupPositionsInStackOrRelativeMode(gd, pa, sa, included); } if(excluded.length) { setGroupPositionsInOverlayMode(gd, pa, sa, excluded); } } } function setGroupPositionsInOverlayMode(gd, pa, sa, calcTraces) { var barnorm = gd._fullLayout.barnorm, separateNegativeValues = false, dontMergeOverlappingData = !barnorm; // update position axis and set bar offsets and widths for(var i = 0; i < calcTraces.length; i++) { var calcTrace = calcTraces[i]; var sieve = new Sieve( [calcTrace], separateNegativeValues, dontMergeOverlappingData ); // set bar offsets and widths, and update position axis setOffsetAndWidth(gd, pa, sieve); // set bar bases and sizes, and update size axis // // (note that `setGroupPositionsInOverlayMode` handles the case barnorm // is defined, because this function is also invoked for traces that // can't be grouped or stacked) if(barnorm) { sieveBars(gd, sa, sieve); normalizeBars(gd, sa, sieve); } else { setBaseAndTop(gd, sa, sieve); } } } function setGroupPositionsInGroupMode(gd, pa, sa, calcTraces) { var fullLayout = gd._fullLayout, barnorm = fullLayout.barnorm, separateNegativeValues = false, dontMergeOverlappingData = !barnorm, sieve = new Sieve( calcTraces, separateNegativeValues, dontMergeOverlappingData ); // set bar offsets and widths, and update position axis setOffsetAndWidthInGroupMode(gd, pa, sieve); // set bar bases and sizes, and update size axis if(barnorm) { sieveBars(gd, sa, sieve); normalizeBars(gd, sa, sieve); } else { setBaseAndTop(gd, sa, sieve); } } function setGroupPositionsInStackOrRelativeMode(gd, pa, sa, calcTraces) { var fullLayout = gd._fullLayout, barmode = fullLayout.barmode, stack = (barmode === 'stack'), relative = (barmode === 'relative'), barnorm = gd._fullLayout.barnorm, separateNegativeValues = relative, dontMergeOverlappingData = !(barnorm || stack || relative), sieve = new Sieve( calcTraces, separateNegativeValues, dontMergeOverlappingData ); // set bar offsets and widths, and update position axis setOffsetAndWidth(gd, pa, sieve); // set bar bases and sizes, and update size axis stackBars(gd, sa, sieve); // flag the outmost bar (for text display purposes) for(var i = 0; i < calcTraces.length; i++) { var calcTrace = calcTraces[i]; for(var j = 0; j < calcTrace.length; j++) { var bar = calcTrace[j]; if(bar.s === BADNUM) continue; var isOutmostBar = ((bar.b + bar.s) === sieve.get(bar.p, bar.s)); if(isOutmostBar) bar._outmost = true; } } // Note that marking the outmost bars has to be done // before `normalizeBars` changes `bar.b` and `bar.s`. if(barnorm) normalizeBars(gd, sa, sieve); } function setOffsetAndWidth(gd, pa, sieve) { var fullLayout = gd._fullLayout, bargap = fullLayout.bargap, bargroupgap = fullLayout.bargroupgap, minDiff = sieve.minDiff, calcTraces = sieve.traces, i, calcTrace, calcTrace0, t; // set bar offsets and widths var barGroupWidth = minDiff * (1 - bargap), barWidthPlusGap = barGroupWidth, barWidth = barWidthPlusGap * (1 - bargroupgap); // computer bar group center and bar offset var offsetFromCenter = -barWidth / 2; for(i = 0; i < calcTraces.length; i++) { calcTrace = calcTraces[i]; calcTrace0 = calcTrace[0]; // store bar width and offset for this trace t = calcTrace0.t; t.barwidth = barWidth; t.poffset = offsetFromCenter; t.bargroupwidth = barGroupWidth; } // stack bars that only differ by rounding sieve.binWidth = calcTraces[0][0].t.barwidth / 100; // if defined, apply trace offset and width applyAttributes(sieve); // store the bar center in each calcdata item setBarCenterAndWidth(gd, pa, sieve); // update position axes updatePositionAxis(gd, pa, sieve); } function setOffsetAndWidthInGroupMode(gd, pa, sieve) { var fullLayout = gd._fullLayout, bargap = fullLayout.bargap, bargroupgap = fullLayout.bargroupgap, positions = sieve.positions, distinctPositions = sieve.distinctPositions, minDiff = sieve.minDiff, calcTraces = sieve.traces, i, calcTrace, calcTrace0, t; // if there aren't any overlapping positions, // let them have full width even if mode is group var overlap = (positions.length !== distinctPositions.length); var nTraces = calcTraces.length, barGroupWidth = minDiff * (1 - bargap), barWidthPlusGap = (overlap) ? barGroupWidth / nTraces : barGroupWidth, barWidth = barWidthPlusGap * (1 - bargroupgap); for(i = 0; i < nTraces; i++) { calcTrace = calcTraces[i]; calcTrace0 = calcTrace[0]; // computer bar group center and bar offset var offsetFromCenter = (overlap) ? ((2 * i + 1 - nTraces) * barWidthPlusGap - barWidth) / 2 : -barWidth / 2; // store bar width and offset for this trace t = calcTrace0.t; t.barwidth = barWidth; t.poffset = offsetFromCenter; t.bargroupwidth = barGroupWidth; } // stack bars that only differ by rounding sieve.binWidth = calcTraces[0][0].t.barwidth / 100; // if defined, apply trace width applyAttributes(sieve); // store the bar center in each calcdata item setBarCenterAndWidth(gd, pa, sieve); // update position axes updatePositionAxis(gd, pa, sieve, overlap); } function applyAttributes(sieve) { var calcTraces = sieve.traces, i, calcTrace, calcTrace0, fullTrace, j, t; for(i = 0; i < calcTraces.length; i++) { calcTrace = calcTraces[i]; calcTrace0 = calcTrace[0]; fullTrace = calcTrace0.trace; t = calcTrace0.t; var offset = fullTrace.offset, initialPoffset = t.poffset, newPoffset; if(Array.isArray(offset)) { // if offset is an array, then clone it into t.poffset. newPoffset = offset.slice(0, calcTrace.length); // guard against non-numeric items for(j = 0; j < newPoffset.length; j++) { if(!isNumeric(newPoffset[j])) { newPoffset[j] = initialPoffset; } } // if the length of the array is too short, // then extend it with the initial value of t.poffset for(j = newPoffset.length; j < calcTrace.length; j++) { newPoffset.push(initialPoffset); } t.poffset = newPoffset; } else if(offset !== undefined) { t.poffset = offset; } var width = fullTrace.width, initialBarwidth = t.barwidth; if(Array.isArray(width)) { // if width is an array, then clone it into t.barwidth. var newBarwidth = width.slice(0, calcTrace.length); // guard against non-numeric items for(j = 0; j < newBarwidth.length; j++) { if(!isNumeric(newBarwidth[j])) newBarwidth[j] = initialBarwidth; } // if the length of the array is too short, // then extend it with the initial value of t.barwidth for(j = newBarwidth.length; j < calcTrace.length; j++) { newBarwidth.push(initialBarwidth); } t.barwidth = newBarwidth; // if user didn't set offset, // then correct t.poffset to ensure bars remain centered if(offset === undefined) { newPoffset = []; for(j = 0; j < calcTrace.length; j++) { newPoffset.push( initialPoffset + (initialBarwidth - newBarwidth[j]) / 2 ); } t.poffset = newPoffset; } } else if(width !== undefined) { t.barwidth = width; // if user didn't set offset, // then correct t.poffset to ensure bars remain centered if(offset === undefined) { t.poffset = initialPoffset + (initialBarwidth - width) / 2; } } } } function setBarCenterAndWidth(gd, pa, sieve) { var calcTraces = sieve.traces, pLetter = getAxisLetter(pa); for(var i = 0; i < calcTraces.length; i++) { var calcTrace = calcTraces[i], t = calcTrace[0].t, poffset = t.poffset, poffsetIsArray = Array.isArray(poffset), barwidth = t.barwidth, barwidthIsArray = Array.isArray(barwidth); for(var j = 0; j < calcTrace.length; j++) { var calcBar = calcTrace[j]; // store the actual bar width and position, for use by hover var width = calcBar.w = (barwidthIsArray) ? barwidth[j] : barwidth; calcBar[pLetter] = calcBar.p + ((poffsetIsArray) ? poffset[j] : poffset) + width / 2; } } } function updatePositionAxis(gd, pa, sieve, allowMinDtick) { var calcTraces = sieve.traces, distinctPositions = sieve.distinctPositions, distinctPositions0 = distinctPositions[0], minDiff = sieve.minDiff, vpad = minDiff / 2; Axes.minDtick(pa, minDiff, distinctPositions0, allowMinDtick); // If the user set the bar width or the offset, // then bars can be shifted away from their positions // and widths can be larger than minDiff. // // Here, we compute pMin and pMax to expand the position axis, // so that all bars are fully within the axis range. var pMin = Math.min.apply(Math, distinctPositions) - vpad, pMax = Math.max.apply(Math, distinctPositions) + vpad; for(var i = 0; i < calcTraces.length; i++) { var calcTrace = calcTraces[i], calcTrace0 = calcTrace[0], fullTrace = calcTrace0.trace; if(fullTrace.width === undefined && fullTrace.offset === undefined) { continue; } var t = calcTrace0.t, poffset = t.poffset, barwidth = t.barwidth, poffsetIsArray = Array.isArray(poffset), barwidthIsArray = Array.isArray(barwidth); for(var j = 0; j < calcTrace.length; j++) { var calcBar = calcTrace[j], calcBarOffset = (poffsetIsArray) ? poffset[j] : poffset, calcBarWidth = (barwidthIsArray) ? barwidth[j] : barwidth, p = calcBar.p, l = p + calcBarOffset, r = l + calcBarWidth; pMin = Math.min(pMin, l); pMax = Math.max(pMax, r); } } Axes.expand(pa, [pMin, pMax], {padded: false}); } function expandRange(range, newValue) { if(isNumeric(range[0])) range[0] = Math.min(range[0], newValue); else range[0] = newValue; if(isNumeric(range[1])) range[1] = Math.max(range[1], newValue); else range[1] = newValue; } function setBaseAndTop(gd, sa, sieve) { // store these bar bases and tops in calcdata // and make sure the size axis includes zero, // along with the bases and tops of each bar. var traces = sieve.traces, sLetter = getAxisLetter(sa), s0 = sa.l2c(sa.c2l(0)), sRange = [s0, s0]; for(var i = 0; i < traces.length; i++) { var trace = traces[i]; for(var j = 0; j < trace.length; j++) { var bar = trace[j], barBase = bar.b, barTop = barBase + bar.s; bar[sLetter] = barTop; if(isNumeric(sa.c2l(barTop))) expandRange(sRange, barTop); if(isNumeric(sa.c2l(barBase))) expandRange(sRange, barBase); } } Axes.expand(sa, sRange, {tozero: true, padded: true}); } function stackBars(gd, sa, sieve) { var fullLayout = gd._fullLayout, barnorm = fullLayout.barnorm, sLetter = getAxisLetter(sa), traces = sieve.traces, i, trace, j, bar; var s0 = sa.l2c(sa.c2l(0)), sRange = [s0, s0]; for(i = 0; i < traces.length; i++) { trace = traces[i]; for(j = 0; j < trace.length; j++) { bar = trace[j]; if(bar.s === BADNUM) continue; // stack current bar and get previous sum var barBase = sieve.put(bar.p, bar.b + bar.s), barTop = barBase + bar.b + bar.s; // store the bar base and top in each calcdata item bar.b = barBase; bar[sLetter] = barTop; if(!barnorm) { if(isNumeric(sa.c2l(barTop))) expandRange(sRange, barTop); if(isNumeric(sa.c2l(barBase))) expandRange(sRange, barBase); } } } // if barnorm is set, let normalizeBars update the axis range if(!barnorm) Axes.expand(sa, sRange, {tozero: true, padded: true}); } function sieveBars(gd, sa, sieve) { var traces = sieve.traces; for(var i = 0; i < traces.length; i++) { var trace = traces[i]; for(var j = 0; j < trace.length; j++) { var bar = trace[j]; if(bar.s !== BADNUM) sieve.put(bar.p, bar.b + bar.s); } } } function normalizeBars(gd, sa, sieve) { // Note: // // normalizeBars requires that either sieveBars or stackBars has been // previously invoked. var traces = sieve.traces, sLetter = getAxisLetter(sa), sTop = (gd._fullLayout.barnorm === 'fraction') ? 1 : 100, sTiny = sTop / 1e9, // in case of rounding error in sum sMin = sa.l2c(sa.c2l(0)), sMax = (gd._fullLayout.barmode === 'stack') ? sTop : sMin, sRange = [sMin, sMax], padded = false; function maybeExpand(newValue) { if(isNumeric(sa.c2l(newValue)) && ((newValue < sMin - sTiny) || (newValue > sMax + sTiny) || !isNumeric(sMin)) ) { padded = true; expandRange(sRange, newValue); } } for(var i = 0; i < traces.length; i++) { var trace = traces[i]; for(var j = 0; j < trace.length; j++) { var bar = trace[j]; if(bar.s === BADNUM) continue; var scale = Math.abs(sTop / sieve.get(bar.p, bar.s)); bar.b *= scale; bar.s *= scale; var barBase = bar.b, barTop = barBase + bar.s; bar[sLetter] = barTop; maybeExpand(barTop); maybeExpand(barBase); } } // update range of size axis Axes.expand(sa, sRange, {tozero: true, padded: padded}); } function getAxisLetter(ax) { return ax._id.charAt(0); } },{"../../constants/numerical":132,"../../plots/cartesian/axes":183,"../../registry":219,"./sieve.js":238,"fast-isnumeric":10}],238:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = Sieve; var Lib = require('../../lib'); var BADNUM = require('../../constants/numerical').BADNUM; /** * Helper class to sieve data from traces into bins * * @class * @param {Array} traces * Array of calculated traces * @param {boolean} [separateNegativeValues] * If true, then split data at the same position into a bar * for positive values and another for negative values * @param {boolean} [dontMergeOverlappingData] * If true, then don't merge overlapping bars into a single bar */ function Sieve(traces, separateNegativeValues, dontMergeOverlappingData) { this.traces = traces; this.separateNegativeValues = separateNegativeValues; this.dontMergeOverlappingData = dontMergeOverlappingData; var positions = []; for(var i = 0; i < traces.length; i++) { var trace = traces[i]; for(var j = 0; j < trace.length; j++) { var bar = trace[j]; if(bar.p !== BADNUM) positions.push(bar.p); } } this.positions = positions; var dv = Lib.distinctVals(this.positions); this.distinctPositions = dv.vals; this.minDiff = dv.minDiff; this.binWidth = this.minDiff; this.bins = {}; } /** * Sieve datum * * @method * @param {number} position * @param {number} value * @returns {number} Previous bin value */ Sieve.prototype.put = function put(position, value) { var label = this.getLabel(position, value), oldValue = this.bins[label] || 0; this.bins[label] = oldValue + value; return oldValue; }; /** * Get current bin value for a given datum * * @method * @param {number} position Position of datum * @param {number} [value] Value of datum * (required if this.separateNegativeValues is true) * @returns {number} Current bin value */ Sieve.prototype.get = function put(position, value) { var label = this.getLabel(position, value); return this.bins[label] || 0; }; /** * Get bin label for a given datum * * @method * @param {number} position Position of datum * @param {number} [value] Value of datum * (required if this.separateNegativeValues is true) * @returns {string} Bin label * (prefixed with a 'v' if value is negative and this.separateNegativeValues is * true; otherwise prefixed with '^') */ Sieve.prototype.getLabel = function getLabel(position, value) { var prefix = (value < 0 && this.separateNegativeValues) ? 'v' : '^', label = (this.dontMergeOverlappingData) ? position : Math.round(position / this.binWidth); return prefix + label; }; },{"../../constants/numerical":132,"../../lib":147}],239:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Color = require('../../components/color'); var Drawing = require('../../components/drawing'); var ErrorBars = require('../../components/errorbars'); module.exports = function style(gd) { var s = d3.select(gd).selectAll('g.trace.bars'), barcount = s.size(), fullLayout = gd._fullLayout; // trace styling s.style('opacity', function(d) { return d[0].trace.opacity; }) // for gapless (either stacked or neighboring grouped) bars use // crispEdges to turn off antialiasing so an artificial gap // isn't introduced. .each(function(d) { if((fullLayout.barmode === 'stack' && barcount > 1) || (fullLayout.bargap === 0 && fullLayout.bargroupgap === 0 && !d[0].trace.marker.line.width)) { d3.select(this).attr('shape-rendering', 'crispEdges'); } }); // then style the individual bars s.selectAll('g.points').each(function(d) { var trace = d[0].trace, marker = trace.marker, markerLine = marker.line, markerScale = Drawing.tryColorscale(marker, ''), lineScale = Drawing.tryColorscale(marker, 'line'); d3.select(this).selectAll('path').each(function(d) { // allow all marker and marker line colors to be scaled // by given max and min to colorscales var fillColor, lineColor, lineWidth = (d.mlw + 1 || markerLine.width + 1) - 1, p = d3.select(this); if('mc' in d) fillColor = d.mcc = markerScale(d.mc); else if(Array.isArray(marker.color)) fillColor = Color.defaultLine; else fillColor = marker.color; p.style('stroke-width', lineWidth + 'px') .call(Color.fill, fillColor); if(lineWidth) { if('mlc' in d) lineColor = d.mlcc = lineScale(d.mlc); // weird case: array wasn't long enough to apply to every point else if(Array.isArray(markerLine.color)) lineColor = Color.defaultLine; else lineColor = markerLine.color; p.call(Color.stroke, lineColor); } }); }); s.call(ErrorBars.style); }; },{"../../components/color":34,"../../components/drawing":58,"../../components/errorbars":64,"d3":7}],240:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Color = require('../../components/color'); var hasColorscale = require('../../components/colorscale/has_colorscale'); var colorscaleDefaults = require('../../components/colorscale/defaults'); module.exports = function handleStyleDefaults(traceIn, traceOut, coerce, defaultColor, layout) { coerce('marker.color', defaultColor); if(hasColorscale(traceIn, 'marker')) { colorscaleDefaults( traceIn, traceOut, layout, coerce, {prefix: 'marker.', cLetter: 'c'} ); } coerce('marker.line.color', Color.defaultLine); if(hasColorscale(traceIn, 'marker.line')) { colorscaleDefaults( traceIn, traceOut, layout, coerce, {prefix: 'marker.line.', cLetter: 'c'} ); } coerce('marker.line.width'); }; },{"../../components/color":34,"../../components/colorscale/defaults":43,"../../components/colorscale/has_colorscale":47}],241:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var colorAttrs = require('../../components/color/attributes'); var fontAttrs = require('../../plots/font_attributes'); var plotAttrs = require('../../plots/attributes'); var extendFlat = require('../../lib/extend').extendFlat; module.exports = { labels: { valType: 'data_array', }, // equivalent of x0 and dx, if label is missing label0: { valType: 'number', dflt: 0, }, dlabel: { valType: 'number', dflt: 1, }, values: { valType: 'data_array', }, marker: { colors: { valType: 'data_array', // TODO 'color_array' ? }, line: { color: { valType: 'color', dflt: colorAttrs.defaultLine, arrayOk: true, }, width: { valType: 'number', min: 0, dflt: 0, arrayOk: true, } } }, text: { valType: 'data_array', }, hovertext: { valType: 'string', dflt: '', arrayOk: true, }, // 'see eg:' // 'https://www.e-education.psu.edu/natureofgeoinfo/sites/www.e-education.psu.edu.natureofgeoinfo/files/image/hisp_pies.gif', // '(this example involves a map too - may someday be a whole trace type', // 'of its own. but the point is the size of the whole pie is important.)' scalegroup: { valType: 'string', dflt: '', }, // labels (legend is handled by plots.attributes.showlegend and layout.hiddenlabels) textinfo: { valType: 'flaglist', flags: ['label', 'text', 'value', 'percent'], extras: ['none'], }, hoverinfo: extendFlat({}, plotAttrs.hoverinfo, { flags: ['label', 'text', 'value', 'percent', 'name'] }), textposition: { valType: 'enumerated', values: ['inside', 'outside', 'auto', 'none'], dflt: 'auto', arrayOk: true, }, // TODO make those arrayOk? textfont: extendFlat({}, fontAttrs, { }), insidetextfont: extendFlat({}, fontAttrs, { }), outsidetextfont: extendFlat({}, fontAttrs, { }), // position and shape domain: { x: { valType: 'info_array', items: [ {valType: 'number', min: 0, max: 1}, {valType: 'number', min: 0, max: 1} ], dflt: [0, 1], }, y: { valType: 'info_array', items: [ {valType: 'number', min: 0, max: 1}, {valType: 'number', min: 0, max: 1} ], dflt: [0, 1], } }, hole: { valType: 'number', min: 0, max: 1, dflt: 0, }, // ordering and direction sort: { valType: 'boolean', dflt: true, }, direction: { /** * there are two common conventions, both of which place the first * (largest, if sorted) slice with its left edge at 12 o'clock but * succeeding slices follow either cw or ccw from there. * * see http://visage.co/data-visualization-101-pie-charts/ */ valType: 'enumerated', values: ['clockwise', 'counterclockwise'], dflt: 'counterclockwise', }, rotation: { valType: 'number', min: -360, max: 360, dflt: 0, }, pull: { valType: 'number', min: 0, max: 1, dflt: 0, arrayOk: true, } }; },{"../../components/color/attributes":33,"../../lib/extend":142,"../../plots/attributes":181,"../../plots/font_attributes":207}],242:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = require('../../registry'); exports.name = 'pie'; exports.plot = function(gd) { var Pie = Registry.getModule('pie'); var cdPie = getCdModule(gd.calcdata, Pie); if(cdPie.length) Pie.plot(gd, cdPie); }; exports.clean = function(newFullData, newFullLayout, oldFullData, oldFullLayout) { var hadPie = (oldFullLayout._has && oldFullLayout._has('pie')); var hasPie = (newFullLayout._has && newFullLayout._has('pie')); if(hadPie && !hasPie) { oldFullLayout._pielayer.selectAll('g.trace').remove(); } }; function getCdModule(calcdata, _module) { var cdModule = []; for(var i = 0; i < calcdata.length; i++) { var cd = calcdata[i]; var trace = cd[0].trace; if((trace._module === _module) && (trace.visible === true)) { cdModule.push(cd); } } return cdModule; } },{"../../registry":219}],243:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var tinycolor = require('tinycolor2'); var Color = require('../../components/color'); var helpers = require('./helpers'); module.exports = function calc(gd, trace) { var vals = trace.values, labels = trace.labels, cd = [], fullLayout = gd._fullLayout, colorMap = fullLayout._piecolormap, allThisTraceLabels = {}, needDefaults = false, vTotal = 0, hiddenLabels = fullLayout.hiddenlabels || [], i, v, label, color, hidden, pt; if(trace.dlabel) { labels = new Array(vals.length); for(i = 0; i < vals.length; i++) { labels[i] = String(trace.label0 + i * trace.dlabel); } } for(i = 0; i < vals.length; i++) { v = vals[i]; if(!isNumeric(v)) continue; v = +v; if(v < 0) continue; label = labels[i]; if(label === undefined || label === '') label = i; label = String(label); // only take the first occurrence of any given label. // TODO: perhaps (optionally?) sum values for a repeated label? if(allThisTraceLabels[label] === undefined) allThisTraceLabels[label] = true; else continue; color = tinycolor(trace.marker.colors[i]); if(color.isValid()) { color = Color.addOpacity(color, color.getAlpha()); if(!colorMap[label]) { colorMap[label] = color; } } // have we seen this label and assigned a color to it in a previous trace? else if(colorMap[label]) color = colorMap[label]; // color needs a default - mark it false, come back after sorting else { color = false; needDefaults = true; } hidden = hiddenLabels.indexOf(label) !== -1; if(!hidden) vTotal += v; cd.push({ v: v, label: label, color: color, i: i, hidden: hidden }); } if(trace.sort) cd.sort(function(a, b) { return b.v - a.v; }); /** * now go back and fill in colors we're still missing * this is done after sorting, so we pick defaults * in the order slices will be displayed */ if(needDefaults) { for(i = 0; i < cd.length; i++) { pt = cd[i]; if(pt.color === false) { colorMap[pt.label] = pt.color = nextDefaultColor(fullLayout._piedefaultcolorcount); fullLayout._piedefaultcolorcount++; } } } // include the sum of all values in the first point if(cd[0]) cd[0].vTotal = vTotal; // now insert text if(trace.textinfo && trace.textinfo !== 'none') { var hasLabel = trace.textinfo.indexOf('label') !== -1, hasText = trace.textinfo.indexOf('text') !== -1, hasValue = trace.textinfo.indexOf('value') !== -1, hasPercent = trace.textinfo.indexOf('percent') !== -1, separators = fullLayout.separators, thisText; for(i = 0; i < cd.length; i++) { pt = cd[i]; thisText = hasLabel ? [pt.label] : []; if(hasText && trace.text[pt.i]) thisText.push(trace.text[pt.i]); if(hasValue) thisText.push(helpers.formatPieValue(pt.v, separators)); if(hasPercent) thisText.push(helpers.formatPiePercent(pt.v / vTotal, separators)); pt.text = thisText.join('
'); } } return cd; }; /** * pick a default color from the main default set, augmented by * itself lighter then darker before repeating */ var pieDefaultColors; function nextDefaultColor(index) { if(!pieDefaultColors) { // generate this default set on demand (but then it gets saved in the module) var mainDefaults = Color.defaults; pieDefaultColors = mainDefaults.slice(); var i; for(i = 0; i < mainDefaults.length; i++) { pieDefaultColors.push(tinycolor(mainDefaults[i]).lighten(20).toHexString()); } for(i = 0; i < Color.defaults.length; i++) { pieDefaultColors.push(tinycolor(mainDefaults[i]).darken(20).toHexString()); } } return pieDefaultColors[index % pieDefaultColors.length]; } },{"../../components/color":34,"./helpers":245,"fast-isnumeric":10,"tinycolor2":16}],244:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var attributes = require('./attributes'); module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) { function coerce(attr, dflt) { return Lib.coerce(traceIn, traceOut, attributes, attr, dflt); } var coerceFont = Lib.coerceFont; var vals = coerce('values'); if(!Array.isArray(vals) || !vals.length) { traceOut.visible = false; return; } var labels = coerce('labels'); if(!Array.isArray(labels)) { coerce('label0'); coerce('dlabel'); } var lineWidth = coerce('marker.line.width'); if(lineWidth) coerce('marker.line.color'); var colors = coerce('marker.colors'); if(!Array.isArray(colors)) traceOut.marker.colors = []; // later this will get padded with default colors coerce('scalegroup'); // TODO: tilt, depth, and hole all need to be coerced to the same values within a scaleegroup // (ideally actually, depth would get set the same *after* scaling, ie the same absolute depth) // and if colors aren't specified we should match these up - potentially even if separate pies // are NOT in the same sharegroup var textData = coerce('text'); var textInfo = coerce('textinfo', Array.isArray(textData) ? 'text+percent' : 'percent'); coerce('hovertext'); if(textInfo && textInfo !== 'none') { var textPosition = coerce('textposition'), hasBoth = Array.isArray(textPosition) || textPosition === 'auto', hasInside = hasBoth || textPosition === 'inside', hasOutside = hasBoth || textPosition === 'outside'; if(hasInside || hasOutside) { var dfltFont = coerceFont(coerce, 'textfont', layout.font); if(hasInside) coerceFont(coerce, 'insidetextfont', dfltFont); if(hasOutside) coerceFont(coerce, 'outsidetextfont', dfltFont); } } coerce('domain.x'); coerce('domain.y'); // 3D attributes commented out until I finish them in a later PR // var tilt = coerce('tilt'); // if(tilt) { // coerce('tiltaxis'); // coerce('depth'); // coerce('shading'); // } coerce('hole'); coerce('sort'); coerce('direction'); coerce('rotation'); coerce('pull'); }; },{"../../lib":147,"./attributes":241}],245:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); exports.formatPiePercent = function formatPiePercent(v, separators) { var vRounded = (v * 100).toPrecision(3); if(vRounded.lastIndexOf('.') !== -1) { vRounded = vRounded.replace(/[.]?0+$/, ''); } return Lib.numSeparate(vRounded, separators) + '%'; }; exports.formatPieValue = function formatPieValue(v, separators) { var vRounded = v.toPrecision(10); if(vRounded.lastIndexOf('.') !== -1) { vRounded = vRounded.replace(/[.]?0+$/, ''); } return Lib.numSeparate(vRounded, separators); }; },{"../../lib":147}],246:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Pie = {}; Pie.attributes = require('./attributes'); Pie.supplyDefaults = require('./defaults'); Pie.supplyLayoutDefaults = require('./layout_defaults'); Pie.layoutAttributes = require('./layout_attributes'); Pie.calc = require('./calc'); Pie.plot = require('./plot'); Pie.style = require('./style'); Pie.styleOne = require('./style_one'); Pie.moduleType = 'trace'; Pie.name = 'pie'; Pie.basePlotModule = require('./base_plot'); Pie.categories = ['pie', 'showLegend']; Pie.meta = { }; module.exports = Pie; },{"./attributes":241,"./base_plot":242,"./calc":243,"./defaults":244,"./layout_attributes":247,"./layout_defaults":248,"./plot":249,"./style":250,"./style_one":251}],247:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { /** * hiddenlabels is the pie chart analog of visible:'legendonly' * but it can contain many labels, and can hide slices * from several pies simultaneously */ hiddenlabels: {valType: 'data_array'} }; },{}],248:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var layoutAttributes = require('./layout_attributes'); module.exports = function supplyLayoutDefaults(layoutIn, layoutOut) { function coerce(attr, dflt) { return Lib.coerce(layoutIn, layoutOut, layoutAttributes, attr, dflt); } coerce('hiddenlabels'); }; },{"../../lib":147,"./layout_attributes":247}],249:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Fx = require('../../components/fx'); var Color = require('../../components/color'); var Drawing = require('../../components/drawing'); var svgTextUtils = require('../../lib/svg_text_utils'); var helpers = require('./helpers'); module.exports = function plot(gd, cdpie) { var fullLayout = gd._fullLayout; scalePies(cdpie, fullLayout._size); var pieGroups = fullLayout._pielayer.selectAll('g.trace').data(cdpie); pieGroups.enter().append('g') .attr({ 'stroke-linejoin': 'round', // TODO: miter might look better but can sometimes cause problems // maybe miter with a small-ish stroke-miterlimit? 'class': 'trace' }); pieGroups.exit().remove(); pieGroups.order(); pieGroups.each(function(cd) { var pieGroup = d3.select(this), cd0 = cd[0], trace = cd0.trace, tiltRads = 0, // trace.tilt * Math.PI / 180, depthLength = (trace.depth||0) * cd0.r * Math.sin(tiltRads) / 2, tiltAxis = trace.tiltaxis || 0, tiltAxisRads = tiltAxis * Math.PI / 180, depthVector = [ depthLength * Math.sin(tiltAxisRads), depthLength * Math.cos(tiltAxisRads) ], rSmall = cd0.r * Math.cos(tiltRads); var pieParts = pieGroup.selectAll('g.part') .data(trace.tilt ? ['top', 'sides'] : ['top']); pieParts.enter().append('g').attr('class', function(d) { return d + ' part'; }); pieParts.exit().remove(); pieParts.order(); setCoords(cd); pieGroup.selectAll('.top').each(function() { var slices = d3.select(this).selectAll('g.slice').data(cd); slices.enter().append('g') .classed('slice', true); slices.exit().remove(); var quadrants = [ [[], []], // y<0: x<0, x>=0 [[], []] // y>=0: x<0, x>=0 ], hasOutsideText = false; slices.each(function(pt) { if(pt.hidden) { d3.select(this).selectAll('path,g').remove(); return; } // to have consistent event data compared to other traces pt.pointNumber = pt.i; pt.curveNumber = trace.index; quadrants[pt.pxmid[1] < 0 ? 0 : 1][pt.pxmid[0] < 0 ? 0 : 1].push(pt); var cx = cd0.cx + depthVector[0], cy = cd0.cy + depthVector[1], sliceTop = d3.select(this), slicePath = sliceTop.selectAll('path.surface').data([pt]), hasHoverData = false; function handleMouseOver(evt) { evt.originalEvent = d3.event; // in case fullLayout or fullData has changed without a replot var fullLayout2 = gd._fullLayout; var trace2 = gd._fullData[trace.index]; var hoverinfo = Fx.castHoverinfo(trace2, fullLayout2, pt.i); if(hoverinfo === 'all') hoverinfo = 'label+text+value+percent+name'; // in case we dragged over the pie from another subplot, // or if hover is turned off if(gd._dragging || fullLayout2.hovermode === false || hoverinfo === 'none' || hoverinfo === 'skip' || !hoverinfo) { Fx.hover(gd, evt, 'pie'); return; } var rInscribed = getInscribedRadiusFraction(pt, cd0), hoverCenterX = cx + pt.pxmid[0] * (1 - rInscribed), hoverCenterY = cy + pt.pxmid[1] * (1 - rInscribed), separators = fullLayout.separators, thisText = []; if(hoverinfo.indexOf('label') !== -1) thisText.push(pt.label); if(hoverinfo.indexOf('text') !== -1) { if(trace2.hovertext) { thisText.push( Array.isArray(trace2.hovertext) ? trace2.hovertext[pt.i] : trace2.hovertext ); } else if(trace2.text && trace2.text[pt.i]) { thisText.push(trace2.text[pt.i]); } } if(hoverinfo.indexOf('value') !== -1) thisText.push(helpers.formatPieValue(pt.v, separators)); if(hoverinfo.indexOf('percent') !== -1) thisText.push(helpers.formatPiePercent(pt.v / cd0.vTotal, separators)); Fx.loneHover({ x0: hoverCenterX - rInscribed * cd0.r, x1: hoverCenterX + rInscribed * cd0.r, y: hoverCenterY, text: thisText.join('
'), name: hoverinfo.indexOf('name') !== -1 ? trace2.name : undefined, idealAlign: pt.pxmid[0] < 0 ? 'left' : 'right', color: Fx.castHoverOption(trace, pt.i, 'bgcolor') || pt.color, borderColor: Fx.castHoverOption(trace, pt.i, 'bordercolor'), fontFamily: Fx.castHoverOption(trace, pt.i, 'font.family'), fontSize: Fx.castHoverOption(trace, pt.i, 'font.size'), fontColor: Fx.castHoverOption(trace, pt.i, 'font.color') }, { container: fullLayout2._hoverlayer.node(), outerContainer: fullLayout2._paper.node(), gd: gd }); Fx.hover(gd, evt, 'pie'); hasHoverData = true; } function handleMouseOut(evt) { evt.originalEvent = d3.event; gd.emit('plotly_unhover', { event: d3.event, points: [evt] }); if(hasHoverData) { Fx.loneUnhover(fullLayout._hoverlayer.node()); hasHoverData = false; } } function handleClick() { gd._hoverdata = [pt]; gd._hoverdata.trace = cd0.trace; Fx.click(gd, d3.event); } slicePath.enter().append('path') .classed('surface', true) .style({'pointer-events': 'all'}); sliceTop.select('path.textline').remove(); sliceTop .on('mouseover', handleMouseOver) .on('mouseout', handleMouseOut) .on('click', handleClick); if(trace.pull) { var pull = +(Array.isArray(trace.pull) ? trace.pull[pt.i] : trace.pull) || 0; if(pull > 0) { cx += pull * pt.pxmid[0]; cy += pull * pt.pxmid[1]; } } pt.cxFinal = cx; pt.cyFinal = cy; function arc(start, finish, cw, scale) { return 'a' + (scale * cd0.r) + ',' + (scale * rSmall) + ' ' + tiltAxis + ' ' + pt.largeArc + (cw ? ' 1 ' : ' 0 ') + (scale * (finish[0] - start[0])) + ',' + (scale * (finish[1] - start[1])); } var hole = trace.hole; if(pt.v === cd0.vTotal) { // 100% fails bcs arc start and end are identical var outerCircle = 'M' + (cx + pt.px0[0]) + ',' + (cy + pt.px0[1]) + arc(pt.px0, pt.pxmid, true, 1) + arc(pt.pxmid, pt.px0, true, 1) + 'Z'; if(hole) { slicePath.attr('d', 'M' + (cx + hole * pt.px0[0]) + ',' + (cy + hole * pt.px0[1]) + arc(pt.px0, pt.pxmid, false, hole) + arc(pt.pxmid, pt.px0, false, hole) + 'Z' + outerCircle); } else slicePath.attr('d', outerCircle); } else { var outerArc = arc(pt.px0, pt.px1, true, 1); if(hole) { var rim = 1 - hole; slicePath.attr('d', 'M' + (cx + hole * pt.px1[0]) + ',' + (cy + hole * pt.px1[1]) + arc(pt.px1, pt.px0, false, hole) + 'l' + (rim * pt.px0[0]) + ',' + (rim * pt.px0[1]) + outerArc + 'Z'); } else { slicePath.attr('d', 'M' + cx + ',' + cy + 'l' + pt.px0[0] + ',' + pt.px0[1] + outerArc + 'Z'); } } // add text var textPosition = Array.isArray(trace.textposition) ? trace.textposition[pt.i] : trace.textposition, sliceTextGroup = sliceTop.selectAll('g.slicetext') .data(pt.text && (textPosition !== 'none') ? [0] : []); sliceTextGroup.enter().append('g') .classed('slicetext', true); sliceTextGroup.exit().remove(); sliceTextGroup.each(function() { var sliceText = d3.select(this).selectAll('text').data([0]); sliceText.enter().append('text') // prohibit tex interpretation until we can handle // tex and regular text together .attr('data-notex', 1); sliceText.exit().remove(); sliceText.text(pt.text) .attr({ 'class': 'slicetext', transform: '', 'text-anchor': 'middle' }) .call(Drawing.font, textPosition === 'outside' ? trace.outsidetextfont : trace.insidetextfont) .call(svgTextUtils.convertToTspans, gd); // position the text relative to the slice // TODO: so far this only accounts for flat var textBB = Drawing.bBox(sliceText.node()), transform; if(textPosition === 'outside') { transform = transformOutsideText(textBB, pt); } else { transform = transformInsideText(textBB, pt, cd0); if(textPosition === 'auto' && transform.scale < 1) { sliceText.call(Drawing.font, trace.outsidetextfont); if(trace.outsidetextfont.family !== trace.insidetextfont.family || trace.outsidetextfont.size !== trace.insidetextfont.size) { textBB = Drawing.bBox(sliceText.node()); } transform = transformOutsideText(textBB, pt); } } var translateX = cx + pt.pxmid[0] * transform.rCenter + (transform.x || 0), translateY = cy + pt.pxmid[1] * transform.rCenter + (transform.y || 0); // save some stuff to use later ensure no labels overlap if(transform.outside) { pt.yLabelMin = translateY - textBB.height / 2; pt.yLabelMid = translateY; pt.yLabelMax = translateY + textBB.height / 2; pt.labelExtraX = 0; pt.labelExtraY = 0; hasOutsideText = true; } sliceText.attr('transform', 'translate(' + translateX + ',' + translateY + ')' + (transform.scale < 1 ? ('scale(' + transform.scale + ')') : '') + (transform.rotate ? ('rotate(' + transform.rotate + ')') : '') + 'translate(' + (-(textBB.left + textBB.right) / 2) + ',' + (-(textBB.top + textBB.bottom) / 2) + ')'); }); }); // now make sure no labels overlap (at least within one pie) if(hasOutsideText) scootLabels(quadrants, trace); slices.each(function(pt) { if(pt.labelExtraX || pt.labelExtraY) { // first move the text to its new location var sliceTop = d3.select(this), sliceText = sliceTop.select('g.slicetext text'); sliceText.attr('transform', 'translate(' + pt.labelExtraX + ',' + pt.labelExtraY + ')' + sliceText.attr('transform')); // then add a line to the new location var lineStartX = pt.cxFinal + pt.pxmid[0], lineStartY = pt.cyFinal + pt.pxmid[1], textLinePath = 'M' + lineStartX + ',' + lineStartY, finalX = (pt.yLabelMax - pt.yLabelMin) * (pt.pxmid[0] < 0 ? -1 : 1) / 4; if(pt.labelExtraX) { var yFromX = pt.labelExtraX * pt.pxmid[1] / pt.pxmid[0], yNet = pt.yLabelMid + pt.labelExtraY - (pt.cyFinal + pt.pxmid[1]); if(Math.abs(yFromX) > Math.abs(yNet)) { textLinePath += 'l' + (yNet * pt.pxmid[0] / pt.pxmid[1]) + ',' + yNet + 'H' + (lineStartX + pt.labelExtraX + finalX); } else { textLinePath += 'l' + pt.labelExtraX + ',' + yFromX + 'v' + (yNet - yFromX) + 'h' + finalX; } } else { textLinePath += 'V' + (pt.yLabelMid + pt.labelExtraY) + 'h' + finalX; } sliceTop.append('path') .classed('textline', true) .call(Color.stroke, trace.outsidetextfont.color) .attr({ 'stroke-width': Math.min(2, trace.outsidetextfont.size / 8), d: textLinePath, fill: 'none' }); } }); }); }); // This is for a bug in Chrome (as of 2015-07-22, and does not affect FF) // if insidetextfont and outsidetextfont are different sizes, sometimes the size // of an "em" gets taken from the wrong element at first so lines are // spaced wrong. You just have to tell it to try again later and it gets fixed. // I have no idea why we haven't seen this in other contexts. Also, sometimes // it gets the initial draw correct but on redraw it gets confused. setTimeout(function() { pieGroups.selectAll('tspan').each(function() { var s = d3.select(this); if(s.attr('dy')) s.attr('dy', s.attr('dy')); }); }, 0); }; function transformInsideText(textBB, pt, cd0) { var textDiameter = Math.sqrt(textBB.width * textBB.width + textBB.height * textBB.height), textAspect = textBB.width / textBB.height, halfAngle = Math.PI * Math.min(pt.v / cd0.vTotal, 0.5), ring = 1 - cd0.trace.hole, rInscribed = getInscribedRadiusFraction(pt, cd0), // max size text can be inserted inside without rotating it // this inscribes the text rectangle in a circle, which is then inscribed // in the slice, so it will be an underestimate, which some day we may want // to improve so this case can get more use transform = { scale: rInscribed * cd0.r * 2 / textDiameter, // and the center position and rotation in this case rCenter: 1 - rInscribed, rotate: 0 }; if(transform.scale >= 1) return transform; // max size if text is rotated radially var Qr = textAspect + 1 / (2 * Math.tan(halfAngle)), maxHalfHeightRotRadial = cd0.r * Math.min( 1 / (Math.sqrt(Qr * Qr + 0.5) + Qr), ring / (Math.sqrt(textAspect * textAspect + ring / 2) + textAspect) ), radialTransform = { scale: maxHalfHeightRotRadial * 2 / textBB.height, rCenter: Math.cos(maxHalfHeightRotRadial / cd0.r) - maxHalfHeightRotRadial * textAspect / cd0.r, rotate: (180 / Math.PI * pt.midangle + 720) % 180 - 90 }, // max size if text is rotated tangentially aspectInv = 1 / textAspect, Qt = aspectInv + 1 / (2 * Math.tan(halfAngle)), maxHalfWidthTangential = cd0.r * Math.min( 1 / (Math.sqrt(Qt * Qt + 0.5) + Qt), ring / (Math.sqrt(aspectInv * aspectInv + ring / 2) + aspectInv) ), tangentialTransform = { scale: maxHalfWidthTangential * 2 / textBB.width, rCenter: Math.cos(maxHalfWidthTangential / cd0.r) - maxHalfWidthTangential / textAspect / cd0.r, rotate: (180 / Math.PI * pt.midangle + 810) % 180 - 90 }, // if we need a rotated transform, pick the biggest one // even if both are bigger than 1 rotatedTransform = tangentialTransform.scale > radialTransform.scale ? tangentialTransform : radialTransform; if(transform.scale < 1 && rotatedTransform.scale > transform.scale) return rotatedTransform; return transform; } function getInscribedRadiusFraction(pt, cd0) { if(pt.v === cd0.vTotal && !cd0.trace.hole) return 1;// special case of 100% with no hole var halfAngle = Math.PI * Math.min(pt.v / cd0.vTotal, 0.5); return Math.min(1 / (1 + 1 / Math.sin(halfAngle)), (1 - cd0.trace.hole) / 2); } function transformOutsideText(textBB, pt) { var x = pt.pxmid[0], y = pt.pxmid[1], dx = textBB.width / 2, dy = textBB.height / 2; if(x < 0) dx *= -1; if(y < 0) dy *= -1; return { scale: 1, rCenter: 1, rotate: 0, x: dx + Math.abs(dy) * (dx > 0 ? 1 : -1) / 2, y: dy / (1 + x * x / (y * y)), outside: true }; } function scootLabels(quadrants, trace) { var xHalf, yHalf, equatorFirst, farthestX, farthestY, xDiffSign, yDiffSign, thisQuad, oppositeQuad, wholeSide, i, thisQuadOutside, firstOppositeOutsidePt; function topFirst(a, b) { return a.pxmid[1] - b.pxmid[1]; } function bottomFirst(a, b) { return b.pxmid[1] - a.pxmid[1]; } function scootOneLabel(thisPt, prevPt) { if(!prevPt) prevPt = {}; var prevOuterY = prevPt.labelExtraY + (yHalf ? prevPt.yLabelMax : prevPt.yLabelMin), thisInnerY = yHalf ? thisPt.yLabelMin : thisPt.yLabelMax, thisOuterY = yHalf ? thisPt.yLabelMax : thisPt.yLabelMin, thisSliceOuterY = thisPt.cyFinal + farthestY(thisPt.px0[1], thisPt.px1[1]), newExtraY = prevOuterY - thisInnerY, xBuffer, i, otherPt, otherOuterY, otherOuterX, newExtraX; // make sure this label doesn't overlap other labels // this *only* has us move these labels vertically if(newExtraY * yDiffSign > 0) thisPt.labelExtraY = newExtraY; // make sure this label doesn't overlap any slices if(!Array.isArray(trace.pull)) return; // this can only happen with array pulls for(i = 0; i < wholeSide.length; i++) { otherPt = wholeSide[i]; // overlap can only happen if the other point is pulled more than this one if(otherPt === thisPt || ((trace.pull[thisPt.i] || 0) >= trace.pull[otherPt.i] || 0)) continue; if((thisPt.pxmid[1] - otherPt.pxmid[1]) * yDiffSign > 0) { // closer to the equator - by construction all of these happen first // move the text vertically to get away from these slices otherOuterY = otherPt.cyFinal + farthestY(otherPt.px0[1], otherPt.px1[1]); newExtraY = otherOuterY - thisInnerY - thisPt.labelExtraY; if(newExtraY * yDiffSign > 0) thisPt.labelExtraY += newExtraY; } else if((thisOuterY + thisPt.labelExtraY - thisSliceOuterY) * yDiffSign > 0) { // farther from the equator - happens after we've done all the // vertical moving we're going to do // move horizontally to get away from these more polar slices // if we're moving horz. based on a slice that's several slices away from this one // then we need some extra space for the lines to labels between them xBuffer = 3 * xDiffSign * Math.abs(i - wholeSide.indexOf(thisPt)); otherOuterX = otherPt.cxFinal + farthestX(otherPt.px0[0], otherPt.px1[0]); newExtraX = otherOuterX + xBuffer - (thisPt.cxFinal + thisPt.pxmid[0]) - thisPt.labelExtraX; if(newExtraX * xDiffSign > 0) thisPt.labelExtraX += newExtraX; } } } for(yHalf = 0; yHalf < 2; yHalf++) { equatorFirst = yHalf ? topFirst : bottomFirst; farthestY = yHalf ? Math.max : Math.min; yDiffSign = yHalf ? 1 : -1; for(xHalf = 0; xHalf < 2; xHalf++) { farthestX = xHalf ? Math.max : Math.min; xDiffSign = xHalf ? 1 : -1; // first sort the array // note this is a copy of cd, so cd itself doesn't get sorted // but we can still modify points in place. thisQuad = quadrants[yHalf][xHalf]; thisQuad.sort(equatorFirst); oppositeQuad = quadrants[1 - yHalf][xHalf]; wholeSide = oppositeQuad.concat(thisQuad); thisQuadOutside = []; for(i = 0; i < thisQuad.length; i++) { if(thisQuad[i].yLabelMid !== undefined) thisQuadOutside.push(thisQuad[i]); } firstOppositeOutsidePt = false; for(i = 0; yHalf && i < oppositeQuad.length; i++) { if(oppositeQuad[i].yLabelMid !== undefined) { firstOppositeOutsidePt = oppositeQuad[i]; break; } } // each needs to avoid the previous for(i = 0; i < thisQuadOutside.length; i++) { var prevPt = i && thisQuadOutside[i - 1]; // bottom half needs to avoid the first label of the top half // top half we still need to call scootOneLabel on the first slice // so we can avoid other slices, but we don't pass a prevPt if(firstOppositeOutsidePt && !i) prevPt = firstOppositeOutsidePt; scootOneLabel(thisQuadOutside[i], prevPt); } } } } function scalePies(cdpie, plotSize) { var pieBoxWidth, pieBoxHeight, i, j, cd0, trace, tiltAxisRads, maxPull, scaleGroups = [], scaleGroup, minPxPerValUnit; // first figure out the center and maximum radius for each pie for(i = 0; i < cdpie.length; i++) { cd0 = cdpie[i][0]; trace = cd0.trace; pieBoxWidth = plotSize.w * (trace.domain.x[1] - trace.domain.x[0]); pieBoxHeight = plotSize.h * (trace.domain.y[1] - trace.domain.y[0]); tiltAxisRads = trace.tiltaxis * Math.PI / 180; maxPull = trace.pull; if(Array.isArray(maxPull)) { maxPull = 0; for(j = 0; j < trace.pull.length; j++) { if(trace.pull[j] > maxPull) maxPull = trace.pull[j]; } } cd0.r = Math.min( pieBoxWidth / maxExtent(trace.tilt, Math.sin(tiltAxisRads), trace.depth), pieBoxHeight / maxExtent(trace.tilt, Math.cos(tiltAxisRads), trace.depth) ) / (2 + 2 * maxPull); cd0.cx = plotSize.l + plotSize.w * (trace.domain.x[1] + trace.domain.x[0]) / 2; cd0.cy = plotSize.t + plotSize.h * (2 - trace.domain.y[1] - trace.domain.y[0]) / 2; if(trace.scalegroup && scaleGroups.indexOf(trace.scalegroup) === -1) { scaleGroups.push(trace.scalegroup); } } // Then scale any pies that are grouped for(j = 0; j < scaleGroups.length; j++) { minPxPerValUnit = Infinity; scaleGroup = scaleGroups[j]; for(i = 0; i < cdpie.length; i++) { cd0 = cdpie[i][0]; if(cd0.trace.scalegroup === scaleGroup) { minPxPerValUnit = Math.min(minPxPerValUnit, cd0.r * cd0.r / cd0.vTotal); } } for(i = 0; i < cdpie.length; i++) { cd0 = cdpie[i][0]; if(cd0.trace.scalegroup === scaleGroup) { cd0.r = Math.sqrt(minPxPerValUnit * cd0.vTotal); } } } } function setCoords(cd) { var cd0 = cd[0], trace = cd0.trace, tilt = trace.tilt, tiltAxisRads, tiltAxisSin, tiltAxisCos, tiltRads, crossTilt, inPlane, currentAngle = trace.rotation * Math.PI / 180, angleFactor = 2 * Math.PI / cd0.vTotal, firstPt = 'px0', lastPt = 'px1', i, cdi, currentCoords; if(trace.direction === 'counterclockwise') { for(i = 0; i < cd.length; i++) { if(!cd[i].hidden) break; // find the first non-hidden slice } if(i === cd.length) return; // all slices hidden currentAngle += angleFactor * cd[i].v; angleFactor *= -1; firstPt = 'px1'; lastPt = 'px0'; } if(tilt) { tiltRads = tilt * Math.PI / 180; tiltAxisRads = trace.tiltaxis * Math.PI / 180; crossTilt = Math.sin(tiltAxisRads) * Math.cos(tiltAxisRads); inPlane = 1 - Math.cos(tiltRads); tiltAxisSin = Math.sin(tiltAxisRads); tiltAxisCos = Math.cos(tiltAxisRads); } function getCoords(angle) { var xFlat = cd0.r * Math.sin(angle), yFlat = -cd0.r * Math.cos(angle); if(!tilt) return [xFlat, yFlat]; return [ xFlat * (1 - inPlane * tiltAxisSin * tiltAxisSin) + yFlat * crossTilt * inPlane, xFlat * crossTilt * inPlane + yFlat * (1 - inPlane * tiltAxisCos * tiltAxisCos), Math.sin(tiltRads) * (yFlat * tiltAxisCos - xFlat * tiltAxisSin) ]; } currentCoords = getCoords(currentAngle); for(i = 0; i < cd.length; i++) { cdi = cd[i]; if(cdi.hidden) continue; cdi[firstPt] = currentCoords; currentAngle += angleFactor * cdi.v / 2; cdi.pxmid = getCoords(currentAngle); cdi.midangle = currentAngle; currentAngle += angleFactor * cdi.v / 2; currentCoords = getCoords(currentAngle); cdi[lastPt] = currentCoords; cdi.largeArc = (cdi.v > cd0.vTotal / 2) ? 1 : 0; } } function maxExtent(tilt, tiltAxisFraction, depth) { if(!tilt) return 1; var sinTilt = Math.sin(tilt * Math.PI / 180); return Math.max(0.01, // don't let it go crazy if you tilt the pie totally on its side depth * sinTilt * Math.abs(tiltAxisFraction) + 2 * Math.sqrt(1 - sinTilt * sinTilt * tiltAxisFraction * tiltAxisFraction)); } },{"../../components/color":34,"../../components/drawing":58,"../../components/fx":75,"../../lib/svg_text_utils":164,"./helpers":245,"d3":7}],250:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var styleOne = require('./style_one'); module.exports = function style(gd) { gd._fullLayout._pielayer.selectAll('.trace').each(function(cd) { var cd0 = cd[0], trace = cd0.trace, traceSelection = d3.select(this); traceSelection.style({opacity: trace.opacity}); traceSelection.selectAll('.top path.surface').each(function(pt) { d3.select(this).call(styleOne, pt, trace); }); }); }; },{"./style_one":251,"d3":7}],251:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Color = require('../../components/color'); module.exports = function styleOne(s, pt, trace) { var lineColor = trace.marker.line.color; if(Array.isArray(lineColor)) lineColor = lineColor[pt.i] || Color.defaultLine; var lineWidth = trace.marker.line.width || 0; if(Array.isArray(lineWidth)) lineWidth = lineWidth[pt.i] || 0; s.style({'stroke-width': lineWidth}) .call(Color.fill, pt.color) .call(Color.stroke, lineColor); }; },{"../../components/color":34}],252:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); // arrayOk attributes, merge them into calcdata array module.exports = function arraysToCalcdata(cd, trace) { // so each point knows which index it originally came from for(var i = 0; i < cd.length; i++) cd[i].i = i; Lib.mergeArray(trace.text, cd, 'tx'); Lib.mergeArray(trace.hovertext, cd, 'htx'); Lib.mergeArray(trace.customdata, cd, 'data'); Lib.mergeArray(trace.textposition, cd, 'tp'); if(trace.textfont) { Lib.mergeArray(trace.textfont.size, cd, 'ts'); Lib.mergeArray(trace.textfont.color, cd, 'tc'); Lib.mergeArray(trace.textfont.family, cd, 'tf'); } var marker = trace.marker; if(marker) { Lib.mergeArray(marker.size, cd, 'ms'); Lib.mergeArray(marker.opacity, cd, 'mo'); Lib.mergeArray(marker.symbol, cd, 'mx'); Lib.mergeArray(marker.color, cd, 'mc'); var markerLine = marker.line; if(marker.line) { Lib.mergeArray(markerLine.color, cd, 'mlc'); Lib.mergeArray(markerLine.width, cd, 'mlw'); } var markerGradient = marker.gradient; if(markerGradient && markerGradient.type !== 'none') { Lib.mergeArray(markerGradient.type, cd, 'mgt'); Lib.mergeArray(markerGradient.color, cd, 'mgc'); } } }; },{"../../lib":147}],253:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var colorAttributes = require('../../components/colorscale/color_attributes'); var errorBarAttrs = require('../../components/errorbars/attributes'); var colorbarAttrs = require('../../components/colorbar/attributes'); var dash = require('../../components/drawing/attributes').dash; var Drawing = require('../../components/drawing'); var constants = require('./constants'); var extendFlat = require('../../lib/extend').extendFlat; module.exports = { x: { valType: 'data_array', }, x0: { valType: 'any', dflt: 0, }, dx: { valType: 'number', dflt: 1, }, y: { valType: 'data_array', }, y0: { valType: 'any', dflt: 0, }, dy: { valType: 'number', dflt: 1, }, text: { valType: 'string', dflt: '', arrayOk: true, }, hovertext: { valType: 'string', dflt: '', arrayOk: true, }, mode: { valType: 'flaglist', flags: ['lines', 'markers', 'text'], extras: ['none'], }, hoveron: { valType: 'flaglist', flags: ['points', 'fills'], }, line: { color: { valType: 'color', }, width: { valType: 'number', min: 0, dflt: 2, }, shape: { valType: 'enumerated', values: ['linear', 'spline', 'hv', 'vh', 'hvh', 'vhv'], dflt: 'linear', }, smoothing: { valType: 'number', min: 0, max: 1.3, dflt: 1, }, dash: dash, simplify: { valType: 'boolean', dflt: true, } }, connectgaps: { valType: 'boolean', dflt: false, }, cliponaxis: { valType: 'boolean', dflt: true, editType: 'doplot', }, fill: { valType: 'enumerated', values: ['none', 'tozeroy', 'tozerox', 'tonexty', 'tonextx', 'toself', 'tonext'], dflt: 'none', }, fillcolor: { valType: 'color', }, marker: extendFlat({}, { symbol: { valType: 'enumerated', values: Drawing.symbolList, dflt: 'circle', arrayOk: true, }, opacity: { valType: 'number', min: 0, max: 1, arrayOk: true, }, size: { valType: 'number', min: 0, dflt: 6, arrayOk: true, }, maxdisplayed: { valType: 'number', min: 0, dflt: 0, }, sizeref: { valType: 'number', dflt: 1, }, sizemin: { valType: 'number', min: 0, dflt: 0, }, sizemode: { valType: 'enumerated', values: ['diameter', 'area'], dflt: 'diameter', }, showscale: { valType: 'boolean', dflt: false, }, colorbar: colorbarAttrs, line: extendFlat({}, { width: { valType: 'number', min: 0, arrayOk: true, } }, colorAttributes('marker.line') ), gradient: { type: { valType: 'enumerated', values: ['radial', 'horizontal', 'vertical', 'none'], arrayOk: true, dflt: 'none', }, color: { valType: 'color', arrayOk: true, } } }, colorAttributes('marker') ), textposition: { valType: 'enumerated', values: [ 'top left', 'top center', 'top right', 'middle left', 'middle center', 'middle right', 'bottom left', 'bottom center', 'bottom right' ], dflt: 'middle center', arrayOk: true, }, textfont: { family: { valType: 'string', noBlank: true, strict: true, arrayOk: true }, size: { valType: 'number', min: 1, arrayOk: true }, color: { valType: 'color', arrayOk: true }, }, r: { valType: 'data_array', }, t: { valType: 'data_array', }, error_y: errorBarAttrs, error_x: errorBarAttrs }; },{"../../components/colorbar/attributes":35,"../../components/colorscale/color_attributes":41,"../../components/drawing":58,"../../components/drawing/attributes":57,"../../components/errorbars/attributes":60,"../../lib/extend":142,"./constants":258}],254:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var Axes = require('../../plots/cartesian/axes'); var BADNUM = require('../../constants/numerical').BADNUM; var subTypes = require('./subtypes'); var calcColorscale = require('./colorscale_calc'); var arraysToCalcdata = require('./arrays_to_calcdata'); module.exports = function calc(gd, trace) { var xa = Axes.getFromId(gd, trace.xaxis || 'x'), ya = Axes.getFromId(gd, trace.yaxis || 'y'); var x = xa.makeCalcdata(trace, 'x'), y = ya.makeCalcdata(trace, 'y'); var serieslen = Math.min(x.length, y.length), marker, s, i; // cancel minimum tick spacings (only applies to bars and boxes) xa._minDtick = 0; ya._minDtick = 0; if(x.length > serieslen) x.splice(serieslen, x.length - serieslen); if(y.length > serieslen) y.splice(serieslen, y.length - serieslen); // check whether bounds should be tight, padded, extended to zero... // most cases both should be padded on both ends, so start with that. var xOptions = {padded: true}, yOptions = {padded: true}; if(subTypes.hasMarkers(trace)) { // Treat size like x or y arrays --- Run d2c // this needs to go before ppad computation marker = trace.marker; s = marker.size; if(Array.isArray(s)) { // I tried auto-type but category and dates dont make much sense. var ax = {type: 'linear'}; Axes.setConvert(ax); s = ax.makeCalcdata(trace.marker, 'size'); if(s.length > serieslen) s.splice(serieslen, s.length - serieslen); } var sizeref = 1.6 * (trace.marker.sizeref || 1), markerTrans; if(trace.marker.sizemode === 'area') { markerTrans = function(v) { return Math.max(Math.sqrt((v || 0) / sizeref), 3); }; } else { markerTrans = function(v) { return Math.max((v || 0) / sizeref, 3); }; } xOptions.ppad = yOptions.ppad = Array.isArray(s) ? s.map(markerTrans) : markerTrans(s); } calcColorscale(trace); // TODO: text size // include zero (tight) and extremes (padded) if fill to zero // (unless the shape is closed, then it's just filling the shape regardless) if(((trace.fill === 'tozerox') || ((trace.fill === 'tonextx') && gd.firstscatter)) && ((x[0] !== x[serieslen - 1]) || (y[0] !== y[serieslen - 1]))) { xOptions.tozero = true; } // if no error bars, markers or text, or fill to y=0 remove x padding else if(!trace.error_y.visible && ( ['tonexty', 'tozeroy'].indexOf(trace.fill) !== -1 || (!subTypes.hasMarkers(trace) && !subTypes.hasText(trace)) )) { xOptions.padded = false; xOptions.ppad = 0; } // now check for y - rather different logic, though still mostly padded both ends // include zero (tight) and extremes (padded) if fill to zero // (unless the shape is closed, then it's just filling the shape regardless) if(((trace.fill === 'tozeroy') || ((trace.fill === 'tonexty') && gd.firstscatter)) && ((x[0] !== x[serieslen - 1]) || (y[0] !== y[serieslen - 1]))) { yOptions.tozero = true; } // tight y: any x fill else if(['tonextx', 'tozerox'].indexOf(trace.fill) !== -1) { yOptions.padded = false; } Axes.expand(xa, x, xOptions); Axes.expand(ya, y, yOptions); // create the "calculated data" to plot var cd = new Array(serieslen); for(i = 0; i < serieslen; i++) { cd[i] = (isNumeric(x[i]) && isNumeric(y[i])) ? {x: x[i], y: y[i]} : {x: BADNUM, y: BADNUM}; if(trace.ids) { cd[i].id = String(trace.ids[i]); } } arraysToCalcdata(cd, trace); gd.firstscatter = false; return cd; }; },{"../../constants/numerical":132,"../../plots/cartesian/axes":183,"./arrays_to_calcdata":252,"./colorscale_calc":257,"./subtypes":273,"fast-isnumeric":10}],255:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // remove opacity for any trace that has a fill or is filled to module.exports = function cleanData(fullData) { for(var i = 0; i < fullData.length; i++) { var tracei = fullData[i]; if(tracei.type !== 'scatter') continue; var filli = tracei.fill; if(filli === 'none' || filli === 'toself') continue; tracei.opacity = undefined; if(filli === 'tonexty' || filli === 'tonextx') { for(var j = i - 1; j >= 0; j--) { var tracej = fullData[j]; if((tracej.type === 'scatter') && (tracej.xaxis === tracei.xaxis) && (tracej.yaxis === tracei.yaxis)) { tracej.opacity = undefined; break; } } } } }; },{}],256:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); var Lib = require('../../lib'); var Plots = require('../../plots/plots'); var Colorscale = require('../../components/colorscale'); var drawColorbar = require('../../components/colorbar/draw'); module.exports = function colorbar(gd, cd) { var trace = cd[0].trace, marker = trace.marker, cbId = 'cb' + trace.uid; gd._fullLayout._infolayer.selectAll('.' + cbId).remove(); // TODO make Colorbar.draw support multiple colorbar per trace if((marker === undefined) || !marker.showscale) { Plots.autoMargin(gd, cbId); return; } var vals = marker.color, cmin = marker.cmin, cmax = marker.cmax; if(!isNumeric(cmin)) cmin = Lib.aggNums(Math.min, null, vals); if(!isNumeric(cmax)) cmax = Lib.aggNums(Math.max, null, vals); var cb = cd[0].t.cb = drawColorbar(gd, cbId); var sclFunc = Colorscale.makeColorScaleFunc( Colorscale.extractScale( marker.colorscale, cmin, cmax ), { noNumericCheck: true } ); cb.fillcolor(sclFunc) .filllevels({start: cmin, end: cmax, size: (cmax - cmin) / 254}) .options(marker.colorbar)(); }; },{"../../components/colorbar/draw":37,"../../components/colorscale":48,"../../lib":147,"../../plots/plots":212,"fast-isnumeric":10}],257:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var hasColorscale = require('../../components/colorscale/has_colorscale'); var calcColorscale = require('../../components/colorscale/calc'); var subTypes = require('./subtypes'); module.exports = function calcMarkerColorscale(trace) { if(subTypes.hasLines(trace) && hasColorscale(trace, 'line')) { calcColorscale(trace, trace.line.color, 'line', 'c'); } if(subTypes.hasMarkers(trace)) { if(hasColorscale(trace, 'marker')) { calcColorscale(trace, trace.marker.color, 'marker', 'c'); } if(hasColorscale(trace, 'marker.line')) { calcColorscale(trace, trace.marker.line.color, 'marker.line', 'c'); } } }; },{"../../components/colorscale/calc":40,"../../components/colorscale/has_colorscale":47,"./subtypes":273}],258:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = { PTS_LINESONLY: 20 }; },{}],259:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var attributes = require('./attributes'); var constants = require('./constants'); var subTypes = require('./subtypes'); var handleXYDefaults = require('./xy_defaults'); var handleMarkerDefaults = require('./marker_defaults'); var handleLineDefaults = require('./line_defaults'); var handleLineShapeDefaults = require('./line_shape_defaults'); var handleTextDefaults = require('./text_defaults'); var handleFillColorDefaults = require('./fillcolor_defaults'); var errorBarsSupplyDefaults = require('../../components/errorbars/defaults'); module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout) { function coerce(attr, dflt) { return Lib.coerce(traceIn, traceOut, attributes, attr, dflt); } var len = handleXYDefaults(traceIn, traceOut, layout, coerce), // TODO: default mode by orphan points... defaultMode = len < constants.PTS_LINESONLY ? 'lines+markers' : 'lines'; if(!len) { traceOut.visible = false; return; } coerce('text'); coerce('hovertext'); coerce('mode', defaultMode); if(subTypes.hasLines(traceOut)) { handleLineDefaults(traceIn, traceOut, defaultColor, layout, coerce); handleLineShapeDefaults(traceIn, traceOut, coerce); coerce('connectgaps'); coerce('line.simplify'); } if(subTypes.hasMarkers(traceOut)) { handleMarkerDefaults(traceIn, traceOut, defaultColor, layout, coerce, {gradient: true}); } if(subTypes.hasText(traceOut)) { handleTextDefaults(traceIn, traceOut, layout, coerce); } var dfltHoverOn = []; if(subTypes.hasMarkers(traceOut) || subTypes.hasText(traceOut)) { coerce('marker.maxdisplayed'); dfltHoverOn.push('points'); } coerce('fill'); if(traceOut.fill !== 'none') { handleFillColorDefaults(traceIn, traceOut, defaultColor, coerce); if(!subTypes.hasLines(traceOut)) handleLineShapeDefaults(traceIn, traceOut, coerce); } if(traceOut.fill === 'tonext' || traceOut.fill === 'toself') { dfltHoverOn.push('fills'); } coerce('hoveron', dfltHoverOn.join('+') || 'points'); errorBarsSupplyDefaults(traceIn, traceOut, defaultColor, {axis: 'y'}); errorBarsSupplyDefaults(traceIn, traceOut, defaultColor, {axis: 'x', inherit: 'y'}); coerce('cliponaxis'); }; },{"../../components/errorbars/defaults":63,"../../lib":147,"./attributes":253,"./constants":258,"./fillcolor_defaults":260,"./line_defaults":264,"./line_shape_defaults":266,"./marker_defaults":269,"./subtypes":273,"./text_defaults":274,"./xy_defaults":275}],260:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Color = require('../../components/color'); module.exports = function fillColorDefaults(traceIn, traceOut, defaultColor, coerce) { var inheritColorFromMarker = false; if(traceOut.marker) { // don't try to inherit a color array var markerColor = traceOut.marker.color, markerLineColor = (traceOut.marker.line || {}).color; if(markerColor && !Array.isArray(markerColor)) { inheritColorFromMarker = markerColor; } else if(markerLineColor && !Array.isArray(markerLineColor)) { inheritColorFromMarker = markerLineColor; } } coerce('fillcolor', Color.addOpacity( (traceOut.line || {}).color || inheritColorFromMarker || defaultColor, 0.5 )); }; },{"../../components/color":34}],261:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Color = require('../../components/color'); var subtypes = require('./subtypes'); module.exports = function getTraceColor(trace, di) { var lc, tc; // TODO: text modes if(trace.mode === 'lines') { lc = trace.line.color; return (lc && Color.opacity(lc)) ? lc : trace.fillcolor; } else if(trace.mode === 'none') { return trace.fill ? trace.fillcolor : ''; } else { var mc = di.mcc || (trace.marker || {}).color, mlc = di.mlcc || ((trace.marker || {}).line || {}).color; tc = (mc && Color.opacity(mc)) ? mc : (mlc && Color.opacity(mlc) && (di.mlw || ((trace.marker || {}).line || {}).width)) ? mlc : ''; if(tc) { // make sure the points aren't TOO transparent if(Color.opacity(tc) < 0.3) { return Color.addOpacity(tc, 0.3); } else return tc; } else { lc = (trace.line || {}).color; return (lc && Color.opacity(lc) && subtypes.hasLines(trace) && trace.line.width) ? lc : trace.fillcolor; } } }; },{"../../components/color":34,"./subtypes":273}],262:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); var Fx = require('../../components/fx'); var ErrorBars = require('../../components/errorbars'); var getTraceColor = require('./get_trace_color'); var Color = require('../../components/color'); var MAXDIST = Fx.constants.MAXDIST; module.exports = function hoverPoints(pointData, xval, yval, hovermode) { var cd = pointData.cd, trace = cd[0].trace, xa = pointData.xa, ya = pointData.ya, xpx = xa.c2p(xval), ypx = ya.c2p(yval), pt = [xpx, ypx], hoveron = trace.hoveron || ''; // look for points to hover on first, then take fills only if we // didn't find a point if(hoveron.indexOf('points') !== -1) { var dx = function(di) { // scatter points: d.mrc is the calculated marker radius // adjust the distance so if you're inside the marker it // always will show up regardless of point size, but // prioritize smaller points var rad = Math.max(3, di.mrc || 0); return Math.max(Math.abs(xa.c2p(di.x) - xpx) - rad, 1 - 3 / rad); }, dy = function(di) { var rad = Math.max(3, di.mrc || 0); return Math.max(Math.abs(ya.c2p(di.y) - ypx) - rad, 1 - 3 / rad); }, dxy = function(di) { var rad = Math.max(3, di.mrc || 0), dx = xa.c2p(di.x) - xpx, dy = ya.c2p(di.y) - ypx; return Math.max(Math.sqrt(dx * dx + dy * dy) - rad, 1 - 3 / rad); }, distfn = Fx.getDistanceFunction(hovermode, dx, dy, dxy); Fx.getClosest(cd, distfn, pointData); // skip the rest (for this trace) if we didn't find a close point if(pointData.index !== false) { // the closest data point var di = cd[pointData.index], xc = xa.c2p(di.x, true), yc = ya.c2p(di.y, true), rad = di.mrc || 1; Lib.extendFlat(pointData, { color: getTraceColor(trace, di), x0: xc - rad, x1: xc + rad, xLabelVal: di.x, y0: yc - rad, y1: yc + rad, yLabelVal: di.y }); if(di.htx) pointData.text = di.htx; else if(trace.hovertext) pointData.text = trace.hovertext; else if(di.tx) pointData.text = di.tx; else if(trace.text) pointData.text = trace.text; ErrorBars.hoverInfo(di, trace, pointData); return [pointData]; } } // even if hoveron is 'fills', only use it if we have polygons too if(hoveron.indexOf('fills') !== -1 && trace._polygons) { var polygons = trace._polygons, polygonsIn = [], inside = false, xmin = Infinity, xmax = -Infinity, ymin = Infinity, ymax = -Infinity, i, j, polygon, pts, xCross, x0, x1, y0, y1; for(i = 0; i < polygons.length; i++) { polygon = polygons[i]; // TODO: this is not going to work right for curved edges, it will // act as though they're straight. That's probably going to need // the elements themselves to capture the events. Worth it? if(polygon.contains(pt)) { inside = !inside; // TODO: need better than just the overall bounding box polygonsIn.push(polygon); ymin = Math.min(ymin, polygon.ymin); ymax = Math.max(ymax, polygon.ymax); } } if(inside) { // constrain ymin/max to the visible plot, so the label goes // at the middle of the piece you can see ymin = Math.max(ymin, 0); ymax = Math.min(ymax, ya._length); // find the overall left-most and right-most points of the // polygon(s) we're inside at their combined vertical midpoint. // This is where we will draw the hover label. // Note that this might not be the vertical midpoint of the // whole trace, if it's disjoint. var yAvg = (ymin + ymax) / 2; for(i = 0; i < polygonsIn.length; i++) { pts = polygonsIn[i].pts; for(j = 1; j < pts.length; j++) { y0 = pts[j - 1][1]; y1 = pts[j][1]; if((y0 > yAvg) !== (y1 >= yAvg)) { x0 = pts[j - 1][0]; x1 = pts[j][0]; xCross = x0 + (x1 - x0) * (yAvg - y0) / (y1 - y0); xmin = Math.min(xmin, xCross); xmax = Math.max(xmax, xCross); } } } // constrain xmin/max to the visible plot now too xmin = Math.max(xmin, 0); xmax = Math.min(xmax, xa._length); // get only fill or line color for the hover color var color = Color.defaultLine; if(Color.opacity(trace.fillcolor)) color = trace.fillcolor; else if(Color.opacity((trace.line || {}).color)) { color = trace.line.color; } Lib.extendFlat(pointData, { // never let a 2D override 1D type as closest point distance: MAXDIST + 10, x0: xmin, x1: xmax, y0: yAvg, y1: yAvg, color: color }); delete pointData.index; if(trace.text && !Array.isArray(trace.text)) { pointData.text = String(trace.text); } else pointData.text = trace.name; return [pointData]; } } }; },{"../../components/color":34,"../../components/errorbars":64,"../../components/fx":75,"../../lib":147,"./get_trace_color":261}],263:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Scatter = {}; var subtypes = require('./subtypes'); Scatter.hasLines = subtypes.hasLines; Scatter.hasMarkers = subtypes.hasMarkers; Scatter.hasText = subtypes.hasText; Scatter.isBubble = subtypes.isBubble; // traces with < this many points are by default shown // with points and lines, > just get lines Scatter.attributes = require('./attributes'); Scatter.supplyDefaults = require('./defaults'); Scatter.cleanData = require('./clean_data'); Scatter.calc = require('./calc'); Scatter.arraysToCalcdata = require('./arrays_to_calcdata'); Scatter.plot = require('./plot'); Scatter.colorbar = require('./colorbar'); Scatter.style = require('./style'); Scatter.hoverPoints = require('./hover'); Scatter.selectPoints = require('./select'); Scatter.animatable = true; Scatter.moduleType = 'trace'; Scatter.name = 'scatter'; Scatter.basePlotModule = require('../../plots/cartesian'); Scatter.categories = ['cartesian', 'symbols', 'markerColorscale', 'errorBarsOK', 'showLegend', 'scatter-like']; Scatter.meta = { }; module.exports = Scatter; },{"../../plots/cartesian":193,"./arrays_to_calcdata":252,"./attributes":253,"./calc":254,"./clean_data":255,"./colorbar":256,"./defaults":259,"./hover":262,"./plot":270,"./select":271,"./style":272,"./subtypes":273}],264:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var hasColorscale = require('../../components/colorscale/has_colorscale'); var colorscaleDefaults = require('../../components/colorscale/defaults'); module.exports = function lineDefaults(traceIn, traceOut, defaultColor, layout, coerce, opts) { var markerColor = (traceIn.marker || {}).color; coerce('line.color', defaultColor); if(hasColorscale(traceIn, 'line')) { colorscaleDefaults(traceIn, traceOut, layout, coerce, {prefix: 'line.', cLetter: 'c'}); } else { var lineColorDflt = (Array.isArray(markerColor) ? false : markerColor) || defaultColor; coerce('line.color', lineColorDflt); } coerce('line.width'); if(!(opts || {}).noDash) coerce('line.dash'); }; },{"../../components/colorscale/defaults":43,"../../components/colorscale/has_colorscale":47}],265:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var BADNUM = require('../../constants/numerical').BADNUM; module.exports = function linePoints(d, opts) { var xa = opts.xaxis, ya = opts.yaxis, simplify = opts.simplify, connectGaps = opts.connectGaps, baseTolerance = opts.baseTolerance, linear = opts.linear, segments = [], minTolerance = 0.2, // fraction of tolerance "so close we don't even consider it a new point" pts = new Array(d.length), pti = 0, i, // pt variables are pixel coordinates [x,y] of one point clusterStartPt, // these four are the outputs of clustering on a line clusterEndPt, clusterHighPt, clusterLowPt, thisPt, // "this" is the next point we're considering adding to the cluster clusterRefDist, clusterHighFirst, // did we encounter the high point first, then a low point, or vice versa? clusterUnitVector, // the first two points in the cluster determine its unit vector // so the second is always in the "High" direction thisVector, // the pixel delta from clusterStartPt // val variables are (signed) pixel distances along the cluster vector clusterHighVal, clusterLowVal, thisVal, // deviation variables are (signed) pixel distances normal to the cluster vector clusterMinDeviation, clusterMaxDeviation, thisDeviation; if(!simplify) { baseTolerance = minTolerance = -1; } // turn one calcdata point into pixel coordinates function getPt(index) { var x = xa.c2p(d[index].x), y = ya.c2p(d[index].y); if(x === BADNUM || y === BADNUM) return false; return [x, y]; } // if we're off-screen, increase tolerance over baseTolerance function getTolerance(pt) { var xFrac = pt[0] / xa._length, yFrac = pt[1] / ya._length; return (1 + 10 * Math.max(0, -xFrac, xFrac - 1, -yFrac, yFrac - 1)) * baseTolerance; } function ptDist(pt1, pt2) { var dx = pt1[0] - pt2[0], dy = pt1[1] - pt2[1]; return Math.sqrt(dx * dx + dy * dy); } // loop over ALL points in this trace for(i = 0; i < d.length; i++) { clusterStartPt = getPt(i); if(!clusterStartPt) continue; pti = 0; pts[pti++] = clusterStartPt; // loop over one segment of the trace for(i++; i < d.length; i++) { clusterHighPt = getPt(i); if(!clusterHighPt) { if(connectGaps) continue; else break; } // can't decimate if nonlinear line shape // TODO: we *could* decimate [hv]{2,3} shapes if we restricted clusters to horz or vert again // but spline would be verrry awkward to decimate if(!linear) { pts[pti++] = clusterHighPt; continue; } clusterRefDist = ptDist(clusterHighPt, clusterStartPt); if(clusterRefDist < getTolerance(clusterHighPt) * minTolerance) continue; clusterUnitVector = [ (clusterHighPt[0] - clusterStartPt[0]) / clusterRefDist, (clusterHighPt[1] - clusterStartPt[1]) / clusterRefDist ]; clusterLowPt = clusterStartPt; clusterHighVal = clusterRefDist; clusterLowVal = clusterMinDeviation = clusterMaxDeviation = 0; clusterHighFirst = false; clusterEndPt = clusterHighPt; // loop over one cluster of points that collapse onto one line for(i++; i < d.length; i++) { thisPt = getPt(i); if(!thisPt) { if(connectGaps) continue; else break; } thisVector = [ thisPt[0] - clusterStartPt[0], thisPt[1] - clusterStartPt[1] ]; // cross product (or dot with normal to the cluster vector) thisDeviation = thisVector[0] * clusterUnitVector[1] - thisVector[1] * clusterUnitVector[0]; clusterMinDeviation = Math.min(clusterMinDeviation, thisDeviation); clusterMaxDeviation = Math.max(clusterMaxDeviation, thisDeviation); if(clusterMaxDeviation - clusterMinDeviation > getTolerance(thisPt)) break; clusterEndPt = thisPt; thisVal = thisVector[0] * clusterUnitVector[0] + thisVector[1] * clusterUnitVector[1]; if(thisVal > clusterHighVal) { clusterHighVal = thisVal; clusterHighPt = thisPt; clusterHighFirst = false; } else if(thisVal < clusterLowVal) { clusterLowVal = thisVal; clusterLowPt = thisPt; clusterHighFirst = true; } } // insert this cluster into pts // we've already inserted the start pt, now check if we have high and low pts if(clusterHighFirst) { pts[pti++] = clusterHighPt; if(clusterEndPt !== clusterLowPt) pts[pti++] = clusterLowPt; } else { if(clusterLowPt !== clusterStartPt) pts[pti++] = clusterLowPt; if(clusterEndPt !== clusterHighPt) pts[pti++] = clusterHighPt; } // and finally insert the end pt pts[pti++] = clusterEndPt; // have we reached the end of this segment? if(i >= d.length || !thisPt) break; // otherwise we have an out-of-cluster point to insert as next clusterStartPt pts[pti++] = thisPt; clusterStartPt = thisPt; } segments.push(pts.slice(0, pti)); } return segments; }; },{"../../constants/numerical":132}],266:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; // common to 'scatter' and 'scatterternary' module.exports = function handleLineShapeDefaults(traceIn, traceOut, coerce) { var shape = coerce('line.shape'); if(shape === 'spline') coerce('line.smoothing'); }; },{}],267:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; module.exports = function linkTraces(gd, plotinfo, cdscatter) { var cd, trace; var prevtrace = null; for(var i = 0; i < cdscatter.length; ++i) { cd = cdscatter[i]; trace = cd[0].trace; // Note: The check which ensures all cdscatter here are for the same axis and // are either cartesian or scatterternary has been removed. This code assumes // the passed scattertraces have been filtered to the proper plot types and // the proper subplots. if(trace.visible === true) { trace._nexttrace = null; if(['tonextx', 'tonexty', 'tonext'].indexOf(trace.fill) !== -1) { trace._prevtrace = prevtrace; if(prevtrace) { prevtrace._nexttrace = trace; } } prevtrace = trace; } else { trace._prevtrace = trace._nexttrace = null; } } }; },{}],268:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var isNumeric = require('fast-isnumeric'); // used in the drawing step for 'scatter' and 'scattegeo' and // in the convert step for 'scatter3d' module.exports = function makeBubbleSizeFn(trace) { var marker = trace.marker, sizeRef = marker.sizeref || 1, sizeMin = marker.sizemin || 0; // for bubble charts, allow scaling the provided value linearly // and by area or diameter. // Note this only applies to the array-value sizes var baseFn = (marker.sizemode === 'area') ? function(v) { return Math.sqrt(v / sizeRef); } : function(v) { return v / sizeRef; }; // TODO add support for position/negative bubbles? // TODO add 'sizeoffset' attribute? return function(v) { var baseSize = baseFn(v / 2); // don't show non-numeric and negative sizes return (isNumeric(baseSize) && (baseSize > 0)) ? Math.max(baseSize, sizeMin) : 0; }; }; },{"fast-isnumeric":10}],269:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Color = require('../../components/color'); var hasColorscale = require('../../components/colorscale/has_colorscale'); var colorscaleDefaults = require('../../components/colorscale/defaults'); var subTypes = require('./subtypes'); /* * opts: object of flags to control features not all marker users support * noLine: caller does not support marker lines * gradient: caller supports gradients */ module.exports = function markerDefaults(traceIn, traceOut, defaultColor, layout, coerce, opts) { var isBubble = subTypes.isBubble(traceIn), lineColor = (traceIn.line || {}).color, defaultMLC; opts = opts || {}; // marker.color inherit from line.color (even if line.color is an array) if(lineColor) defaultColor = lineColor; coerce('marker.symbol'); coerce('marker.opacity', isBubble ? 0.7 : 1); coerce('marker.size'); coerce('marker.color', defaultColor); if(hasColorscale(traceIn, 'marker')) { colorscaleDefaults(traceIn, traceOut, layout, coerce, {prefix: 'marker.', cLetter: 'c'}); } if(!opts.noLine) { // if there's a line with a different color than the marker, use // that line color as the default marker line color // (except when it's an array) // mostly this is for transparent markers to behave nicely if(lineColor && !Array.isArray(lineColor) && (traceOut.marker.color !== lineColor)) { defaultMLC = lineColor; } else if(isBubble) defaultMLC = Color.background; else defaultMLC = Color.defaultLine; coerce('marker.line.color', defaultMLC); if(hasColorscale(traceIn, 'marker.line')) { colorscaleDefaults(traceIn, traceOut, layout, coerce, {prefix: 'marker.line.', cLetter: 'c'}); } coerce('marker.line.width', isBubble ? 1 : 0); } if(isBubble) { coerce('marker.sizeref'); coerce('marker.sizemin'); coerce('marker.sizemode'); } if(opts.gradient) { var gradientType = coerce('marker.gradient.type'); if(gradientType !== 'none') { coerce('marker.gradient.color'); } } }; },{"../../components/color":34,"../../components/colorscale/defaults":43,"../../components/colorscale/has_colorscale":47,"./subtypes":273}],270:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Lib = require('../../lib'); var Drawing = require('../../components/drawing'); var ErrorBars = require('../../components/errorbars'); var subTypes = require('./subtypes'); var linePoints = require('./line_points'); var linkTraces = require('./link_traces'); var polygonTester = require('../../lib/polygon').tester; module.exports = function plot(gd, plotinfo, cdscatter, transitionOpts, makeOnCompleteCallback) { var i, uids, selection, join, onComplete; var scatterlayer = plotinfo.plot.select('g.scatterlayer'); // If transition config is provided, then it is only a partial replot and traces not // updated are removed. var isFullReplot = !transitionOpts; var hasTransition = !!transitionOpts && transitionOpts.duration > 0; selection = scatterlayer.selectAll('g.trace'); join = selection.data(cdscatter, function(d) { return d[0].trace.uid; }); // Append new traces: join.enter().append('g') .attr('class', function(d) { return 'trace scatter trace' + d[0].trace.uid; }) .style('stroke-miterlimit', 2); // After the elements are created but before they've been draw, we have to perform // this extra step of linking the traces. This allows appending of fill layers so that // the z-order of fill layers is correct. linkTraces(gd, plotinfo, cdscatter); createFills(gd, scatterlayer, plotinfo); // Sort the traces, once created, so that the ordering is preserved even when traces // are shown and hidden. This is needed since we're not just wiping everything out // and recreating on every update. for(i = 0, uids = {}; i < cdscatter.length; i++) { uids[cdscatter[i][0].trace.uid] = i; } scatterlayer.selectAll('g.trace').sort(function(a, b) { var idx1 = uids[a[0].trace.uid]; var idx2 = uids[b[0].trace.uid]; return idx1 > idx2 ? 1 : -1; }); if(hasTransition) { if(makeOnCompleteCallback) { // If it was passed a callback to register completion, make a callback. If // this is created, then it must be executed on completion, otherwise the // pos-transition redraw will not execute: onComplete = makeOnCompleteCallback(); } var transition = d3.transition() .duration(transitionOpts.duration) .ease(transitionOpts.easing) .each('end', function() { onComplete && onComplete(); }) .each('interrupt', function() { onComplete && onComplete(); }); transition.each(function() { // Must run the selection again since otherwise enters/updates get grouped together // and these get executed out of order. Except we need them in order! scatterlayer.selectAll('g.trace').each(function(d, i) { plotOne(gd, i, plotinfo, d, cdscatter, this, transitionOpts); }); }); } else { scatterlayer.selectAll('g.trace').each(function(d, i) { plotOne(gd, i, plotinfo, d, cdscatter, this, transitionOpts); }); } if(isFullReplot) { join.exit().remove(); } // remove paths that didn't get used scatterlayer.selectAll('path:not([d])').remove(); }; function createFills(gd, scatterlayer, plotinfo) { var trace; scatterlayer.selectAll('g.trace').each(function(d) { var tr = d3.select(this); // Loop only over the traces being redrawn: trace = d[0].trace; // make the fill-to-next path now for the NEXT trace, so it shows // behind both lines. if(trace._nexttrace) { trace._nextFill = tr.select('.js-fill.js-tonext'); if(!trace._nextFill.size()) { // If there is an existing tozero fill, we must insert this *after* that fill: var loc = ':first-child'; if(tr.select('.js-fill.js-tozero').size()) { loc += ' + *'; } trace._nextFill = tr.insert('path', loc).attr('class', 'js-fill js-tonext'); } } else { tr.selectAll('.js-fill.js-tonext').remove(); trace._nextFill = null; } if(trace.fill && (trace.fill.substr(0, 6) === 'tozero' || trace.fill === 'toself' || (trace.fill.substr(0, 2) === 'to' && !trace._prevtrace))) { trace._ownFill = tr.select('.js-fill.js-tozero'); if(!trace._ownFill.size()) { trace._ownFill = tr.insert('path', ':first-child').attr('class', 'js-fill js-tozero'); } } else { tr.selectAll('.js-fill.js-tozero').remove(); trace._ownFill = null; } tr.selectAll('.js-fill').call(Drawing.setClipUrl, plotinfo.layerClipId); }); } function plotOne(gd, idx, plotinfo, cdscatter, cdscatterAll, element, transitionOpts) { var join, i; // Since this has been reorganized and we're executing this on individual traces, // we need to pass it the full list of cdscatter as well as this trace's index (idx) // since it does an internal n^2 loop over comparisons with other traces: selectMarkers(gd, idx, plotinfo, cdscatter, cdscatterAll); var hasTransition = !!transitionOpts && transitionOpts.duration > 0; function transition(selection) { return hasTransition ? selection.transition() : selection; } var xa = plotinfo.xaxis, ya = plotinfo.yaxis; var trace = cdscatter[0].trace, line = trace.line, tr = d3.select(element); // (so error bars can find them along with bars) // error bars are at the bottom tr.call(ErrorBars.plot, plotinfo, transitionOpts); if(trace.visible !== true) return; transition(tr).style('opacity', trace.opacity); // BUILD LINES AND FILLS var ownFillEl3, tonext; var ownFillDir = trace.fill.charAt(trace.fill.length - 1); if(ownFillDir !== 'x' && ownFillDir !== 'y') ownFillDir = ''; // store node for tweaking by selectPoints cdscatter[0].node3 = tr; var prevRevpath = ''; var prevPolygons = []; var prevtrace = trace._prevtrace; if(prevtrace) { prevRevpath = prevtrace._prevRevpath || ''; tonext = prevtrace._nextFill; prevPolygons = prevtrace._polygons; } var thispath, thisrevpath, // fullpath is all paths for this curve, joined together straight // across gaps, for filling fullpath = '', // revpath is fullpath reversed, for fill-to-next revpath = '', // functions for converting a point array to a path pathfn, revpathbase, revpathfn, // variables used before and after the data join pt0, lastSegment, pt1, thisPolygons; // initialize line join data / method var segments = [], lineSegments = [], makeUpdate = Lib.noop; ownFillEl3 = trace._ownFill; if(subTypes.hasLines(trace) || trace.fill !== 'none') { if(tonext) { // This tells .style which trace to use for fill information: tonext.datum(cdscatter); } if(['hv', 'vh', 'hvh', 'vhv'].indexOf(line.shape) !== -1) { pathfn = Drawing.steps(line.shape); revpathbase = Drawing.steps( line.shape.split('').reverse().join('') ); } else if(line.shape === 'spline') { pathfn = revpathbase = function(pts) { var pLast = pts[pts.length - 1]; if(pts[0][0] === pLast[0] && pts[0][1] === pLast[1]) { // identical start and end points: treat it as a // closed curve so we don't get a kink return Drawing.smoothclosed(pts.slice(1), line.smoothing); } else { return Drawing.smoothopen(pts, line.smoothing); } }; } else { pathfn = revpathbase = function(pts) { return 'M' + pts.join('L'); }; } revpathfn = function(pts) { // note: this is destructive (reverses pts in place) so can't use pts after this return revpathbase(pts.reverse()); }; segments = linePoints(cdscatter, { xaxis: xa, yaxis: ya, connectGaps: trace.connectgaps, baseTolerance: Math.max(line.width || 1, 3) / 4, linear: line.shape === 'linear', simplify: line.simplify }); // since we already have the pixel segments here, use them to make // polygons for hover on fill // TODO: can we skip this if hoveron!=fills? That would mean we // need to redraw when you change hoveron... thisPolygons = trace._polygons = new Array(segments.length); for(i = 0; i < segments.length; i++) { trace._polygons[i] = polygonTester(segments[i]); } if(segments.length) { pt0 = segments[0][0]; lastSegment = segments[segments.length - 1]; pt1 = lastSegment[lastSegment.length - 1]; } lineSegments = segments.filter(function(s) { return s.length > 1; }); makeUpdate = function(isEnter) { return function(pts) { thispath = pathfn(pts); thisrevpath = revpathfn(pts); if(!fullpath) { fullpath = thispath; revpath = thisrevpath; } else if(ownFillDir) { fullpath += 'L' + thispath.substr(1); revpath = thisrevpath + ('L' + revpath.substr(1)); } else { fullpath += 'Z' + thispath; revpath = thisrevpath + 'Z' + revpath; } if(subTypes.hasLines(trace) && pts.length > 1) { var el = d3.select(this); // This makes the coloring work correctly: el.datum(cdscatter); if(isEnter) { transition(el.style('opacity', 0) .attr('d', thispath) .call(Drawing.lineGroupStyle)) .style('opacity', 1); } else { var sel = transition(el); sel.attr('d', thispath); Drawing.singleLineStyle(cdscatter, sel); } } }; }; } var lineJoin = tr.selectAll('.js-line').data(lineSegments); transition(lineJoin.exit()) .style('opacity', 0) .remove(); lineJoin.each(makeUpdate(false)); lineJoin.enter().append('path') .classed('js-line', true) .style('vector-effect', 'non-scaling-stroke') .call(Drawing.lineGroupStyle) .each(makeUpdate(true)); Drawing.setClipUrl(lineJoin, plotinfo.layerClipId); if(segments.length) { if(ownFillEl3) { if(pt0 && pt1) { if(ownFillDir) { if(ownFillDir === 'y') { pt0[1] = pt1[1] = ya.c2p(0, true); } else if(ownFillDir === 'x') { pt0[0] = pt1[0] = xa.c2p(0, true); } // fill to zero: full trace path, plus extension of // the endpoints to the appropriate axis // For the sake of animations, wrap the points around so that // the points on the axes are the first two points. Otherwise // animations get a little crazy if the number of points changes. transition(ownFillEl3).attr('d', 'M' + pt1 + 'L' + pt0 + 'L' + fullpath.substr(1)) .call(Drawing.singleFillStyle); } else { // fill to self: just join the path to itself transition(ownFillEl3).attr('d', fullpath + 'Z') .call(Drawing.singleFillStyle); } } } else if(trace.fill.substr(0, 6) === 'tonext' && fullpath && prevRevpath) { // fill to next: full trace path, plus the previous path reversed if(trace.fill === 'tonext') { // tonext: for use by concentric shapes, like manually constructed // contours, we just add the two paths closed on themselves. // This makes strange results if one path is *not* entirely // inside the other, but then that is a strange usage. transition(tonext).attr('d', fullpath + 'Z' + prevRevpath + 'Z') .call(Drawing.singleFillStyle); } else { // tonextx/y: for now just connect endpoints with lines. This is // the correct behavior if the endpoints are at the same value of // y/x, but if they *aren't*, we should ideally do more complicated // things depending on whether the new endpoint projects onto the // existing curve or off the end of it transition(tonext).attr('d', fullpath + 'L' + prevRevpath.substr(1) + 'Z') .call(Drawing.singleFillStyle); } trace._polygons = trace._polygons.concat(prevPolygons); } trace._prevRevpath = revpath; trace._prevPolygons = thisPolygons; } function visFilter(d) { return d.filter(function(v) { return v.vis; }); } function keyFunc(d) { return d.id; } // Returns a function if the trace is keyed, otherwise returns undefined function getKeyFunc(trace) { if(trace.ids) { return keyFunc; } } function hideFilter() { return false; } function makePoints(d) { var join, selection, hasNode; var trace = d[0].trace, s = d3.select(this), showMarkers = subTypes.hasMarkers(trace), showText = subTypes.hasText(trace); var keyFunc = getKeyFunc(trace), markerFilter = hideFilter, textFilter = hideFilter; if(showMarkers) { markerFilter = (trace.marker.maxdisplayed || trace._needsCull) ? visFilter : Lib.identity; } if(showText) { textFilter = (trace.marker.maxdisplayed || trace._needsCull) ? visFilter : Lib.identity; } // marker points selection = s.selectAll('path.point'); join = selection.data(markerFilter, keyFunc); var enter = join.enter().append('path') .classed('point', true); if(hasTransition) { enter .call(Drawing.pointStyle, trace, gd) .call(Drawing.translatePoints, xa, ya) .style('opacity', 0) .transition() .style('opacity', 1); } var markerScale = showMarkers && Drawing.tryColorscale(trace.marker, ''); var lineScale = showMarkers && Drawing.tryColorscale(trace.marker, 'line'); join.order(); join.each(function(d) { var el = d3.select(this); var sel = transition(el); hasNode = Drawing.translatePoint(d, sel, xa, ya); if(hasNode) { Drawing.singlePointStyle(d, sel, trace, markerScale, lineScale, gd); if(plotinfo.layerClipId) { Drawing.hideOutsideRangePoint(d, sel, xa, ya); } if(trace.customdata) { el.classed('plotly-customdata', d.data !== null && d.data !== undefined); } } else { sel.remove(); } }); if(hasTransition) { join.exit().transition() .style('opacity', 0) .remove(); } else { join.exit().remove(); } // text points selection = s.selectAll('g'); join = selection.data(textFilter, keyFunc); // each text needs to go in its own 'g' in case // it gets converted to mathjax join.enter().append('g').classed('textpoint', true).append('text'); join.order(); join.each(function(d) { var g = d3.select(this); var sel = transition(g.select('text')); hasNode = Drawing.translatePoint(d, sel, xa, ya); if(hasNode) { if(plotinfo.layerClipId) { Drawing.hideOutsideRangePoint(d, g, xa, ya); } } else { g.remove(); } }); join.selectAll('text') .call(Drawing.textPointStyle, trace, gd) .each(function(d) { // This just *has* to be totally custom becuase of SVG text positioning :( // It's obviously copied from translatePoint; we just can't use that var x = xa.c2p(d.x); var y = ya.c2p(d.y); d3.select(this).selectAll('tspan.line').each(function() { transition(d3.select(this)).attr({x: x, y: y}); }); }); join.exit().remove(); } // NB: selectAll is evaluated on instantiation: var pointSelection = tr.selectAll('.points'); // Join with new data join = pointSelection.data([cdscatter]); // Transition existing, but don't defer this to an async .transition since // there's no timing involved: pointSelection.each(makePoints); join.enter().append('g') .classed('points', true) .each(makePoints); join.exit().remove(); // lastly, clip points groups of `cliponaxis !== false` traces // on `plotinfo._hasClipOnAxisFalse === true` subplots join.each(function(d) { var hasClipOnAxisFalse = d[0].trace.cliponaxis === false; Drawing.setClipUrl(d3.select(this), hasClipOnAxisFalse ? null : plotinfo.layerClipId); }); } function selectMarkers(gd, idx, plotinfo, cdscatter, cdscatterAll) { var xa = plotinfo.xaxis, ya = plotinfo.yaxis, xr = d3.extent(Lib.simpleMap(xa.range, xa.r2c)), yr = d3.extent(Lib.simpleMap(ya.range, ya.r2c)); var trace = cdscatter[0].trace; if(!subTypes.hasMarkers(trace)) return; // if marker.maxdisplayed is used, select a maximum of // mnum markers to show, from the set that are in the viewport var mnum = trace.marker.maxdisplayed; // TODO: remove some as we get away from the viewport? if(mnum === 0) return; var cd = cdscatter.filter(function(v) { return v.x >= xr[0] && v.x <= xr[1] && v.y >= yr[0] && v.y <= yr[1]; }), inc = Math.ceil(cd.length / mnum), tnum = 0; cdscatterAll.forEach(function(cdj, j) { var tracei = cdj[0].trace; if(subTypes.hasMarkers(tracei) && tracei.marker.maxdisplayed > 0 && j < idx) { tnum++; } }); // if multiple traces use maxdisplayed, stagger which markers we // display this formula offsets successive traces by 1/3 of the // increment, adding an extra small amount after each triplet so // it's not quite periodic var i0 = Math.round(tnum * inc / 3 + Math.floor(tnum / 3) * inc / 7.1); // for error bars: save in cd which markers to show // so we don't have to repeat this cdscatter.forEach(function(v) { delete v.vis; }); cd.forEach(function(v, i) { if(Math.round((i + i0) % inc) === 0) v.vis = true; }); } },{"../../components/drawing":58,"../../components/errorbars":64,"../../lib":147,"../../lib/polygon":157,"./line_points":265,"./link_traces":267,"./subtypes":273,"d3":7}],271:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var subtypes = require('./subtypes'); var DESELECTDIM = require('../../constants/interactions').DESELECTDIM; module.exports = function selectPoints(searchInfo, polygon) { var cd = searchInfo.cd, xa = searchInfo.xaxis, ya = searchInfo.yaxis, selection = [], trace = cd[0].trace, marker = trace.marker, i, di, x, y; // TODO: include lines? that would require per-segment line properties var hasOnlyLines = (!subtypes.hasMarkers(trace) && !subtypes.hasText(trace)); if(trace.visible !== true || hasOnlyLines) return; var opacity = Array.isArray(marker.opacity) ? 1 : marker.opacity; if(polygon === false) { // clear selection for(i = 0; i < cd.length; i++) cd[i].dim = 0; } else { for(i = 0; i < cd.length; i++) { di = cd[i]; x = xa.c2p(di.x); y = ya.c2p(di.y); if(polygon.contains([x, y])) { selection.push({ pointNumber: i, x: di.x, y: di.y }); di.dim = 0; } else di.dim = 1; } } // do the dimming here, as well as returning the selection // The logic here duplicates Drawing.pointStyle, but I don't want // d.dim in pointStyle in case something goes wrong with selection. cd[0].node3.selectAll('path.point') .style('opacity', function(d) { return ((d.mo + 1 || opacity + 1) - 1) * (d.dim ? DESELECTDIM : 1); }); cd[0].node3.selectAll('text') .style('opacity', function(d) { return d.dim ? DESELECTDIM : 1; }); return selection; }; },{"../../constants/interactions":131,"./subtypes":273}],272:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var d3 = require('d3'); var Drawing = require('../../components/drawing'); var ErrorBars = require('../../components/errorbars'); module.exports = function style(gd) { var s = d3.select(gd).selectAll('g.trace.scatter'); s.style('opacity', function(d) { return d[0].trace.opacity; }); s.selectAll('g.points') .each(function(d) { var el = d3.select(this); var pts = el.selectAll('path.point'); var trace = d.trace || d[0].trace; pts.call(Drawing.pointStyle, trace, gd); el.selectAll('text') .call(Drawing.textPointStyle, trace, gd); }); s.selectAll('g.trace path.js-line') .call(Drawing.lineGroupStyle); s.selectAll('g.trace path.js-fill') .call(Drawing.fillGroupStyle); s.call(ErrorBars.style); }; },{"../../components/drawing":58,"../../components/errorbars":64,"d3":7}],273:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); module.exports = { hasLines: function(trace) { return trace.visible && trace.mode && trace.mode.indexOf('lines') !== -1; }, hasMarkers: function(trace) { return trace.visible && trace.mode && trace.mode.indexOf('markers') !== -1; }, hasText: function(trace) { return trace.visible && trace.mode && trace.mode.indexOf('text') !== -1; }, isBubble: function(trace) { return Lib.isPlainObject(trace.marker) && Array.isArray(trace.marker.size); } }; },{"../../lib":147}],274:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Lib = require('../../lib'); // common to 'scatter', 'scatter3d' and 'scattergeo' module.exports = function(traceIn, traceOut, layout, coerce) { coerce('textposition'); Lib.coerceFont(coerce, 'textfont', layout.font); }; },{"../../lib":147}],275:[function(require,module,exports){ /** * Copyright 2012-2017, Plotly, Inc. * All rights reserved. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ 'use strict'; var Registry = require('../../registry'); module.exports = function handleXYDefaults(traceIn, traceOut, layout, coerce) { var len, x = coerce('x'), y = coerce('y'); var handleCalendarDefaults = Registry.getComponentMethod('calendars', 'handleTraceDefaults'); handleCalendarDefaults(traceIn, traceOut, ['x', 'y'], layout); if(x) { if(y) { len = Math.min(x.length, y.length); // TODO: not sure we should do this here... but I think // the way it works in calc is wrong, because it'll delete data // which could be a problem eg in streaming / editing if x and y // come in at different times // so we need to revisit calc before taking this out if(len < x.length) traceOut.x = x.slice(0, len); if(len < y.length) traceOut.y = y.slice(0, len); } else { len = x.length; coerce('y0'); coerce('dy'); } } else { if(!y) return 0; len = traceOut.y.length; coerce('x0'); coerce('dx'); } return len; }; },{"../../registry":219}]},{},[5])(5) }); ================================================ FILE: vendor/assets/stylesheets/AdminLTE.css ================================================ /*! * AdminLTE v2.4.18 * * Author: Colorlib * Support: * Repository: git://github.com/ColorlibHQ/AdminLTE.git * License: MIT */ /* * Core: General Layout Style * ------------------------- */ html, body { height: 100%; } .layout-boxed html, .layout-boxed body { height: 100%; } body { font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; overflow-x: hidden; overflow-y: auto; } /* Layout */ .wrapper { height: 100%; position: relative; overflow-x: hidden; overflow-y: auto; } .wrapper:before, .wrapper:after { content: " "; display: table; } .wrapper:after { clear: both; } .layout-boxed .wrapper { max-width: 1250px; margin: 0 auto; min-height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); position: relative; } .layout-boxed { background-color: #f9fafc; } /* * Content Wrapper - contains the main content */ .content-wrapper, .main-footer { -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out; transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out; margin-left: 230px; z-index: 820; } .layout-top-nav .content-wrapper, .layout-top-nav .main-footer { margin-left: 0; } @media (max-width: 767px) { .content-wrapper, .main-footer { margin-left: 0; } } @media (min-width: 768px) { .sidebar-collapse .content-wrapper, .sidebar-collapse .main-footer { margin-left: 0; } } @media (max-width: 767px) { .sidebar-open .content-wrapper, .sidebar-open .main-footer { -webkit-transform: translate(230px, 0); -ms-transform: translate(230px, 0); -o-transform: translate(230px, 0); transform: translate(230px, 0); } } .content-wrapper { min-height: calc(100vh - 101px); background-color: #ecf0f5; z-index: 800; } @media (max-width: 767px) { .content-wrapper { min-height: calc(100vh - 151px); } } .main-footer { background: #fff; padding: 15px; color: #444; border-top: 1px solid #d2d6de; } /* Fixed layout */ .fixed .main-header, .fixed .main-sidebar, .fixed .left-side { position: fixed; } .fixed .main-header { top: 0; right: 0; left: 0; } .fixed .content-wrapper, .fixed .right-side { padding-top: 50px; } @media (max-width: 767px) { .fixed .content-wrapper, .fixed .right-side { padding-top: 100px; } } .fixed.layout-boxed .wrapper { max-width: 100%; } .fixed .wrapper { overflow: hidden; } .hold-transition .content-wrapper, .hold-transition .right-side, .hold-transition .main-footer, .hold-transition .main-sidebar, .hold-transition .left-side, .hold-transition .main-header .navbar, .hold-transition .main-header .logo, .hold-transition .menu-open .fa-angle-left { /* Fix for IE */ -webkit-transition: none; -o-transition: none; transition: none; } /* Content */ .content { min-height: 250px; padding: 15px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } /* H1 - H6 font */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Source Sans Pro', sans-serif; } /* General Links */ a { color: #3c8dbc; } a:hover, a:active, a:focus { outline: none; text-decoration: none; color: #72afd2; } /* Page Header */ .page-header { margin: 10px 0 20px 0; font-size: 22px; } .page-header > small { color: #666; display: block; margin-top: 5px; } /* * Component: Main Header * ---------------------- */ .main-header { position: relative; max-height: 100px; z-index: 1030; } .main-header .navbar { -webkit-transition: margin-left 0.3s ease-in-out; -o-transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out; margin-bottom: 0; margin-left: 230px; border: none; min-height: 50px; border-radius: 0; } .layout-top-nav .main-header .navbar { margin-left: 0; } .main-header #navbar-search-input.form-control { background: rgba(255, 255, 255, 0.2); border-color: transparent; } .main-header #navbar-search-input.form-control:focus, .main-header #navbar-search-input.form-control:active { border-color: rgba(0, 0, 0, 0.1); background: rgba(255, 255, 255, 0.9); } .main-header #navbar-search-input.form-control::-moz-placeholder { color: #ccc; opacity: 1; } .main-header #navbar-search-input.form-control:-ms-input-placeholder { color: #ccc; } .main-header #navbar-search-input.form-control::-webkit-input-placeholder { color: #ccc; } .main-header .navbar-custom-menu, .main-header .navbar-right { float: right; } @media (max-width: 991px) { .main-header .navbar-custom-menu a, .main-header .navbar-right a { color: inherit; background: transparent; } } @media (max-width: 767px) { .main-header .navbar-right { float: none; } .navbar-collapse .main-header .navbar-right { margin: 7.5px -15px; } .main-header .navbar-right > li { color: inherit; border: 0; } } .main-header .sidebar-toggle { float: left; background-color: transparent; background-image: none; padding: 15px 15px; font-family: fontAwesome; } .main-header .sidebar-toggle:before { content: "\f0c9"; } .main-header .sidebar-toggle:hover { color: #fff; } .main-header .sidebar-toggle:focus, .main-header .sidebar-toggle:active { background: transparent; } .main-header .sidebar-toggle.fa5 { font-family: "Font Awesome\ 5 Free"; } .main-header .sidebar-toggle.fa5:before { content: "\f0c9"; font-weight: 900; } .main-header .sidebar-toggle .icon-bar { display: none; } .main-header .navbar .nav > li.user > a > .fa, .main-header .navbar .nav > li.user > a > .glyphicon, .main-header .navbar .nav > li.user > a > .ion { margin-right: 5px; } .main-header .navbar .nav > li > a > .label { position: absolute; top: 9px; right: 7px; text-align: center; font-size: 9px; padding: 2px 3px; line-height: 0.9; } .main-header .logo { -webkit-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; display: block; float: left; height: 50px; font-size: 20px; line-height: 50px; text-align: center; width: 230px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0 15px; font-weight: 300; overflow: hidden; } .main-header .logo img { padding: 4px; object-fit: contain; margin: 0 auto; } .main-header .logo .logo-lg { display: block; } .main-header .logo .logo-lg img { max-width: 200px; max-height: 50px; } .main-header .logo .logo-lg .brandlogo-image { margin-top: 8px; margin-right: 10px; margin-left: -5px; } .main-header .logo .logo-mini { display: none; } .main-header .logo .logo-mini img { max-width: 50px; max-height: 50px; } .main-header .logo .logo-mini .brandlogo-image { margin-top: 8px; margin-right: 10px; margin-left: 10px; } .main-header .logo .brandlogo-image { float: left; height: 34px; width: auto; } .main-header .navbar-brand { color: #fff; } .content-header { position: relative; padding: 15px 15px 0 15px; } .content-header > h1 { margin: 0; font-size: 24px; } .content-header > h1 > small { font-size: 15px; display: inline-block; padding-left: 4px; font-weight: 300; } .content-header > .breadcrumb { float: right; background: transparent; margin-top: 0; margin-bottom: 0; font-size: 12px; padding: 7px 5px; position: absolute; top: 15px; right: 10px; border-radius: 2px; } .content-header > .breadcrumb > li > a { color: #444; text-decoration: none; display: inline-block; } .content-header > .breadcrumb > li > a > .fa, .content-header > .breadcrumb > li > a > .glyphicon, .content-header > .breadcrumb > li > a > .ion { margin-right: 5px; } .content-header > .breadcrumb > li + li:before { content: '>\00a0'; } @media (max-width: 991px) { .content-header > .breadcrumb { position: relative; margin-top: 5px; top: 0; right: 0; float: none; background: #d2d6de; padding-left: 10px; } .content-header > .breadcrumb li:before { color: #97a0b3; } } .navbar-toggle { color: #fff; border: 0; margin: 0; padding: 15px 15px; } @media (max-width: 991px) { .navbar-custom-menu .navbar-nav > li { float: left; } .navbar-custom-menu .navbar-nav { margin: 0; float: left; } .navbar-custom-menu .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; line-height: 20px; } } @media (max-width: 767px) { .main-header { position: relative; } .main-header .logo, .main-header .navbar { width: 100%; float: none; } .main-header .navbar { margin: 0; } .main-header .navbar-custom-menu { float: right; } } @media (max-width: 991px) { .navbar-collapse.pull-left { float: none !important; } .navbar-collapse.pull-left + .navbar-custom-menu { display: block; position: absolute; top: 0; right: 40px; } } /* * Component: Sidebar * ------------------ */ .main-sidebar { position: absolute; top: 0; left: 0; padding-top: 50px; min-height: 100%; width: 230px; z-index: 810; -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out; transition: transform 0.3s ease-in-out, width 0.3s ease-in-out; } @media (max-width: 767px) { .main-sidebar { padding-top: 100px; } } @media (max-width: 767px) { .main-sidebar { -webkit-transform: translate(-230px, 0); -ms-transform: translate(-230px, 0); -o-transform: translate(-230px, 0); transform: translate(-230px, 0); } } @media (min-width: 768px) { .sidebar-collapse .main-sidebar { -webkit-transform: translate(-230px, 0); -ms-transform: translate(-230px, 0); -o-transform: translate(-230px, 0); transform: translate(-230px, 0); } } @media (max-width: 767px) { .sidebar-open .main-sidebar { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } .sidebar { padding-bottom: 10px; } .sidebar-form input:focus { border-color: transparent; } .user-panel { position: relative; width: 100%; padding: 10px; overflow: hidden; } .user-panel:before, .user-panel:after { content: " "; display: table; } .user-panel:after { clear: both; } .user-panel > .image > img { width: 100%; max-width: 45px; height: auto; } .user-panel > .info { padding: 5px 5px 5px 15px; line-height: 1; position: absolute; left: 55px; } .user-panel > .info > p { font-weight: 600; margin-bottom: 9px; } .user-panel > .info > a { text-decoration: none; padding-right: 5px; margin-top: 3px; font-size: 11px; } .user-panel > .info > a > .fa, .user-panel > .info > a > .ion, .user-panel > .info > a > .glyphicon { margin-right: 3px; } .sidebar-menu { list-style: none; margin: 0; padding: 0; } .sidebar-menu > li { position: relative; margin: 0; padding: 0; } .sidebar-menu > li > a { padding: 12px 5px 12px 15px; display: block; } .sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion { width: 20px; } .sidebar-menu > li .label, .sidebar-menu > li .badge { margin-right: 5px; } .sidebar-menu > li .badge { margin-top: 3px; } .sidebar-menu li.header { padding: 10px 25px 10px 15px; font-size: 12px; } .sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > .pull-right-container > .fa-angle-left { width: auto; height: auto; padding: 0; margin-right: 10px; -webkit-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; transition: transform 0.5s ease; } .sidebar-menu li > a > .fa-angle-left { position: absolute; top: 50%; right: 10px; margin-top: -8px; } .sidebar-menu .menu-open > a > .fa-angle-left, .sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-left { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .sidebar-menu .active > .treeview-menu { display: block; } /* * Component: Sidebar Mini */ @media (min-width: 768px) { .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer { margin-left: 50px !important; z-index: 840; } .sidebar-mini.sidebar-collapse .main-sidebar { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); width: 50px !important; z-index: 850; } .sidebar-mini.sidebar-collapse .sidebar-menu > li { position: relative; } .sidebar-mini.sidebar-collapse .sidebar-menu > li > a { margin-right: 0; } .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span { border-top-right-radius: 4px; } .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span { border-bottom-right-radius: 4px; } .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 4px; } .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span, .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span > .pull-right, .sidebar-mini.sidebar-collapse .sidebar-menu li.header { display: none !important; -webkit-transform: translateZ(0); } .sidebar-mini.sidebar-collapse .main-header .logo { width: 50px; } .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini { display: block; margin-left: -15px; margin-right: -15px; font-size: 18px; } .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg { display: none; } .sidebar-mini.sidebar-collapse .main-header .navbar { margin-left: 50px; } } @media (min-width: 768px) { .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { display: block !important; position: absolute; width: 180px; left: 50px; } .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span { top: 0; margin-left: -3px; padding: 12px 5px 12px 20px; background-color: inherit; } .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container { position: relative !important; float: right; width: auto !important; left: 180px !important; top: -22px !important; z-index: 900; } .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) { display: none; } .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { top: 44px; margin-left: 0; } } .sidebar-expanded-on-hover .main-footer, .sidebar-expanded-on-hover .content-wrapper { margin-left: 50px; } .sidebar-expanded-on-hover .main-sidebar { box-shadow: 3px 0 8px rgba(0, 0, 0, 0.125); } .sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header { white-space: nowrap; overflow: hidden; } .sidebar-menu:hover { overflow: visible; } .sidebar-form, .sidebar-menu > li.header { overflow: hidden; text-overflow: clip; } .sidebar-menu li > a { position: relative; } .sidebar-menu li > a > .pull-right-container { position: absolute; right: 10px; top: 50%; margin-top: -7px; } /* * Component: Control sidebar. By default, this is the right sidebar. */ .control-sidebar-bg { position: fixed; z-index: 1000; bottom: 0; } .control-sidebar-bg, .control-sidebar { top: 0; right: -230px; width: 230px; -webkit-transition: right 0.3s ease-in-out; -o-transition: right 0.3s ease-in-out; transition: right 0.3s ease-in-out; } .control-sidebar { position: absolute; padding-top: 50px; z-index: 1010; } @media (max-width: 767px) { .control-sidebar { padding-top: 100px; } } .control-sidebar > .tab-content { padding: 10px 15px; } .control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open + .control-sidebar-bg { right: 0; } .control-sidebar-hold-transition .control-sidebar-bg, .control-sidebar-hold-transition .control-sidebar, .control-sidebar-hold-transition .content-wrapper { transition: none; } .control-sidebar-open .control-sidebar-bg, .control-sidebar-open .control-sidebar { right: 0; } @media (min-width: 768px) { .control-sidebar-open .content-wrapper, .control-sidebar-open .right-side, .control-sidebar-open .main-footer { margin-right: 230px; } } .fixed .control-sidebar { position: fixed; height: 100%; overflow-y: auto; padding-bottom: 50px; } .nav-tabs.control-sidebar-tabs > li:first-of-type > a, .nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover, .nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus { border-left-width: 0; } .nav-tabs.control-sidebar-tabs > li > a { border-radius: 0; } .nav-tabs.control-sidebar-tabs > li > a, .nav-tabs.control-sidebar-tabs > li > a:hover { border-top: none; border-right: none; border-left: 1px solid transparent; border-bottom: 1px solid transparent; } .nav-tabs.control-sidebar-tabs > li > a .icon { font-size: 16px; } .nav-tabs.control-sidebar-tabs > li.active > a, .nav-tabs.control-sidebar-tabs > li.active > a:hover, .nav-tabs.control-sidebar-tabs > li.active > a:focus, .nav-tabs.control-sidebar-tabs > li.active > a:active { border-top: none; border-right: none; border-bottom: none; } @media (max-width: 768px) { .nav-tabs.control-sidebar-tabs { display: table; } .nav-tabs.control-sidebar-tabs > li { display: table-cell; } } .control-sidebar-heading { font-weight: 400; font-size: 16px; padding: 10px 0; margin-bottom: 10px; } .control-sidebar-subheading { display: block; font-weight: 400; font-size: 14px; } .control-sidebar-menu { list-style: none; padding: 0; margin: 0 -15px; } .control-sidebar-menu > li > a { display: block; padding: 10px 15px; } .control-sidebar-menu > li > a:before, .control-sidebar-menu > li > a:after { content: " "; display: table; } .control-sidebar-menu > li > a:after { clear: both; } .control-sidebar-menu > li > a > .control-sidebar-subheading { margin-top: 0; } .control-sidebar-menu .menu-icon { float: left; width: 35px; height: 35px; border-radius: 50%; text-align: center; line-height: 35px; } .control-sidebar-menu .menu-info { margin-left: 45px; margin-top: 3px; } .control-sidebar-menu .menu-info > .control-sidebar-subheading { margin: 0; } .control-sidebar-menu .menu-info > p { margin: 0; font-size: 11px; } .control-sidebar-menu .progress { margin: 0; } .control-sidebar-dark { color: #b8c7ce; } .control-sidebar-dark, .control-sidebar-dark + .control-sidebar-bg { background: #222d32; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs { border-bottom: #1c2529; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a { background: #181f23; color: #b8c7ce; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus { border-left-color: #141a1d; border-bottom-color: #141a1d; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active { background: #1c2529; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover { color: #fff; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active { background: #222d32; color: #fff; } .control-sidebar-dark .control-sidebar-heading, .control-sidebar-dark .control-sidebar-subheading { color: #fff; } .control-sidebar-dark .control-sidebar-menu > li > a:hover { background: #1e282c; } .control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p { color: #b8c7ce; } .control-sidebar-light { color: #5e5e5e; } .control-sidebar-light, .control-sidebar-light + .control-sidebar-bg { background: #f9fafc; border-left: 1px solid #d2d6de; } .control-sidebar-light .nav-tabs.control-sidebar-tabs { border-bottom: #d2d6de; } .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a { background: #e8ecf4; color: #444; } .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus { border-left-color: #d2d6de; border-bottom-color: #d2d6de; } .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active { background: #eff1f7; } .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active { background: #f9fafc; color: #111; } .control-sidebar-light .control-sidebar-heading, .control-sidebar-light .control-sidebar-subheading { color: #111; } .control-sidebar-light .control-sidebar-menu { margin-left: -14px; } .control-sidebar-light .control-sidebar-menu > li > a:hover { background: #f4f4f5; } .control-sidebar-light .control-sidebar-menu > li > a .menu-info > p { color: #5e5e5e; } /* * Component: Dropdown menus * ------------------------- */ /*Dropdowns in general*/ .dropdown-menu { box-shadow: none; border-color: #eee; } .dropdown-menu > li > a { color: #777; } .dropdown-menu > li > a > .glyphicon, .dropdown-menu > li > a > .fa, .dropdown-menu > li > a > .ion { margin-right: 10px; } .dropdown-menu > li > a:hover { background-color: #e1e3e9; color: #333; } .dropdown-menu > .divider { background-color: #eee; } .navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .messages-menu > .dropdown-menu, .navbar-nav > .tasks-menu > .dropdown-menu { width: 280px; padding: 0 0 0 0; margin: 0; top: 100%; } .navbar-nav > .notifications-menu > .dropdown-menu > li, .navbar-nav > .messages-menu > .dropdown-menu > li, .navbar-nav > .tasks-menu > .dropdown-menu > li { position: relative; } .navbar-nav > .notifications-menu > .dropdown-menu > li.header, .navbar-nav > .messages-menu > .dropdown-menu > li.header, .navbar-nav > .tasks-menu > .dropdown-menu > li.header { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-color: #ffffff; padding: 7px 10px; border-bottom: 1px solid #f4f4f4; color: #444444; font-size: 14px; } .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; font-size: 12px; background-color: #fff; padding: 7px 10px; border-bottom: 1px solid #eeeeee; color: #444 !important; text-align: center; } @media (max-width: 991px) { .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { background: #fff !important; color: #444 !important; } } .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover, .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover, .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover { text-decoration: none; font-weight: normal; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu, .navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu { max-height: 200px; margin: 0; padding: 0; list-style: none; overflow-x: hidden; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { display: block; white-space: nowrap; /* Prevent text from breaking */ border-bottom: 1px solid #f4f4f4; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover { background: #f4f4f4; text-decoration: none; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a { color: #444444; overflow: hidden; text-overflow: ellipsis; padding: 10px; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion { width: 20px; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a { margin: 0; padding: 10px 10px; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img { margin: auto 10px auto auto; width: 40px; height: 40px; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 { padding: 0; margin: 0 0 0 45px; color: #444444; font-size: 15px; position: relative; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small { color: #999999; font-size: 10px; position: absolute; top: 0; right: 0; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p { margin: 0 0 0 45px; font-size: 12px; color: #888888; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after { content: " "; display: table; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after { clear: both; } .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { padding: 10px; } .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 { font-size: 14px; padding: 0; margin: 0 0 10px 0; color: #666666; } .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress { padding: 0; margin: 0; } .navbar-nav > .user-menu > .dropdown-menu { border-top-right-radius: 0; border-top-left-radius: 0; padding: 1px 0 0 0; border-top-width: 0; width: 280px; } .navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu > .user-body { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .navbar-nav > .user-menu > .dropdown-menu > li.user-header { height: 175px; padding: 10px; text-align: center; } .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img { z-index: 5; height: 90px; width: 90px; border: 3px solid; border-color: transparent; border-color: rgba(255, 255, 255, 0.2); } .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p { z-index: 5; color: #fff; color: rgba(255, 255, 255, 0.8); font-size: 17px; margin-top: 10px; } .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small { display: block; font-size: 12px; } .navbar-nav > .user-menu > .dropdown-menu > .user-body { padding: 15px; border-bottom: 1px solid #f4f4f4; border-top: 1px solid #dddddd; } .navbar-nav > .user-menu > .dropdown-menu > .user-body:before, .navbar-nav > .user-menu > .dropdown-menu > .user-body:after { content: " "; display: table; } .navbar-nav > .user-menu > .dropdown-menu > .user-body:after { clear: both; } .navbar-nav > .user-menu > .dropdown-menu > .user-body a { color: #444 !important; } @media (max-width: 991px) { .navbar-nav > .user-menu > .dropdown-menu > .user-body a { background: #fff !important; color: #444 !important; } } .navbar-nav > .user-menu > .dropdown-menu > .user-footer { background-color: #f9f9f9; padding: 10px; } .navbar-nav > .user-menu > .dropdown-menu > .user-footer:before, .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after { content: " "; display: table; } .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after { clear: both; } .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default { color: #666666; } @media (max-width: 991px) { .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover { background-color: #f9f9f9; } } .navbar-nav > .user-menu .user-image { float: left; width: 25px; height: 25px; border-radius: 50%; margin-right: 10px; margin-top: -2px; } @media (max-width: 767px) { .navbar-nav > .user-menu .user-image { float: none; margin-right: 0; margin-top: -8px; line-height: 10px; } } /* Add fade animation to dropdown menus by appending the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/ .open:not(.dropup) > .animated-dropdown-menu { backface-visibility: visible !important; -webkit-animation: flipInX 0.7s both; -o-animation: flipInX 0.7s both; animation: flipInX 0.7s both; } @keyframes flipInX { 0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transition-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { transform: perspective(400px); } } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); } } /* Fix dropdown menu in navbars */ .navbar-custom-menu > .navbar-nav > li { position: relative; } .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { position: absolute; right: 0; left: auto; } @media (max-width: 991px) { .navbar-custom-menu > .navbar-nav { float: right; } .navbar-custom-menu > .navbar-nav > li { position: static; } .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { position: absolute; right: 5%; left: auto; border: 1px solid #ddd; background: #fff; } } /* * Component: Form * --------------- */ .form-control { border-radius: 0; box-shadow: none; border-color: #d2d6de; } .form-control:focus { border-color: #3c8dbc; box-shadow: none; } .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder { color: #bbb; opacity: 1; } .form-control:not(select) { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-group.has-success label { color: #00a65a; } .form-group.has-success .form-control, .form-group.has-success .input-group-addon { border-color: #00a65a; box-shadow: none; } .form-group.has-success .help-block { color: #00a65a; } .form-group.has-warning label { color: #f39c12; } .form-group.has-warning .form-control, .form-group.has-warning .input-group-addon { border-color: #f39c12; box-shadow: none; } .form-group.has-warning .help-block { color: #f39c12; } .form-group.has-error label { color: #dd4b39; } .form-group.has-error .form-control, .form-group.has-error .input-group-addon { border-color: #dd4b39; box-shadow: none; } .form-group.has-error .help-block { color: #dd4b39; } /* Input group */ .input-group .input-group-addon { border-radius: 0; border-color: #d2d6de; background-color: #fff; } /* button groups */ .btn-group-vertical .btn.btn-flat:first-of-type, .btn-group-vertical .btn.btn-flat:last-of-type { border-radius: 0; } .icheck > label { padding-left: 0; } /* support Font Awesome icons in form-control */ .form-control-feedback.fa { line-height: 34px; } .input-lg + .form-control-feedback.fa, .input-group-lg + .form-control-feedback.fa, .form-group-lg .form-control + .form-control-feedback.fa { line-height: 46px; } .input-sm + .form-control-feedback.fa, .input-group-sm + .form-control-feedback.fa, .form-group-sm .form-control + .form-control-feedback.fa { line-height: 30px; } /* * Component: Progress Bar * ----------------------- */ .progress, .progress > .progress-bar { -webkit-box-shadow: none; box-shadow: none; } .progress, .progress > .progress-bar, .progress .progress-bar, .progress > .progress-bar .progress-bar { border-radius: 1px; } /* size variation */ .progress.sm, .progress-sm { height: 10px; } .progress.sm, .progress-sm, .progress.sm .progress-bar, .progress-sm .progress-bar { border-radius: 1px; } .progress.xs, .progress-xs { height: 7px; } .progress.xs, .progress-xs, .progress.xs .progress-bar, .progress-xs .progress-bar { border-radius: 1px; } .progress.xxs, .progress-xxs { height: 3px; } .progress.xxs, .progress-xxs, .progress.xxs .progress-bar, .progress-xxs .progress-bar { border-radius: 1px; } /* Vertical bars */ .progress.vertical { position: relative; width: 30px; height: 200px; display: inline-block; margin-right: 10px; } .progress.vertical > .progress-bar { width: 100%; position: absolute; bottom: 0; } .progress.vertical.sm, .progress.vertical.progress-sm { width: 20px; } .progress.vertical.xs, .progress.vertical.progress-xs { width: 10px; } .progress.vertical.xxs, .progress.vertical.progress-xxs { width: 3px; } .progress-group .progress-text { font-weight: 600; } .progress-group .progress-number { float: right; } /* Remove margins from progress bars when put in a table */ .table tr > td .progress { margin: 0; } .progress-bar-light-blue, .progress-bar-primary { background-color: #3c8dbc; } .progress-striped .progress-bar-light-blue, .progress-striped .progress-bar-primary { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-green, .progress-bar-success { background-color: #00a65a; } .progress-striped .progress-bar-green, .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-aqua, .progress-bar-info { background-color: #00c0ef; } .progress-striped .progress-bar-aqua, .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-yellow, .progress-bar-warning { background-color: #f39c12; } .progress-striped .progress-bar-yellow, .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-red, .progress-bar-danger { background-color: #dd4b39; } .progress-striped .progress-bar-red, .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } /* * Component: Small Box * -------------------- */ .small-box { border-radius: 2px; position: relative; display: block; margin-bottom: 20px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .small-box > .inner { padding: 10px; } .small-box > .small-box-footer { position: relative; text-align: center; padding: 3px 0; color: #fff; color: rgba(255, 255, 255, 0.8); display: block; z-index: 10; background: rgba(0, 0, 0, 0.1); text-decoration: none; } .small-box > .small-box-footer:hover { color: #fff; background: rgba(0, 0, 0, 0.15); } .small-box h3 { font-size: 38px; font-weight: bold; margin: 0 0 10px 0; white-space: nowrap; padding: 0; } .small-box p { font-size: 15px; } .small-box p > small { display: block; color: #f9f9f9; font-size: 13px; margin-top: 5px; } .small-box h3, .small-box p { z-index: 5; } .small-box .icon { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: absolute; top: -10px; right: 10px; z-index: 0; font-size: 90px; color: rgba(0, 0, 0, 0.15); } .small-box:hover { text-decoration: none; color: #f9f9f9; } .small-box:hover .icon { font-size: 95px; } @media (max-width: 767px) { .small-box { text-align: center; } .small-box .icon { display: none; } .small-box p { font-size: 12px; } } /* * Component: Box * -------------- */ .box { position: relative; border-radius: 3px; background: #ffffff; border-top: 3px solid #d2d6de; margin-bottom: 20px; width: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .box.box-primary { border-top-color: #3c8dbc; } .box.box-info { border-top-color: #00c0ef; } .box.box-danger { border-top-color: #dd4b39; } .box.box-warning { border-top-color: #f39c12; } .box.box-success { border-top-color: #00a65a; } .box.box-default { border-top-color: #d2d6de; } .box.collapsed-box .box-body, .box.collapsed-box .box-footer { display: none; } .box .nav-stacked > li { border-bottom: 1px solid #f4f4f4; margin: 0; } .box .nav-stacked > li:last-of-type { border-bottom: none; } .box.height-control .box-body { max-height: 300px; overflow: auto; } .box .border-right { border-right: 1px solid #f4f4f4; } .box .border-left { border-left: 1px solid #f4f4f4; } .box.box-solid { border-top: 0; } .box.box-solid > .box-header .btn.btn-default { background: transparent; } .box.box-solid > .box-header .btn:hover, .box.box-solid > .box-header a:hover { background: rgba(0, 0, 0, 0.1); } .box.box-solid.box-default { border: 1px solid #d2d6de; } .box.box-solid.box-default > .box-header { color: #444; background: #d2d6de; background-color: #d2d6de; } .box.box-solid.box-default > .box-header a, .box.box-solid.box-default > .box-header .btn { color: #444; } .box.box-solid.box-primary { border: 1px solid #3c8dbc; } .box.box-solid.box-primary > .box-header { color: #fff; background: #3c8dbc; background-color: #3c8dbc; } .box.box-solid.box-primary > .box-header a, .box.box-solid.box-primary > .box-header .btn { color: #fff; } .box.box-solid.box-info { border: 1px solid #00c0ef; } .box.box-solid.box-info > .box-header { color: #fff; background: #00c0ef; background-color: #00c0ef; } .box.box-solid.box-info > .box-header a, .box.box-solid.box-info > .box-header .btn { color: #fff; } .box.box-solid.box-danger { border: 1px solid #dd4b39; } .box.box-solid.box-danger > .box-header { color: #fff; background: #dd4b39; background-color: #dd4b39; } .box.box-solid.box-danger > .box-header a, .box.box-solid.box-danger > .box-header .btn { color: #fff; } .box.box-solid.box-warning { border: 1px solid #f39c12; } .box.box-solid.box-warning > .box-header { color: #fff; background: #f39c12; background-color: #f39c12; } .box.box-solid.box-warning > .box-header a, .box.box-solid.box-warning > .box-header .btn { color: #fff; } .box.box-solid.box-success { border: 1px solid #00a65a; } .box.box-solid.box-success > .box-header { color: #fff; background: #00a65a; background-color: #00a65a; } .box.box-solid.box-success > .box-header a, .box.box-solid.box-success > .box-header .btn { color: #fff; } .box.box-solid > .box-header > .box-tools .btn { border: 0; box-shadow: none; } .box.box-solid[class*='bg'] > .box-header { color: #fff; } .box .box-group > .box { margin-bottom: 5px; } .box .knob-label { text-align: center; color: #333; font-weight: 100; font-size: 12px; margin-bottom: 0.3em; } .box > .overlay, .overlay-wrapper > .overlay, .box > .loading-img, .overlay-wrapper > .loading-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .box .overlay, .overlay-wrapper .overlay { z-index: 50; background: rgba(255, 255, 255, 0.7); border-radius: 3px; } .box .overlay > .fa, .overlay-wrapper .overlay > .fa { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; color: #000; font-size: 30px; } .box .overlay.dark, .overlay-wrapper .overlay.dark { background: rgba(0, 0, 0, 0.5); } .box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after { content: " "; display: table; } .box-header:after, .box-body:after, .box-footer:after { clear: both; } .box-header { color: #444; display: block; padding: 10px; position: relative; } .box-header.with-border { border-bottom: 1px solid #f4f4f4; } .collapsed-box .box-header.with-border { border-bottom: none; } .box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title { display: inline-block; font-size: 18px; margin: 0; line-height: 1; } .box-header > .fa, .box-header > .glyphicon, .box-header > .ion { margin-right: 5px; } .box-header > .box-tools { float: right; margin-top: -5px; margin-bottom: -5px; } .box-header > .box-tools [data-toggle="tooltip"] { position: relative; } .box-header > .box-tools.pull-right .dropdown-menu { right: 0; left: auto; } .box-header > .box-tools .dropdown-menu > li > a { color: #444 !important; } .btn-box-tool { padding: 5px; font-size: 12px; background: transparent; color: #97a0b3; } .open .btn-box-tool, .btn-box-tool:hover { color: #606c84; } .btn-box-tool.btn:active { box-shadow: none; } .box-body { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 10px; } .no-header .box-body { border-top-right-radius: 3px; border-top-left-radius: 3px; } .box-body > .table { margin-bottom: 0; } .box-body .fc { margin-top: 5px; } .box-body .full-width-chart { margin: -19px; } .box-body.no-padding .full-width-chart { margin: -9px; } .box-body .box-pane { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 3px; } .box-body .box-pane-right { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; } .box-footer { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top: 1px solid #f4f4f4; padding: 10px; background-color: #fff; } .chart-legend { margin: 10px 0; } @media (max-width: 991px) { .chart-legend > li { float: left; margin-right: 10px; } } .box-comments { background: #f7f7f7; } .box-comments .box-comment { padding: 8px 0; border-bottom: 1px solid #eee; } .box-comments .box-comment:before, .box-comments .box-comment:after { content: " "; display: table; } .box-comments .box-comment:after { clear: both; } .box-comments .box-comment:last-of-type { border-bottom: 0; } .box-comments .box-comment:first-of-type { padding-top: 0; } .box-comments .box-comment img { float: left; } .box-comments .comment-text { margin-left: 40px; color: #555; } .box-comments .username { color: #444; display: block; font-weight: 600; } .box-comments .text-muted { font-weight: 400; font-size: 12px; } /* Widget: TODO LIST */ .todo-list { margin: 0; padding: 0; list-style: none; overflow: auto; } .todo-list > li { border-radius: 2px; padding: 10px; background: #f4f4f4; margin-bottom: 2px; border-left: 2px solid #e6e7e8; color: #444; } .todo-list > li:last-of-type { margin-bottom: 0; } .todo-list > li > input[type='checkbox'] { margin: 0 10px 0 5px; } .todo-list > li .text { display: inline-block; margin-left: 5px; font-weight: 600; } .todo-list > li .label { margin-left: 10px; font-size: 9px; } .todo-list > li .tools { display: none; float: right; color: #dd4b39; } .todo-list > li .tools > .fa, .todo-list > li .tools > .glyphicon, .todo-list > li .tools > .ion { margin-right: 5px; cursor: pointer; } .todo-list > li:hover .tools { display: inline-block; } .todo-list > li.done { color: #999; } .todo-list > li.done .text { text-decoration: line-through; font-weight: 500; } .todo-list > li.done .label { background: #d2d6de !important; } .todo-list .danger { border-left-color: #dd4b39; } .todo-list .warning { border-left-color: #f39c12; } .todo-list .info { border-left-color: #00c0ef; } .todo-list .success { border-left-color: #00a65a; } .todo-list .primary { border-left-color: #3c8dbc; } .todo-list .handle { display: inline-block; cursor: move; margin: 0 5px; } /* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/ .chat { padding: 5px 20px 5px 10px; } .chat .item { margin-bottom: 10px; } .chat .item:before, .chat .item:after { content: " "; display: table; } .chat .item:after { clear: both; } .chat .item > img { width: 40px; height: 40px; border: 2px solid transparent; border-radius: 50%; } .chat .item > .online { border: 2px solid #00a65a; } .chat .item > .offline { border: 2px solid #dd4b39; } .chat .item > .message { margin-left: 55px; margin-top: -40px; } .chat .item > .message > .name { display: block; font-weight: 600; } .chat .item > .attachment { border-radius: 3px; background: #f4f4f4; margin-left: 65px; margin-right: 15px; padding: 10px; } .chat .item > .attachment > h4 { margin: 0 0 5px 0; font-weight: 600; font-size: 14px; } .chat .item > .attachment > p, .chat .item > .attachment > .filename { font-weight: 600; font-size: 13px; font-style: italic; margin: 0; } .chat .item > .attachment:before, .chat .item > .attachment:after { content: " "; display: table; } .chat .item > .attachment:after { clear: both; } .box-input { max-width: 200px; } .modal .panel-body { color: #444; } /* * Component: Info Box * ------------------- */ .info-box { display: block; min-height: 90px; background: #fff; width: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 2px; margin-bottom: 15px; } .info-box small { font-size: 14px; } .info-box .progress { background: rgba(0, 0, 0, 0.2); margin: 5px -10px 5px -10px; height: 2px; } .info-box .progress, .info-box .progress .progress-bar { border-radius: 0; } .info-box .progress .progress-bar { background: #fff; } .info-box-icon { border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; display: block; float: left; height: 90px; width: 90px; text-align: center; font-size: 45px; line-height: 90px; background: rgba(0, 0, 0, 0.2); } .info-box-icon > img { max-width: 100%; } .info-box-content { padding: 5px 10px; margin-left: 90px; } .info-box-number { display: block; font-weight: bold; font-size: 18px; } .progress-description, .info-box-text { display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .info-box-text { text-transform: uppercase; } .info-box-more { display: block; } .progress-description { margin: 0; } /* * Component: Timeline * ------------------- */ .timeline { position: relative; margin: 0 0 30px 0; padding: 0; list-style: none; } .timeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 4px; background: #ddd; left: 31px; margin: 0; border-radius: 2px; } .timeline > li { position: relative; margin-right: 10px; margin-bottom: 15px; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-item { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; margin-top: 0; background: #fff; color: #444; margin-left: 60px; margin-right: 15px; padding: 0; position: relative; } .timeline > li > .timeline-item > .time { color: #999; float: right; padding: 10px; font-size: 12px; } .timeline > li > .timeline-item > .timeline-header { margin: 0; color: #555; border-bottom: 1px solid #f4f4f4; padding: 10px; font-size: 16px; line-height: 1.1; } .timeline > li > .timeline-item > .timeline-header > a { font-weight: 600; } .timeline > li > .timeline-item > .timeline-body, .timeline > li > .timeline-item > .timeline-footer { padding: 10px; } .timeline > li > .fa, .timeline > li > .glyphicon, .timeline > li > .ion { width: 30px; height: 30px; font-size: 15px; line-height: 30px; position: absolute; color: #666; background: #d2d6de; border-radius: 50%; text-align: center; left: 18px; top: 0; } .timeline > .time-label > span { font-weight: 600; padding: 5px; display: inline-block; background-color: #fff; border-radius: 4px; } .timeline-inverse > li > .timeline-item { background: #f0f0f0; border: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; } .timeline-inverse > li > .timeline-item > .timeline-header { border-bottom-color: #ddd; } /* * Component: Button * ----------------- */ .btn { border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid transparent; } .btn.uppercase { text-transform: uppercase; } .btn.btn-flat { border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-width: 1px; } .btn:active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn:focus { outline: none; } .btn.btn-file { position: relative; overflow: hidden; } .btn.btn-file > input[type='file'] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; opacity: 0; filter: alpha(opacity=0); outline: none; background: white; cursor: inherit; display: block; } .btn-default { background-color: #f4f4f4; color: #444; border-color: #ddd; } .btn-default:hover, .btn-default:active, .btn-default.hover { background-color: #e7e7e7; } .btn-primary { background-color: #3c8dbc; border-color: #367fa9; } .btn-primary:hover, .btn-primary:active, .btn-primary.hover { background-color: #367fa9; } .btn-success { background-color: #00a65a; border-color: #008d4c; } .btn-success:hover, .btn-success:active, .btn-success.hover { background-color: #008d4c; } .btn-info { background-color: #00c0ef; border-color: #00acd6; } .btn-info:hover, .btn-info:active, .btn-info.hover { background-color: #00acd6; } .btn-danger { background-color: #dd4b39; border-color: #d73925; } .btn-danger:hover, .btn-danger:active, .btn-danger.hover { background-color: #d73925; } .btn-warning { background-color: #f39c12; border-color: #e08e0b; } .btn-warning:hover, .btn-warning:active, .btn-warning.hover { background-color: #e08e0b; } .btn-outline { border: 1px solid #fff; background: transparent; color: #fff; } .btn-outline:hover, .btn-outline:focus, .btn-outline:active { color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.7); } .btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn[class*='bg-']:hover { -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); } .btn-app { border-radius: 3px; position: relative; padding: 15px 5px; margin: 0 0 10px 10px; min-width: 80px; height: 60px; text-align: center; color: #666; border: 1px solid #ddd; background-color: #f4f4f4; font-size: 12px; } .btn-app > .fa, .btn-app > .glyphicon, .btn-app > .ion { font-size: 20px; display: block; } .btn-app:hover { background: #f4f4f4; color: #444; border-color: #aaa; } .btn-app:active, .btn-app:focus { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-app > .badge { position: absolute; top: -3px; right: -10px; font-size: 10px; font-weight: 400; } /* * Component: Callout * ------------------ */ .callout { border-radius: 3px; margin: 0 0 20px 0; padding: 15px 30px 15px 15px; border-left: 5px solid #eee; } .callout a { color: #fff; text-decoration: underline; } .callout a:hover { color: #eee; } .callout h4 { margin-top: 0; font-weight: 600; } .callout p:last-child { margin-bottom: 0; } .callout code, .callout .highlight { background-color: #fff; } .callout.callout-danger { border-color: #c23321; } .callout.callout-warning { border-color: #c87f0a; } .callout.callout-info { border-color: #0097bc; } .callout.callout-success { border-color: #00733e; } /* * Component: alert * ---------------- */ .alert { border-radius: 3px; } .alert h4 { font-weight: 600; } .alert .icon { margin-right: 10px; } .alert .close { color: #000; opacity: 0.2; filter: alpha(opacity=20); } .alert .close:hover { opacity: 0.5; filter: alpha(opacity=50); } .alert a { color: #fff; text-decoration: underline; } .alert-success { border-color: #008d4c; } .alert-danger, .alert-error { border-color: #d73925; } .alert-warning { border-color: #e08e0b; } .alert-info { border-color: #00acd6; } /* * Component: Nav * -------------- */ .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus { color: #444; background: #f7f7f7; } /* NAV PILLS */ .nav-pills > li > a { border-radius: 0; border-top: 3px solid transparent; color: #444; } .nav-pills > li > a > .fa, .nav-pills > li > a > .glyphicon, .nav-pills > li > a > .ion { margin-right: 5px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { border-top-color: #3c8dbc; } .nav-pills > li.active > a { font-weight: 600; } /* NAV STACKED */ .nav-stacked > li > a { border-radius: 0; border-top: 0; border-left: 3px solid transparent; color: #444; } .nav-stacked > li.active > a, .nav-stacked > li.active > a:hover { background: transparent; color: #444; border-top: 0; border-left-color: #3c8dbc; } .nav-stacked > li.header { border-bottom: 1px solid #ddd; color: #777; margin-bottom: 10px; padding: 5px 10px; text-transform: uppercase; } /* NAV TABS */ .nav-tabs-custom { margin-bottom: 20px; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; } .nav-tabs-custom > .nav-tabs { margin: 0; border-bottom-color: #f4f4f4; border-top-right-radius: 3px; border-top-left-radius: 3px; } .nav-tabs-custom > .nav-tabs > li { border-top: 3px solid transparent; margin-bottom: -2px; margin-right: 5px; } .nav-tabs-custom > .nav-tabs > li.disabled > a { color: #777; } .nav-tabs-custom > .nav-tabs > li > a { color: #444; border-radius: 0; } .nav-tabs-custom > .nav-tabs > li > a.text-muted { color: #999; } .nav-tabs-custom > .nav-tabs > li > a, .nav-tabs-custom > .nav-tabs > li > a:hover { background: transparent; margin: 0; } .nav-tabs-custom > .nav-tabs > li > a:hover { color: #999; } .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active { border-color: transparent; } .nav-tabs-custom > .nav-tabs > li.active { border-top-color: #3c8dbc; } .nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a { background-color: #fff; color: #444; } .nav-tabs-custom > .nav-tabs > li.active > a { border-top-color: transparent; border-left-color: #f4f4f4; border-right-color: #f4f4f4; } .nav-tabs-custom > .nav-tabs > li:first-of-type { margin-left: 0; } .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a { border-left-color: transparent; } .nav-tabs-custom > .nav-tabs.pull-right { float: none !important; } .nav-tabs-custom > .nav-tabs.pull-right > li { float: right; } .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type { margin-right: 0; } .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a { border-left-width: 1px; } .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a { border-left-color: #f4f4f4; border-right-color: transparent; } .nav-tabs-custom > .nav-tabs > li.header { line-height: 35px; padding: 0 10px; font-size: 20px; color: #444; } .nav-tabs-custom > .nav-tabs > li.header > .fa, .nav-tabs-custom > .nav-tabs > li.header > .glyphicon, .nav-tabs-custom > .nav-tabs > li.header > .ion { margin-right: 5px; } .nav-tabs-custom > .tab-content { background: #fff; padding: 10px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .nav-tabs-custom .dropdown.open > a:active, .nav-tabs-custom .dropdown.open > a:focus { background: transparent; color: #999; } .nav-tabs-custom.tab-primary > .nav-tabs > li.active { border-top-color: #3c8dbc; } .nav-tabs-custom.tab-info > .nav-tabs > li.active { border-top-color: #00c0ef; } .nav-tabs-custom.tab-danger > .nav-tabs > li.active { border-top-color: #dd4b39; } .nav-tabs-custom.tab-warning > .nav-tabs > li.active { border-top-color: #f39c12; } .nav-tabs-custom.tab-success > .nav-tabs > li.active { border-top-color: #00a65a; } .nav-tabs-custom.tab-default > .nav-tabs > li.active { border-top-color: #d2d6de; } /* PAGINATION */ .pagination > li > a { background: #fafafa; color: #666; } .pagination.pagination-flat > li > a { border-radius: 0 !important; } /* * Component: Products List * ------------------------ */ .products-list { list-style: none; margin: 0; padding: 0; } .products-list > .item { border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); padding: 10px 0; background: #fff; } .products-list > .item:before, .products-list > .item:after { content: " "; display: table; } .products-list > .item:after { clear: both; } .products-list .product-img { float: left; } .products-list .product-img img { width: 50px; height: 50px; } .products-list .product-info { margin-left: 60px; } .products-list .product-title { font-weight: 600; } .products-list .product-description { display: block; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .product-list-in-box > .item { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border-bottom: 1px solid #f4f4f4; } .product-list-in-box > .item:last-of-type { border-bottom-width: 0; } /* * Component: Table * ---------------- */ .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 1px solid #f4f4f4; } .table > thead > tr > th { border-bottom: 2px solid #f4f4f4; } .table tr td .progress { margin-top: 5px; } .table-bordered { border: 1px solid #f4f4f4; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #f4f4f4; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table.no-border, .table.no-border td, .table.no-border th { border: 0; } /* .text-center in tables */ table.text-center, table.text-center td, table.text-center th { text-align: center; } .table.align th { text-align: left; } .table.align td { text-align: right; } /* * Component: Label * ---------------- */ .label-default { background-color: #d2d6de; color: #444; } /* * Component: Direct Chat * ---------------------- */ .direct-chat .box-body { border-bottom-right-radius: 0; border-bottom-left-radius: 0; position: relative; overflow-x: hidden; padding: 0; } .direct-chat.chat-pane-open .direct-chat-contacts { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .direct-chat-messages { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); padding: 10px; height: 250px; overflow: auto; } .direct-chat-msg, .direct-chat-text { display: block; } .direct-chat-msg { margin-bottom: 10px; } .direct-chat-msg:before, .direct-chat-msg:after { content: " "; display: table; } .direct-chat-msg:after { clear: both; } .direct-chat-messages, .direct-chat-contacts { -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } .direct-chat-text { border-radius: 5px; position: relative; padding: 5px 10px; background: #d2d6de; border: 1px solid #d2d6de; margin: 5px 0 0 50px; color: #444; } .direct-chat-text:after, .direct-chat-text:before { position: absolute; right: 100%; top: 15px; border: solid transparent; border-right-color: #d2d6de; content: ' '; height: 0; width: 0; pointer-events: none; } .direct-chat-text:after { border-width: 5px; margin-top: -5px; } .direct-chat-text:before { border-width: 6px; margin-top: -6px; } .right .direct-chat-text { margin-right: 50px; margin-left: 0; } .right .direct-chat-text:after, .right .direct-chat-text:before { right: auto; left: 100%; border-right-color: transparent; border-left-color: #d2d6de; } .direct-chat-img { border-radius: 50%; float: left; width: 40px; height: 40px; } .right .direct-chat-img { float: right; } .direct-chat-info { display: block; margin-bottom: 2px; font-size: 12px; } .direct-chat-name { font-weight: 600; } .direct-chat-timestamp { color: #999; } .direct-chat-contacts-open .direct-chat-contacts { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .direct-chat-contacts { -webkit-transform: translate(101%, 0); -ms-transform: translate(101%, 0); -o-transform: translate(101%, 0); transform: translate(101%, 0); position: absolute; top: 0; bottom: 0; height: 250px; width: 100%; background: #222d32; color: #fff; overflow: auto; } .contacts-list > li { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 10px; margin: 0; } .contacts-list > li:before, .contacts-list > li:after { content: " "; display: table; } .contacts-list > li:after { clear: both; } .contacts-list > li:last-of-type { border-bottom: none; } .contacts-list-img { border-radius: 50%; width: 40px; float: left; } .contacts-list-info { margin-left: 45px; color: #fff; } .contacts-list-name, .contacts-list-status { display: block; } .contacts-list-name { font-weight: 600; } .contacts-list-status { font-size: 12px; } .contacts-list-date { color: #aaa; font-weight: normal; } .contacts-list-msg { color: #999; } .direct-chat-danger .right > .direct-chat-text { background: #dd4b39; border-color: #dd4b39; color: #fff; } .direct-chat-danger .right > .direct-chat-text:after, .direct-chat-danger .right > .direct-chat-text:before { border-left-color: #dd4b39; } .direct-chat-primary .right > .direct-chat-text { background: #3c8dbc; border-color: #3c8dbc; color: #fff; } .direct-chat-primary .right > .direct-chat-text:after, .direct-chat-primary .right > .direct-chat-text:before { border-left-color: #3c8dbc; } .direct-chat-warning .right > .direct-chat-text { background: #f39c12; border-color: #f39c12; color: #fff; } .direct-chat-warning .right > .direct-chat-text:after, .direct-chat-warning .right > .direct-chat-text:before { border-left-color: #f39c12; } .direct-chat-info .right > .direct-chat-text { background: #00c0ef; border-color: #00c0ef; color: #fff; } .direct-chat-info .right > .direct-chat-text:after, .direct-chat-info .right > .direct-chat-text:before { border-left-color: #00c0ef; } .direct-chat-success .right > .direct-chat-text { background: #00a65a; border-color: #00a65a; color: #fff; } .direct-chat-success .right > .direct-chat-text:after, .direct-chat-success .right > .direct-chat-text:before { border-left-color: #00a65a; } /* * Component: Users List * --------------------- */ .users-list > li { width: 25%; float: left; padding: 10px; text-align: center; } .users-list > li img { border-radius: 50%; max-width: 100%; height: auto; } .users-list > li > a:hover, .users-list > li > a:hover .users-list-name { color: #999; } .users-list-name, .users-list-date { display: block; } .users-list-name { font-weight: 600; color: #444; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .users-list-date { color: #999; font-size: 12px; } /* * Component: Carousel * ------------------- */ .carousel-control.left, .carousel-control.right { background-image: none; } .carousel-control > .fa { font-size: 40px; position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -20px; } /* * Component: modal * ---------------- */ .modal { background: rgba(0, 0, 0, 0.3); } .modal-content { border-radius: 0; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); border: 0; } @media (min-width: 768px) { .modal-content { -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); } } .modal-header { border-bottom-color: #f4f4f4; } .modal-footer { border-top-color: #f4f4f4; } .modal-primary .modal-header, .modal-primary .modal-footer { border-color: #307095; } .modal-warning .modal-header, .modal-warning .modal-footer { border-color: #c87f0a; } .modal-info .modal-header, .modal-info .modal-footer { border-color: #0097bc; } .modal-success .modal-header, .modal-success .modal-footer { border-color: #00733e; } .modal-danger .modal-header, .modal-danger .modal-footer { border-color: #c23321; } /* * Component: Social Widgets * ------------------------- */ .box-widget { border: none; position: relative; } .widget-user .widget-user-header { padding: 20px; height: 120px; border-top-right-radius: 3px; border-top-left-radius: 3px; } .widget-user .widget-user-username { margin-top: 0; margin-bottom: 5px; font-size: 25px; font-weight: 300; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .widget-user .widget-user-desc { margin-top: 0; } .widget-user .widget-user-image { position: absolute; top: 65px; left: 50%; margin-left: -45px; } .widget-user .widget-user-image > img { width: 90px; height: auto; border: 3px solid #fff; } .widget-user .box-footer { padding-top: 30px; } .widget-user-2 .widget-user-header { padding: 20px; border-top-right-radius: 3px; border-top-left-radius: 3px; } .widget-user-2 .widget-user-username { margin-top: 5px; margin-bottom: 5px; font-size: 25px; font-weight: 300; } .widget-user-2 .widget-user-desc { margin-top: 0; } .widget-user-2 .widget-user-username, .widget-user-2 .widget-user-desc { margin-left: 75px; } .widget-user-2 .widget-user-image > img { width: 65px; height: auto; float: left; } .treeview-menu { display: none; list-style: none; padding: 0; margin: 0; padding-left: 5px; } .treeview-menu .treeview-menu { padding-left: 20px; } .treeview-menu > li { margin: 0; } .treeview-menu > li > a { padding: 5px 5px 5px 15px; display: block; font-size: 14px; } .treeview-menu > li > a > .fa, .treeview-menu > li > a > .glyphicon, .treeview-menu > li > a > .ion { width: 20px; } .treeview-menu > li > a > .pull-right-container > .fa-angle-left, .treeview-menu > li > a > .pull-right-container > .fa-angle-down, .treeview-menu > li > a > .fa-angle-left, .treeview-menu > li > a > .fa-angle-down { width: auto; } .treeview > ul.treeview-menu { overflow: hidden; height: auto; padding-top: 0px !important; padding-bottom: 0px !important; } .treeview.menu-open > ul.treeview-menu { overflow: visible; height: auto; } /* * Page: Mailbox * ------------- */ .mailbox-messages > .table { margin: 0; } .mailbox-controls { padding: 5px; } .mailbox-controls.with-border { border-bottom: 1px solid #f4f4f4; } .mailbox-read-info { border-bottom: 1px solid #f4f4f4; padding: 10px; } .mailbox-read-info h3 { font-size: 20px; margin: 0; } .mailbox-read-info h5 { margin: 0; padding: 5px 0 0 0; } .mailbox-read-time { color: #999; font-size: 13px; } .mailbox-read-message { padding: 10px; } .mailbox-attachments li { float: left; width: 200px; border: 1px solid #eee; margin-bottom: 10px; margin-right: 10px; } .mailbox-attachment-name { font-weight: bold; color: #666; } .mailbox-attachment-icon, .mailbox-attachment-info, .mailbox-attachment-size { display: block; } .mailbox-attachment-info { padding: 10px; background: #f4f4f4; } .mailbox-attachment-size { color: #999; font-size: 12px; } .mailbox-attachment-icon { text-align: center; font-size: 65px; color: #666; padding: 20px 10px; } .mailbox-attachment-icon.has-img { padding: 0; } .mailbox-attachment-icon.has-img > img { max-width: 100%; height: auto; } /* * Page: Lock Screen * ----------------- */ /* ADD THIS CLASS TO THE TAG */ .lockscreen { background: #d2d6de; } .lockscreen-logo { font-size: 35px; text-align: center; margin-bottom: 25px; font-weight: 300; } .lockscreen-logo a { color: #444; } .lockscreen-wrapper { max-width: 400px; margin: 0 auto; margin-top: 10%; } /* User name [optional] */ .lockscreen .lockscreen-name { text-align: center; font-weight: 600; } /* Will contain the image and the sign in form */ .lockscreen-item { border-radius: 4px; padding: 0; background: #fff; position: relative; margin: 10px auto 30px auto; width: 290px; } /* User image */ .lockscreen-image { border-radius: 50%; position: absolute; left: -10px; top: -25px; background: #fff; padding: 5px; z-index: 10; } .lockscreen-image > img { border-radius: 50%; width: 70px; height: 70px; } /* Contains the password input and the login button */ .lockscreen-credentials { margin-left: 70px; } .lockscreen-credentials .form-control { border: 0; } .lockscreen-credentials .btn { background-color: #fff; border: 0; padding: 0 10px; } .lockscreen-footer { margin-top: 10px; } /* * Page: Login & Register * ---------------------- */ .login-logo, .register-logo { font-size: 35px; text-align: center; margin-bottom: 25px; font-weight: 300; } .login-logo a, .register-logo a { color: #444; } .login-page, .register-page { height: auto; background: #d2d6de; } .login-box, .register-box { width: 360px; margin: 7% auto; } @media (max-width: 768px) { .login-box, .register-box { width: 90%; margin-top: 20px; } } .login-box-body, .register-box-body { background: #fff; padding: 20px; border-top: 0; color: #666; } .login-box-body .form-control-feedback, .register-box-body .form-control-feedback { color: #777; } .login-box-msg, .register-box-msg { margin: 0; text-align: center; padding: 0 20px 20px 20px; } .social-auth-links { margin: 10px 0; } /* * Page: 400 and 500 error pages * ------------------------------ */ .error-page { width: 600px; margin: 20px auto 0 auto; } @media (max-width: 991px) { .error-page { width: 100%; } } .error-page > .headline { float: left; font-size: 100px; font-weight: 300; } @media (max-width: 991px) { .error-page > .headline { float: none; text-align: center; } } .error-page > .error-content { margin-left: 190px; display: block; } @media (max-width: 991px) { .error-page > .error-content { margin-left: 0; } } .error-page > .error-content > h3 { font-weight: 300; font-size: 25px; } @media (max-width: 991px) { .error-page > .error-content > h3 { text-align: center; } } /* * Page: Invoice * ------------- */ .invoice { position: relative; background: #fff; border: 1px solid #f4f4f4; padding: 20px; margin: 10px 25px; } .invoice-title { margin-top: 0; } /* * Page: Profile * ------------- */ .profile-user-img { margin: 0 auto; width: 100px; padding: 3px; border: 3px solid #d2d6de; } .profile-username { font-size: 21px; margin-top: 5px; } .post { border-bottom: 1px solid #d2d6de; margin-bottom: 15px; padding-bottom: 15px; color: #666; } .post:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .post .user-block { margin-bottom: 15px; } /* * Social Buttons for Bootstrap * * Copyright 2013-2015 Panayiotis Lipiridis * Licensed under the MIT License * * https://github.com/lipis/bootstrap-social */ .btn-social { position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .btn-social > :first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2); } .btn-social.btn-lg { padding-left: 61px; } .btn-social.btn-lg > :first-child { line-height: 45px; width: 45px; font-size: 1.8em; } .btn-social.btn-sm { padding-left: 38px; } .btn-social.btn-sm > :first-child { line-height: 28px; width: 28px; font-size: 1.4em; } .btn-social.btn-xs { padding-left: 30px; } .btn-social.btn-xs > :first-child { line-height: 20px; width: 20px; font-size: 1.2em; } .btn-social-icon { position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 34px; width: 34px; padding: 0; } .btn-social-icon > :first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2); } .btn-social-icon.btn-lg { padding-left: 61px; } .btn-social-icon.btn-lg > :first-child { line-height: 45px; width: 45px; font-size: 1.8em; } .btn-social-icon.btn-sm { padding-left: 38px; } .btn-social-icon.btn-sm > :first-child { line-height: 28px; width: 28px; font-size: 1.4em; } .btn-social-icon.btn-xs { padding-left: 30px; } .btn-social-icon.btn-xs > :first-child { line-height: 20px; width: 20px; font-size: 1.2em; } .btn-social-icon > :first-child { border: none; text-align: center; width: 100%; } .btn-social-icon.btn-lg { height: 45px; width: 45px; padding-left: 0; padding-right: 0; } .btn-social-icon.btn-sm { height: 30px; width: 30px; padding-left: 0; padding-right: 0; } .btn-social-icon.btn-xs { height: 22px; width: 22px; padding-left: 0; padding-right: 0; } .btn-adn { color: #fff; background-color: #d87a68; border-color: rgba(0, 0, 0, 0.2); } .btn-adn:focus, .btn-adn.focus { color: #fff; background-color: #ce563f; border-color: rgba(0, 0, 0, 0.2); } .btn-adn:hover { color: #fff; background-color: #ce563f; border-color: rgba(0, 0, 0, 0.2); } .btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn { color: #fff; background-color: #ce563f; border-color: rgba(0, 0, 0, 0.2); } .btn-adn:active:hover, .btn-adn.active:hover, .open > .dropdown-toggle.btn-adn:hover, .btn-adn:active:focus, .btn-adn.active:focus, .open > .dropdown-toggle.btn-adn:focus, .btn-adn:active.focus, .btn-adn.active.focus, .open > .dropdown-toggle.btn-adn.focus { color: #fff; background-color: #b94630; border-color: rgba(0, 0, 0, 0.2); } .btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn { background-image: none; } .btn-adn.disabled:hover, .btn-adn[disabled]:hover, fieldset[disabled] .btn-adn:hover, .btn-adn.disabled:focus, .btn-adn[disabled]:focus, fieldset[disabled] .btn-adn:focus, .btn-adn.disabled.focus, .btn-adn[disabled].focus, fieldset[disabled] .btn-adn.focus { background-color: #d87a68; border-color: rgba(0, 0, 0, 0.2); } .btn-adn .badge { color: #d87a68; background-color: #fff; } .btn-bitbucket { color: #fff; background-color: #205081; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket:focus, .btn-bitbucket.focus { color: #fff; background-color: #163758; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket:hover { color: #fff; background-color: #163758; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket { color: #fff; background-color: #163758; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket:active:hover, .btn-bitbucket.active:hover, .open > .dropdown-toggle.btn-bitbucket:hover, .btn-bitbucket:active:focus, .btn-bitbucket.active:focus, .open > .dropdown-toggle.btn-bitbucket:focus, .btn-bitbucket:active.focus, .btn-bitbucket.active.focus, .open > .dropdown-toggle.btn-bitbucket.focus { color: #fff; background-color: #0f253c; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket { background-image: none; } .btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus, .btn-bitbucket.disabled.focus, .btn-bitbucket[disabled].focus, fieldset[disabled] .btn-bitbucket.focus { background-color: #205081; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket .badge { color: #205081; background-color: #fff; } .btn-dropbox { color: #fff; background-color: #1087dd; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox:focus, .btn-dropbox.focus { color: #fff; background-color: #0d6aad; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox:hover { color: #fff; background-color: #0d6aad; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox { color: #fff; background-color: #0d6aad; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox:active:hover, .btn-dropbox.active:hover, .open > .dropdown-toggle.btn-dropbox:hover, .btn-dropbox:active:focus, .btn-dropbox.active:focus, .open > .dropdown-toggle.btn-dropbox:focus, .btn-dropbox:active.focus, .btn-dropbox.active.focus, .open > .dropdown-toggle.btn-dropbox.focus { color: #fff; background-color: #0a568c; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox { background-image: none; } .btn-dropbox.disabled:hover, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox:hover, .btn-dropbox.disabled:focus, .btn-dropbox[disabled]:focus, fieldset[disabled] .btn-dropbox:focus, .btn-dropbox.disabled.focus, .btn-dropbox[disabled].focus, fieldset[disabled] .btn-dropbox.focus { background-color: #1087dd; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox .badge { color: #1087dd; background-color: #fff; } .btn-facebook { color: #fff; background-color: #3b5998; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook:focus, .btn-facebook.focus { color: #fff; background-color: #2d4373; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook:hover { color: #fff; background-color: #2d4373; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook { color: #fff; background-color: #2d4373; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook:active:hover, .btn-facebook.active:hover, .open > .dropdown-toggle.btn-facebook:hover, .btn-facebook:active:focus, .btn-facebook.active:focus, .open > .dropdown-toggle.btn-facebook:focus, .btn-facebook:active.focus, .btn-facebook.active.focus, .open > .dropdown-toggle.btn-facebook.focus { color: #fff; background-color: #23345a; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook { background-image: none; } .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled.focus, .btn-facebook[disabled].focus, fieldset[disabled] .btn-facebook.focus { background-color: #3b5998; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook .badge { color: #3b5998; background-color: #fff; } .btn-flickr { color: #fff; background-color: #ff0084; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr:focus, .btn-flickr.focus { color: #fff; background-color: #cc006a; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr:hover { color: #fff; background-color: #cc006a; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr { color: #fff; background-color: #cc006a; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr:active:hover, .btn-flickr.active:hover, .open > .dropdown-toggle.btn-flickr:hover, .btn-flickr:active:focus, .btn-flickr.active:focus, .open > .dropdown-toggle.btn-flickr:focus, .btn-flickr:active.focus, .btn-flickr.active.focus, .open > .dropdown-toggle.btn-flickr.focus { color: #fff; background-color: #a80057; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr { background-image: none; } .btn-flickr.disabled:hover, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr:hover, .btn-flickr.disabled:focus, .btn-flickr[disabled]:focus, fieldset[disabled] .btn-flickr:focus, .btn-flickr.disabled.focus, .btn-flickr[disabled].focus, fieldset[disabled] .btn-flickr.focus { background-color: #ff0084; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr .badge { color: #ff0084; background-color: #fff; } .btn-foursquare { color: #fff; background-color: #f94877; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare:focus, .btn-foursquare.focus { color: #fff; background-color: #f71752; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare:hover { color: #fff; background-color: #f71752; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare { color: #fff; background-color: #f71752; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare:active:hover, .btn-foursquare.active:hover, .open > .dropdown-toggle.btn-foursquare:hover, .btn-foursquare:active:focus, .btn-foursquare.active:focus, .open > .dropdown-toggle.btn-foursquare:focus, .btn-foursquare:active.focus, .btn-foursquare.active.focus, .open > .dropdown-toggle.btn-foursquare.focus { color: #fff; background-color: #e30742; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare { background-image: none; } .btn-foursquare.disabled:hover, .btn-foursquare[disabled]:hover, fieldset[disabled] .btn-foursquare:hover, .btn-foursquare.disabled:focus, .btn-foursquare[disabled]:focus, fieldset[disabled] .btn-foursquare:focus, .btn-foursquare.disabled.focus, .btn-foursquare[disabled].focus, fieldset[disabled] .btn-foursquare.focus { background-color: #f94877; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare .badge { color: #f94877; background-color: #fff; } .btn-github { color: #fff; background-color: #444444; border-color: rgba(0, 0, 0, 0.2); } .btn-github:focus, .btn-github.focus { color: #fff; background-color: #2b2b2b; border-color: rgba(0, 0, 0, 0.2); } .btn-github:hover { color: #fff; background-color: #2b2b2b; border-color: rgba(0, 0, 0, 0.2); } .btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github { color: #fff; background-color: #2b2b2b; border-color: rgba(0, 0, 0, 0.2); } .btn-github:active:hover, .btn-github.active:hover, .open > .dropdown-toggle.btn-github:hover, .btn-github:active:focus, .btn-github.active:focus, .open > .dropdown-toggle.btn-github:focus, .btn-github:active.focus, .btn-github.active.focus, .open > .dropdown-toggle.btn-github.focus { color: #fff; background-color: #191919; border-color: rgba(0, 0, 0, 0.2); } .btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github { background-image: none; } .btn-github.disabled:hover, .btn-github[disabled]:hover, fieldset[disabled] .btn-github:hover, .btn-github.disabled:focus, .btn-github[disabled]:focus, fieldset[disabled] .btn-github:focus, .btn-github.disabled.focus, .btn-github[disabled].focus, fieldset[disabled] .btn-github.focus { background-color: #444444; border-color: rgba(0, 0, 0, 0.2); } .btn-github .badge { color: #444444; background-color: #fff; } .btn-google { color: #fff; background-color: #dd4b39; border-color: rgba(0, 0, 0, 0.2); } .btn-google:focus, .btn-google.focus { color: #fff; background-color: #c23321; border-color: rgba(0, 0, 0, 0.2); } .btn-google:hover { color: #fff; background-color: #c23321; border-color: rgba(0, 0, 0, 0.2); } .btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google { color: #fff; background-color: #c23321; border-color: rgba(0, 0, 0, 0.2); } .btn-google:active:hover, .btn-google.active:hover, .open > .dropdown-toggle.btn-google:hover, .btn-google:active:focus, .btn-google.active:focus, .open > .dropdown-toggle.btn-google:focus, .btn-google:active.focus, .btn-google.active.focus, .open > .dropdown-toggle.btn-google.focus { color: #fff; background-color: #a32b1c; border-color: rgba(0, 0, 0, 0.2); } .btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google { background-image: none; } .btn-google.disabled:hover, .btn-google[disabled]:hover, fieldset[disabled] .btn-google:hover, .btn-google.disabled:focus, .btn-google[disabled]:focus, fieldset[disabled] .btn-google:focus, .btn-google.disabled.focus, .btn-google[disabled].focus, fieldset[disabled] .btn-google.focus { background-color: #dd4b39; border-color: rgba(0, 0, 0, 0.2); } .btn-google .badge { color: #dd4b39; background-color: #fff; } .btn-instagram { color: #fff; background-color: #3f729b; border-color: rgba(0, 0, 0, 0.2); } .btn-instagram:focus, .btn-instagram.focus { color: #fff; background-color: #305777; border-color: rgba(0, 0, 0, 0.2); } .btn-instagram:hover { color: #fff; background-color: #305777; border-color: rgba(0, 0, 0, 0.2); } .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram { color: #fff; background-color: #305777; border-color: rgba(0, 0, 0, 0.2); } .btn-instagram:active:hover, .btn-instagram.active:hover, .open > .dropdown-toggle.btn-instagram:hover, .btn-instagram:active:focus, .btn-instagram.active:focus, .open > .dropdown-toggle.btn-instagram:focus, .btn-instagram:active.focus, .btn-instagram.active.focus, .open > .dropdown-toggle.btn-instagram.focus { color: #fff; background-color: #26455d; border-color: rgba(0, 0, 0, 0.2); } .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram { background-image: none; } .btn-instagram.disabled:hover, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram:hover, .btn-instagram.disabled:focus, .btn-instagram[disabled]:focus, fieldset[disabled] .btn-instagram:focus, .btn-instagram.disabled.focus, .btn-instagram[disabled].focus, fieldset[disabled] .btn-instagram.focus { background-color: #3f729b; border-color: rgba(0, 0, 0, 0.2); } .btn-instagram .badge { color: #3f729b; background-color: #fff; } .btn-linkedin { color: #fff; background-color: #007bb6; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin:focus, .btn-linkedin.focus { color: #fff; background-color: #005983; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin:hover { color: #fff; background-color: #005983; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin { color: #fff; background-color: #005983; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin:active:hover, .btn-linkedin.active:hover, .open > .dropdown-toggle.btn-linkedin:hover, .btn-linkedin:active:focus, .btn-linkedin.active:focus, .open > .dropdown-toggle.btn-linkedin:focus, .btn-linkedin:active.focus, .btn-linkedin.active.focus, .open > .dropdown-toggle.btn-linkedin.focus { color: #fff; background-color: #00405f; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin { background-image: none; } .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled.focus, .btn-linkedin[disabled].focus, fieldset[disabled] .btn-linkedin.focus { background-color: #007bb6; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin .badge { color: #007bb6; background-color: #fff; } .btn-microsoft { color: #fff; background-color: #2672ec; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft:focus, .btn-microsoft.focus { color: #fff; background-color: #125acd; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft:hover { color: #fff; background-color: #125acd; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft { color: #fff; background-color: #125acd; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft:active:hover, .btn-microsoft.active:hover, .open > .dropdown-toggle.btn-microsoft:hover, .btn-microsoft:active:focus, .btn-microsoft.active:focus, .open > .dropdown-toggle.btn-microsoft:focus, .btn-microsoft:active.focus, .btn-microsoft.active.focus, .open > .dropdown-toggle.btn-microsoft.focus { color: #fff; background-color: #0f4bac; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft { background-image: none; } .btn-microsoft.disabled:hover, .btn-microsoft[disabled]:hover, fieldset[disabled] .btn-microsoft:hover, .btn-microsoft.disabled:focus, .btn-microsoft[disabled]:focus, fieldset[disabled] .btn-microsoft:focus, .btn-microsoft.disabled.focus, .btn-microsoft[disabled].focus, fieldset[disabled] .btn-microsoft.focus { background-color: #2672ec; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft .badge { color: #2672ec; background-color: #fff; } .btn-openid { color: #fff; background-color: #f7931e; border-color: rgba(0, 0, 0, 0.2); } .btn-openid:focus, .btn-openid.focus { color: #fff; background-color: #da7908; border-color: rgba(0, 0, 0, 0.2); } .btn-openid:hover { color: #fff; background-color: #da7908; border-color: rgba(0, 0, 0, 0.2); } .btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid { color: #fff; background-color: #da7908; border-color: rgba(0, 0, 0, 0.2); } .btn-openid:active:hover, .btn-openid.active:hover, .open > .dropdown-toggle.btn-openid:hover, .btn-openid:active:focus, .btn-openid.active:focus, .open > .dropdown-toggle.btn-openid:focus, .btn-openid:active.focus, .btn-openid.active.focus, .open > .dropdown-toggle.btn-openid.focus { color: #fff; background-color: #b86607; border-color: rgba(0, 0, 0, 0.2); } .btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid { background-image: none; } .btn-openid.disabled:hover, .btn-openid[disabled]:hover, fieldset[disabled] .btn-openid:hover, .btn-openid.disabled:focus, .btn-openid[disabled]:focus, fieldset[disabled] .btn-openid:focus, .btn-openid.disabled.focus, .btn-openid[disabled].focus, fieldset[disabled] .btn-openid.focus { background-color: #f7931e; border-color: rgba(0, 0, 0, 0.2); } .btn-openid .badge { color: #f7931e; background-color: #fff; } .btn-pinterest { color: #fff; background-color: #cb2027; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest:focus, .btn-pinterest.focus { color: #fff; background-color: #9f191f; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest:hover { color: #fff; background-color: #9f191f; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest { color: #fff; background-color: #9f191f; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest:active:hover, .btn-pinterest.active:hover, .open > .dropdown-toggle.btn-pinterest:hover, .btn-pinterest:active:focus, .btn-pinterest.active:focus, .open > .dropdown-toggle.btn-pinterest:focus, .btn-pinterest:active.focus, .btn-pinterest.active.focus, .open > .dropdown-toggle.btn-pinterest.focus { color: #fff; background-color: #801419; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest { background-image: none; } .btn-pinterest.disabled:hover, .btn-pinterest[disabled]:hover, fieldset[disabled] .btn-pinterest:hover, .btn-pinterest.disabled:focus, .btn-pinterest[disabled]:focus, fieldset[disabled] .btn-pinterest:focus, .btn-pinterest.disabled.focus, .btn-pinterest[disabled].focus, fieldset[disabled] .btn-pinterest.focus { background-color: #cb2027; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest .badge { color: #cb2027; background-color: #fff; } .btn-reddit { color: #000; background-color: #eff7ff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit:focus, .btn-reddit.focus { color: #000; background-color: #bcddff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit:hover { color: #000; background-color: #bcddff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit { color: #000; background-color: #bcddff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit:active:hover, .btn-reddit.active:hover, .open > .dropdown-toggle.btn-reddit:hover, .btn-reddit:active:focus, .btn-reddit.active:focus, .open > .dropdown-toggle.btn-reddit:focus, .btn-reddit:active.focus, .btn-reddit.active.focus, .open > .dropdown-toggle.btn-reddit.focus { color: #000; background-color: #98ccff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit { background-image: none; } .btn-reddit.disabled:hover, .btn-reddit[disabled]:hover, fieldset[disabled] .btn-reddit:hover, .btn-reddit.disabled:focus, .btn-reddit[disabled]:focus, fieldset[disabled] .btn-reddit:focus, .btn-reddit.disabled.focus, .btn-reddit[disabled].focus, fieldset[disabled] .btn-reddit.focus { background-color: #eff7ff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit .badge { color: #eff7ff; background-color: #000; } .btn-soundcloud { color: #fff; background-color: #ff5500; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud:focus, .btn-soundcloud.focus { color: #fff; background-color: #cc4400; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud:hover { color: #fff; background-color: #cc4400; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud { color: #fff; background-color: #cc4400; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud:active:hover, .btn-soundcloud.active:hover, .open > .dropdown-toggle.btn-soundcloud:hover, .btn-soundcloud:active:focus, .btn-soundcloud.active:focus, .open > .dropdown-toggle.btn-soundcloud:focus, .btn-soundcloud:active.focus, .btn-soundcloud.active.focus, .open > .dropdown-toggle.btn-soundcloud.focus { color: #fff; background-color: #a83800; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud { background-image: none; } .btn-soundcloud.disabled:hover, .btn-soundcloud[disabled]:hover, fieldset[disabled] .btn-soundcloud:hover, .btn-soundcloud.disabled:focus, .btn-soundcloud[disabled]:focus, fieldset[disabled] .btn-soundcloud:focus, .btn-soundcloud.disabled.focus, .btn-soundcloud[disabled].focus, fieldset[disabled] .btn-soundcloud.focus { background-color: #ff5500; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud .badge { color: #ff5500; background-color: #fff; } .btn-tumblr { color: #fff; background-color: #2c4762; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr:focus, .btn-tumblr.focus { color: #fff; background-color: #1c2d3f; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr:hover { color: #fff; background-color: #1c2d3f; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr { color: #fff; background-color: #1c2d3f; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr:active:hover, .btn-tumblr.active:hover, .open > .dropdown-toggle.btn-tumblr:hover, .btn-tumblr:active:focus, .btn-tumblr.active:focus, .open > .dropdown-toggle.btn-tumblr:focus, .btn-tumblr:active.focus, .btn-tumblr.active.focus, .open > .dropdown-toggle.btn-tumblr.focus { color: #fff; background-color: #111c26; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr { background-image: none; } .btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled.focus, .btn-tumblr[disabled].focus, fieldset[disabled] .btn-tumblr.focus { background-color: #2c4762; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr .badge { color: #2c4762; background-color: #fff; } .btn-twitter { color: #fff; background-color: #55acee; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter:focus, .btn-twitter.focus { color: #fff; background-color: #2795e9; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter:hover { color: #fff; background-color: #2795e9; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter { color: #fff; background-color: #2795e9; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter:active:hover, .btn-twitter.active:hover, .open > .dropdown-toggle.btn-twitter:hover, .btn-twitter:active:focus, .btn-twitter.active:focus, .open > .dropdown-toggle.btn-twitter:focus, .btn-twitter:active.focus, .btn-twitter.active.focus, .open > .dropdown-toggle.btn-twitter.focus { color: #fff; background-color: #1583d7; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter { background-image: none; } .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled.focus, .btn-twitter[disabled].focus, fieldset[disabled] .btn-twitter.focus { background-color: #55acee; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter .badge { color: #55acee; background-color: #fff; } .btn-vimeo { color: #fff; background-color: #1ab7ea; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo:focus, .btn-vimeo.focus { color: #fff; background-color: #1295bf; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo:hover { color: #fff; background-color: #1295bf; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo { color: #fff; background-color: #1295bf; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo:active:hover, .btn-vimeo.active:hover, .open > .dropdown-toggle.btn-vimeo:hover, .btn-vimeo:active:focus, .btn-vimeo.active:focus, .open > .dropdown-toggle.btn-vimeo:focus, .btn-vimeo:active.focus, .btn-vimeo.active.focus, .open > .dropdown-toggle.btn-vimeo.focus { color: #fff; background-color: #0f7b9f; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo { background-image: none; } .btn-vimeo.disabled:hover, .btn-vimeo[disabled]:hover, fieldset[disabled] .btn-vimeo:hover, .btn-vimeo.disabled:focus, .btn-vimeo[disabled]:focus, fieldset[disabled] .btn-vimeo:focus, .btn-vimeo.disabled.focus, .btn-vimeo[disabled].focus, fieldset[disabled] .btn-vimeo.focus { background-color: #1ab7ea; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo .badge { color: #1ab7ea; background-color: #fff; } .btn-vk { color: #fff; background-color: #587ea3; border-color: rgba(0, 0, 0, 0.2); } .btn-vk:focus, .btn-vk.focus { color: #fff; background-color: #466482; border-color: rgba(0, 0, 0, 0.2); } .btn-vk:hover { color: #fff; background-color: #466482; border-color: rgba(0, 0, 0, 0.2); } .btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk { color: #fff; background-color: #466482; border-color: rgba(0, 0, 0, 0.2); } .btn-vk:active:hover, .btn-vk.active:hover, .open > .dropdown-toggle.btn-vk:hover, .btn-vk:active:focus, .btn-vk.active:focus, .open > .dropdown-toggle.btn-vk:focus, .btn-vk:active.focus, .btn-vk.active.focus, .open > .dropdown-toggle.btn-vk.focus { color: #fff; background-color: #3a526b; border-color: rgba(0, 0, 0, 0.2); } .btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk { background-image: none; } .btn-vk.disabled:hover, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk:hover, .btn-vk.disabled:focus, .btn-vk[disabled]:focus, fieldset[disabled] .btn-vk:focus, .btn-vk.disabled.focus, .btn-vk[disabled].focus, fieldset[disabled] .btn-vk.focus { background-color: #587ea3; border-color: rgba(0, 0, 0, 0.2); } .btn-vk .badge { color: #587ea3; background-color: #fff; } .btn-yahoo { color: #fff; background-color: #720e9e; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo:focus, .btn-yahoo.focus { color: #fff; background-color: #500a6f; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo:hover { color: #fff; background-color: #500a6f; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo { color: #fff; background-color: #500a6f; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo:active:hover, .btn-yahoo.active:hover, .open > .dropdown-toggle.btn-yahoo:hover, .btn-yahoo:active:focus, .btn-yahoo.active:focus, .open > .dropdown-toggle.btn-yahoo:focus, .btn-yahoo:active.focus, .btn-yahoo.active.focus, .open > .dropdown-toggle.btn-yahoo.focus { color: #fff; background-color: #39074e; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo { background-image: none; } .btn-yahoo.disabled:hover, .btn-yahoo[disabled]:hover, fieldset[disabled] .btn-yahoo:hover, .btn-yahoo.disabled:focus, .btn-yahoo[disabled]:focus, fieldset[disabled] .btn-yahoo:focus, .btn-yahoo.disabled.focus, .btn-yahoo[disabled].focus, fieldset[disabled] .btn-yahoo.focus { background-color: #720e9e; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo .badge { color: #720e9e; background-color: #fff; } /* * Plugin: Full Calendar * --------------------- */ .fc-button { background: #f4f4f4; background-image: none; color: #444; border-color: #ddd; border-bottom-color: #ddd; } .fc-button:hover, .fc-button:active, .fc-button.hover { background-color: #e9e9e9; } .fc-header-title h2 { font-size: 15px; line-height: 1.6em; color: #666; margin-left: 10px; } .fc-header-right { padding-right: 10px; } .fc-header-left { padding-left: 10px; } .fc-widget-header { background: #fafafa; } .fc-grid { width: 100%; border: 0; } .fc-widget-header:first-of-type, .fc-widget-content:first-of-type { border-left: 0; border-right: 0; } .fc-widget-header:last-of-type, .fc-widget-content:last-of-type { border-right: 0; } .fc-toolbar { padding: 10px; margin: 0; } .fc-day-number { font-size: 20px; font-weight: 300; padding-right: 10px; } .fc-color-picker { list-style: none; margin: 0; padding: 0; } .fc-color-picker > li { float: left; font-size: 30px; margin-right: 5px; line-height: 30px; } .fc-color-picker > li .fa { -webkit-transition: -webkit-transform linear 0.3s; -moz-transition: -moz-transform linear 0.3s; -o-transition: -o-transform linear 0.3s; transition: transform linear 0.3s; } .fc-color-picker > li .fa:hover { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } #add-new-event { -webkit-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; } .external-event { padding: 5px 10px; font-weight: bold; margin-bottom: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; cursor: move; } .external-event:hover { box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2); } /* * Plugin: Select2 * --------------- */ .select2-container--default.select2-container--focus, .select2-selection.select2-container--focus, .select2-container--default:focus, .select2-selection:focus, .select2-container--default:active, .select2-selection:active { outline: none; } .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single { border: 1px solid #d2d6de; border-radius: 0; padding: 6px 12px; height: 34px; } .select2-container--default.select2-container--open { border-color: #3c8dbc; } .select2-dropdown { border: 1px solid #d2d6de; border-radius: 0; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #3c8dbc; color: white; } .select2-results__option { padding: 6px 12px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 0; height: auto; margin-top: -4px; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 6px; padding-left: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 28px; right: 3px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: 0; } .select2-dropdown .select2-search__field, .select2-search--inline .select2-search__field { border: 1px solid #d2d6de; } .select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus { outline: none; } .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #3c8dbc !important; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { color: #444; } .select2-container--default .select2-selection--multiple { border: 1px solid #d2d6de; border-radius: 0; } .select2-container--default .select2-selection--multiple:focus { border-color: #3c8dbc; } .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #d2d6de; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #3c8dbc; border-color: #367fa9; padding: 1px 10px; color: #fff; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-right: 5px; color: rgba(255, 255, 255, 0.7); } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #fff; } .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 10px; } .box .datepicker-inline, .box .datepicker-inline .datepicker-days, .box .datepicker-inline > table, .box .datepicker-inline .datepicker-days > table { width: 100%; } .box .datepicker-inline td:hover, .box .datepicker-inline .datepicker-days td:hover, .box .datepicker-inline > table td:hover, .box .datepicker-inline .datepicker-days > table td:hover { background-color: rgba(255, 255, 255, 0.3); } .box .datepicker-inline td.day.old, .box .datepicker-inline .datepicker-days td.day.old, .box .datepicker-inline > table td.day.old, .box .datepicker-inline .datepicker-days > table td.day.old, .box .datepicker-inline td.day.new, .box .datepicker-inline .datepicker-days td.day.new, .box .datepicker-inline > table td.day.new, .box .datepicker-inline .datepicker-days > table td.day.new { color: #777; } /* * General: Miscellaneous * ---------------------- */ .pad { padding: 10px; } .margin { margin: 10px; } .margin-bottom { margin-bottom: 20px; } .margin-bottom-none { margin-bottom: 0; } .margin-r-5 { margin-right: 5px; } .inline { display: inline; } .description-block { display: block; margin: 10px 0; text-align: center; } .description-block.margin-bottom { margin-bottom: 25px; } .description-block > .description-header { margin: 0; padding: 0; font-weight: 600; font-size: 16px; } .description-block > .description-text { text-transform: uppercase; } .bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer { color: #fff !important; } .bg-gray { color: #000; background-color: #d2d6de !important; } .bg-gray-light { background-color: #f7f7f7; } .bg-black { background-color: #111 !important; } .bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body { background-color: #dd4b39 !important; } .bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body { background-color: #f39c12 !important; } .bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body { background-color: #00c0ef !important; } .bg-blue { background-color: #0073b7 !important; } .bg-light-blue, .label-primary, .modal-primary .modal-body { background-color: #3c8dbc !important; } .bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body { background-color: #00a65a !important; } .bg-navy { background-color: #001F3F !important; } .bg-teal { background-color: #39CCCC !important; } .bg-olive { background-color: #3D9970 !important; } .bg-lime { background-color: #01FF70 !important; } .bg-orange { background-color: #FF851B !important; } .bg-fuchsia { background-color: #F012BE !important; } .bg-purple { background-color: #605ca8 !important; } .bg-maroon { background-color: #D81B60 !important; } .bg-gray-active { color: #000; background-color: #b5bbc8 !important; } .bg-black-active { background-color: #000000 !important; } .bg-red-active, .modal-danger .modal-header, .modal-danger .modal-footer { background-color: #d33724 !important; } .bg-yellow-active, .modal-warning .modal-header, .modal-warning .modal-footer { background-color: #db8b0b !important; } .bg-aqua-active, .modal-info .modal-header, .modal-info .modal-footer { background-color: #00a7d0 !important; } .bg-blue-active { background-color: #005384 !important; } .bg-light-blue-active, .modal-primary .modal-header, .modal-primary .modal-footer { background-color: #357ca5 !important; } .bg-green-active, .modal-success .modal-header, .modal-success .modal-footer { background-color: #008d4c !important; } .bg-navy-active { background-color: #001a35 !important; } .bg-teal-active { background-color: #30bbbb !important; } .bg-olive-active { background-color: #368763 !important; } .bg-lime-active { background-color: #00e765 !important; } .bg-orange-active { background-color: #ff7701 !important; } .bg-fuchsia-active { background-color: #db0ead !important; } .bg-purple-active { background-color: #555299 !important; } .bg-maroon-active { background-color: #ca195a !important; } [class^="bg-"].disabled { opacity: 0.65; filter: alpha(opacity=65); } .text-red { color: #dd4b39 !important; } .text-yellow { color: #f39c12 !important; } .text-aqua { color: #00c0ef !important; } .text-blue { color: #0073b7 !important; } .text-black { color: #111 !important; } .text-light-blue { color: #3c8dbc !important; } .text-green { color: #00a65a !important; } .text-gray { color: #d2d6de !important; } .text-navy { color: #001F3F !important; } .text-teal { color: #39CCCC !important; } .text-olive { color: #3D9970 !important; } .text-lime { color: #01FF70 !important; } .text-orange { color: #FF851B !important; } .text-fuchsia { color: #F012BE !important; } .text-purple { color: #605ca8 !important; } .text-maroon { color: #D81B60 !important; } .link-muted { color: #7a869d; } .link-muted:hover, .link-muted:focus { color: #606c84; } .link-black { color: #666; } .link-black:hover, .link-black:focus { color: #999; } .hide { display: none !important; } .no-border { border: 0 !important; } .no-padding { padding: 0 !important; } .no-margin { margin: 0 !important; } .no-shadow { box-shadow: none !important; } .list-unstyled, .chart-legend, .contacts-list, .users-list, .mailbox-attachments { list-style: none; margin: 0; padding: 0; } .list-group-unbordered > .list-group-item { border-left: 0; border-right: 0; border-radius: 0; padding-left: 0; padding-right: 0; } .flat { border-radius: 0 !important; } .text-bold, .text-bold.table td, .text-bold.table th { font-weight: 700; } .text-sm { font-size: 12px; } .jqstooltip { padding: 5px !important; width: auto !important; height: auto !important; } .bg-teal-gradient { background: #39CCCC !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39CCCC), color-stop(1, #7adddd)) !important; background: -ms-linear-gradient(bottom, #39CCCC, #7adddd) !important; background: -moz-linear-gradient(center bottom, #39CCCC 0%, #7adddd 100%) !important; background: -o-linear-gradient(#7adddd, #39CCCC) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39CCCC', GradientType=0) !important; color: #fff; } .bg-light-blue-gradient { background: #3c8dbc !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important; background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important; background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important; background: -o-linear-gradient(#67a8ce, #3c8dbc) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important; color: #fff; } .bg-blue-gradient { background: #0073b7 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important; background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important; background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important; background: -o-linear-gradient(#0089db, #0073b7) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important; color: #fff; } .bg-aqua-gradient { background: #00c0ef !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important; background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important; background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important; background: -o-linear-gradient(#14d1ff, #00c0ef) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important; color: #fff; } .bg-yellow-gradient { background: #f39c12 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important; background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important; background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important; background: -o-linear-gradient(#f7bc60, #f39c12) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important; color: #fff; } .bg-purple-gradient { background: #605ca8 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important; background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important; background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important; background: -o-linear-gradient(#9491c4, #605ca8) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important; color: #fff; } .bg-green-gradient { background: #00a65a !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important; background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important; background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important; background: -o-linear-gradient(#00ca6d, #00a65a) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important; color: #fff; } .bg-red-gradient { background: #dd4b39 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important; background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important; background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important; background: -o-linear-gradient(#e47365, #dd4b39) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important; color: #fff; } .bg-black-gradient { background: #111 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111), color-stop(1, #2b2b2b)) !important; background: -ms-linear-gradient(bottom, #111, #2b2b2b) !important; background: -moz-linear-gradient(center bottom, #111 0%, #2b2b2b 100%) !important; background: -o-linear-gradient(#2b2b2b, #111) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111', GradientType=0) !important; color: #fff; } .bg-maroon-gradient { background: #D81B60 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D81B60), color-stop(1, #e73f7c)) !important; background: -ms-linear-gradient(bottom, #D81B60, #e73f7c) !important; background: -moz-linear-gradient(center bottom, #D81B60 0%, #e73f7c 100%) !important; background: -o-linear-gradient(#e73f7c, #D81B60) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#D81B60', GradientType=0) !important; color: #fff; } .description-block .description-icon { font-size: 16px; } .no-pad-top { padding-top: 0; } .position-static { position: static !important; } .list-header { font-size: 15px; padding: 10px 4px; font-weight: bold; color: #666; } .list-seperator { height: 1px; background: #f4f4f4; margin: 15px 0 9px 0; } .list-link > a { padding: 4px; color: #777; } .list-link > a:hover { color: #222; } .font-light { font-weight: 300; } .user-block:before, .user-block:after { content: " "; display: table; } .user-block:after { clear: both; } .user-block img { width: 40px; height: 40px; float: left; } .user-block .username, .user-block .description, .user-block .comment { display: block; margin-left: 50px; } .user-block .username { font-size: 16px; font-weight: 600; } .user-block .description { color: #999; font-size: 13px; } .user-block.user-block-sm .username, .user-block.user-block-sm .description, .user-block.user-block-sm .comment { margin-left: 40px; } .user-block.user-block-sm .username { font-size: 14px; } .img-sm, .img-md, .img-lg, .box-comments .box-comment img, .user-block.user-block-sm img { float: left; } .img-sm, .box-comments .box-comment img, .user-block.user-block-sm img { width: 30px !important; height: 30px !important; } .img-sm + .img-push { margin-left: 40px; } .img-md { width: 60px; height: 60px; } .img-md + .img-push { margin-left: 70px; } .img-lg { width: 100px; height: 100px; } .img-lg + .img-push { margin-left: 110px; } .img-bordered { border: 3px solid #d2d6de; padding: 3px; } .img-bordered-sm { border: 2px solid #d2d6de; padding: 2px; } .attachment-block { border: 1px solid #f4f4f4; padding: 5px; margin-bottom: 10px; background: #f7f7f7; } .attachment-block .attachment-img { max-width: 100px; max-height: 100px; height: auto; float: left; } .attachment-block .attachment-pushed { margin-left: 110px; } .attachment-block .attachment-heading { margin: 0; } .attachment-block .attachment-text { color: #555; } .connectedSortable { min-height: 100px; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sort-highlight { background: #f4f4f4; border: 1px dashed #ddd; margin-bottom: 10px; } .full-opacity-hover { opacity: 0.65; filter: alpha(opacity=65); } .full-opacity-hover:hover { opacity: 1; filter: alpha(opacity=100); } .chart { position: relative; overflow: hidden; width: 100%; } .chart svg, .chart canvas { width: 100% !important; } hr { border-top: 1px solid #555555; } #red .slider-selection { background: #f56954; } #blue .slider-selection { background: #3c8dbc; } #green .slider-selection { background: #00a65a; } #yellow .slider-selection { background: #f39c12; } #aqua .slider-selection { background: #00c0ef; } #purple .slider-selection { background: #932ab6; } /* * Misc: print * ----------- */ @media print { .no-print, .main-sidebar, .left-side, .main-header, .content-header { display: none !important; } .content-wrapper, .right-side, .main-footer { margin-left: 0 !important; min-height: 0 !important; -webkit-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; -o-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .fixed .content-wrapper, .fixed .right-side { padding-top: 0 !important; } .invoice { width: 100%; border: 0; margin: 0; padding: 0; } .invoice-col { float: left; width: 33.3333333%; } .table-responsive { overflow: auto; } .table-responsive > .table tr th, .table-responsive > .table tr td { white-space: normal !important; } } ================================================ FILE: vendor/assets/stylesheets/bootstrap.css ================================================ /*! * Bootstrap v3.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; -moz-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: "Glyphicons Halflings"; src: url("../fonts/glyphicons-halflings-regular.eot"); src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: 400; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: 700; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: "\2014 \00A0"; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eeeeee; border-left: 0; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ""; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: "\00A0 \2014"; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .row-no-gutters { margin-right: 0; margin-left: 0; } .row-no-gutters [class*="col-"] { padding-right: 0; padding-left: 0; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } table { background-color: transparent; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: 0.01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; background-image: none; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; background-image: none; border-color: #204d74; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; background-image: none; border-color: #398439; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; background-image: none; border-color: #269abc; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; background-image: none; border-color: #d58512; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; background-image: none; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: 400; color: #337ab7; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-right: 15px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; margin-right: -15px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active { color: #777777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .thumbnail .caption { padding: 9px; color: #333333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #777777; cursor: not-allowed; background-color: #eeeeee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 0.2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857143; line-break: auto; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 12px; filter: alpha(opacity=0); opacity: 0; } .tooltip.in { filter: alpha(opacity=90); opacity: 0.9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857143; line-break: auto; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover > .arrow { border-width: 11px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: 0.5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; outline: 0; filter: alpha(opacity=90); opacity: 0.9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: "\2039"; } .carousel-control .icon-next:before { content: "\203a"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*# sourceMappingURL=bootstrap.css.map */ ================================================ FILE: vendor/assets/stylesheets/skins/skin-blue.css ================================================ /* * Skin: Blue * ---------- */ .skin-blue .main-header .navbar { background-color: #3c8dbc; } .skin-blue .main-header .navbar .nav > li > a { color: #ffffff; } .skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a { background: rgba(0, 0, 0, 0.1); color: #f6f6f6; } .skin-blue .main-header .navbar .sidebar-toggle { color: #ffffff; } .skin-blue .main-header .navbar .sidebar-toggle:hover { color: #f6f6f6; background: rgba(0, 0, 0, 0.1); } .skin-blue .main-header .navbar .sidebar-toggle { color: #fff; } .skin-blue .main-header .navbar .sidebar-toggle:hover { background-color: #367fa9; } @media (max-width: 767px) { .skin-blue .main-header .navbar .dropdown-menu li.divider { background-color: rgba(255, 255, 255, 0.1); } .skin-blue .main-header .navbar .dropdown-menu li a { color: #fff; } .skin-blue .main-header .navbar .dropdown-menu li a:hover { background: #367fa9; } } .skin-blue .main-header .logo { background-color: #367fa9; color: #ffffff; border-bottom: 0 solid transparent; } .skin-blue .main-header .logo:hover { background-color: #357ca5; } .skin-blue .main-header li.user-header { background-color: #3c8dbc; } .skin-blue .content-header { background: transparent; } .skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side { background-color: #222d32; } .skin-blue .user-panel > .info, .skin-blue .user-panel > .info > a { color: #fff; } .skin-blue .sidebar-menu > li.header { color: #4b646f; background: #1a2226; } .skin-blue .sidebar-menu > li > a { border-left: 3px solid transparent; } .skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a { color: #ffffff; background: #1e282c; } .skin-blue .sidebar-menu > li.active > a { border-left-color: #3c8dbc; } .skin-blue .sidebar-menu > li > .treeview-menu { margin: 0 1px; background: #2c3b41; } .skin-blue .sidebar a { color: #b8c7ce; } .skin-blue .sidebar a:hover { text-decoration: none; } .skin-blue .sidebar-menu .treeview-menu > li > a { color: #8aa4af; } .skin-blue .sidebar-menu .treeview-menu > li.active > a, .skin-blue .sidebar-menu .treeview-menu > li > a:hover { color: #ffffff; } .skin-blue .sidebar-form { border-radius: 3px; border: 1px solid #374850; margin: 10px 10px; } .skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn { box-shadow: none; background-color: #374850; border: 1px solid transparent; height: 35px; } .skin-blue .sidebar-form input[type="text"] { color: #666; border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; } .skin-blue .sidebar-form input[type="text"]:focus, .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn { background-color: #fff; color: #666; } .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn { border-left-color: #fff; } .skin-blue .sidebar-form .btn { color: #999; border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; } .skin-blue.layout-top-nav .main-header > .logo { background-color: #3c8dbc; color: #ffffff; border-bottom: 0 solid transparent; } .skin-blue.layout-top-nav .main-header > .logo:hover { background-color: #3b8ab8; }