├── License.txt
├── README.md
├── package.json
├── plugin.xml
├── sample
    ├── css
    │   ├── index.css
    │   ├── style.css
    │   └── topcoat-mobile-dark.css
    ├── img
    │   ├── hamburger_light.svg
    │   └── logo.png
    ├── index.html
    └── js
    │   └── index.js
├── scripts
    └── appinsights_before_prepare.js
└── www
    ├── AppInsights.d.ts
    ├── AppInsights.js
    └── AppInsights.lib.js


/License.txt:
--------------------------------------------------------------------------------
1 | Copyright (c) Microsoft Open Technologies, Inc. All rights reserved.
2 | 
3 | Licensed under the Apache License, Version 2.0 (the "License"); you may not use these files except in compliance with the License. You may obtain a copy of the License at
4 | 
5 | http://www.apache.org/licenses/LICENSE-2.0
6 | 
7 | Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
8 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | This plugin is no longer supported or maintained by Microsoft. If you wish to continue this project, please feel free to fork it.
  2 | 
  3 | # Application Insights plugin for Apache Cordova apps
  4 | 
  5 | This plugin allows you to add an Application Insights to your Apache Cordova app. Application Insights is a techonogy that sends telemetry from your app to the Azure portal.
  6 | 
  7 | 
  8 | More info about Application Insights technology could be found [here](http://azure.microsoft.com/en-us/documentation/articles/app-insights-get-started/)
  9 | 
 10 | To use this plugin you'll need an account in Microsoft Azure. You might already have access to a group account through your organization, or you might want to get a Pay-as-you-go account. (While Application Insights is in Preview, it's free.)
 11 | 
 12 | For more API documentation see [sample application](https://github.com/AzureAD/azure-activedirectory-library-for-cordova/tree/master/sample) and JSDoc for exposed functionality stored in [www](https://github.com/AzureAD/azure-activedirectory-library-for-cordova/tree/master/www) subfolder.
 13 | 
 14 | ## Supported platforms
 15 | 
 16 |   * Android
 17 |   * iOS
 18 |   * Windows
 19 | 
 20 | ## Sample usage
 21 | 
 22 | Application Insights API is available through `window.appInsights` object. To start using it you don't have to initialize it, just start calling its' methods
 23 | 
 24 | ```javascript
 25 | // This will send a custom-defined event to your appInsights account
 26 | var eventData = { ButtonId: "trackSingleEvent", Timestamp: new Date() };
 27 | appInsights.trackEvent('click', eventData);
 28 | 
 29 | // This will send data about how long some action is performed
 30 | appInsights.startTrackEvent("longRunningTask");
 31 | // Emulate some long-running action through `setTimeout`
 32 | setTimeout(function () {
 33 |      // When task is finished, call 'stopTrackEvent' with the same event as in 'startTrackEvent'
 34 |     appInsights.stopTrackEvent("longRunningTask");
 35 | }, 10000);
 36 | 
 37 | // This will send an exception information to your appInsights account
 38 | try {
 39 |     // Do some logic here which may
 40 |     throw new Error("Sample Error");
 41 | } catch (err) {
 42 |     // Catch an error and send it to appInsights
 43 |     appInsights.trackException(err);
 44 | }
 45 | 
 46 | ```
 47 | 
 48 | More information about AppInsights API could be found [here](http://azure.microsoft.com/en-us/documentation/articles/app-insights-web-track-usage-custom-events-metrics/)
 49 | 
 50 | ## Installation Instructions
 51 | 
 52 | ### Prerequisites
 53 | 
 54 | * [NodeJS and NPM](https://nodejs.org/)
 55 | 
 56 | * [Cordova CLI](https://cordova.apache.org/)
 57 | 
 58 |   Cordova CLI can be easily installed via NPM package manager: `npm install -g cordova`
 59 | 
 60 | * Additional prerequisites for each target platform can be found at [Cordova platforms documentation](http://cordova.apache.org/docs/en/edge/guide_platforms_index.md.html#Platform%20Guides) page.
 61 | 
 62 | ### To build and run sample application
 63 | 
 64 |   * Clone this repository into a directory of your choice
 65 | 
 66 |     `git clone https://github.com/MSOpenTech/cordova-plugin-appinsights.git`
 67 | 
 68 |   * Create a cordova project and add the platforms you want to support
 69 | 
 70 |     `cordova create AppInsightsSample --copy-from="cordova-plugin-appinsights/sample"`
 71 | 
 72 |     `cd AppInsightsSample`
 73 | 
 74 |     `cordova platform add android`
 75 | 
 76 |     `cordova platform add windows`
 77 | 
 78 |     `cordova platform add ios`
 79 | 
 80 |   * Add the plugin to your project
 81 | 
 82 |     `cordova plugin add ../cordova-plugin-appinsights --variable INSTRUMENTATION_KEY=<your_key>`
 83 |     
 84 |   * Set up intrumentation key for AppInsights API. Modify the following line in `config.xml` file at the project root
 85 | 
 86 |     `<preference name="instrumentation_key" value="$INSTRUMENTATION_KEY">`
 87 | 
 88 |   replace `$INSTRUMENTATION_KEY` with your key.
 89 | 
 90 |   * _optional_: install battery and network status plugins to track their events to AppInsights as well.
 91 | 
 92 |     `cordova plugin add cordova-plugin-battery-status cordova-plugin-network-information`
 93 | 
 94 |   * Build and run application: `cordova run`.
 95 | 
 96 | ## Copyrights ##
 97 | 
 98 | Copyright (c) Microsoft Open Technologies, Inc. All Rights Reserved.
 99 | Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
100 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "cordova-plugin-ms-appinsights",
 3 |   "version": "0.0.2",
 4 |   "description": "Application Insights Cordova plugin.",
 5 |   "cordova": {
 6 |     "id": "cordova-plugin-appinsights",
 7 |     "platforms": [
 8 |       "android",
 9 |       "ios",
10 |       "windows"
11 |     ]
12 |   },
13 |   "repository": {
14 |     "type": "git",
15 |     "url": "git+https://github.com/MSOpenTech/cordova-plugin-appinsights.git"
16 |   },
17 |   "keywords": [
18 |     "microsoft",
19 |     "azure",
20 |     "application",
21 |     "insights",
22 |     "ecosystem:cordova",
23 |     "cordova-android",
24 |     "cordova-ios",
25 |     "cordova-windows"
26 |   ],
27 |   "author": "MSOpenTech",
28 |   "license": "Apache 2.0",
29 |   "bugs": {
30 |     "url": "https://github.com/MSOpenTech/cordova-plugin-appinsights/issues"
31 |   },
32 |   "homepage": "https://github.com/MSOpenTech/cordova-plugin-appinsights#readme"
33 | }
34 | 


--------------------------------------------------------------------------------
/plugin.xml:
--------------------------------------------------------------------------------
 1 | <?xml version='1.0' encoding='utf-8'?>
 2 | 
 3 | <!--
 4 |  Copyright (c) Microsoft Open Technologies, Inc.  All Rights Reserved.
 5 |  Licensed under the Apache License, Version 2.0.  See License.txt in the project root for license information.
 6 | -->
 7 | 
 8 | <plugin id="cordova-plugin-ms-appinsights"
 9 |         version="0.0.2"
10 |         xmlns="http://apache.org/cordova/ns/plugins/1.0"
11 |         xmlns:android="http://schemas.android.com/apk/res/android">
12 | 
13 |     <license>Apache 2.0</license>
14 |     <name>Application Insights</name>
15 |     <description>Application Insights Cordova plugin.</description>
16 |     <keywords>microsoft, azure, application, insights</keywords>
17 |     <repo>https://github.com/MSOpenTech/cordova-plugin-appinsights</repo>
18 |     <issue>https://github.com/MSOpenTech/cordova-plugin-appinsights/issues</issue>
19 | 
20 |     <dependency id="cordova-plugin-device" />
21 | 
22 |     <!-- FIXME: There is currently a bug in cordova-lib which makes usage of mandatory plugin
23 |     variables impossible. The following line should be uncommented once this bug is fixed -->
24 |     <preference name="INSTRUMENTATION_KEY" />
25 | 
26 |     <js-module name="AppInsights" src="www/AppInsights.js">
27 |         <clobbers target="window.appInsights.config"/>
28 |     </js-module>
29 | 
30 |     <js-module name="AppInsightsLibrary" src="www/AppInsights.lib.js">
31 |         <runs />
32 |     </js-module>
33 | 
34 |     <hook type="before_prepare" src="scripts/appinsights_before_prepare.js" />
35 | 
36 |     <!-- Set up whitelist rule to allow access to AppInsights endpoint -->
37 |     <config-file target="config.xml" parent="/*">
38 |         <access origin="https://dc.services.visualstudio.com/v2/track" />
39 |     </config-file>
40 | 
41 |     <config-file target="../../config.xml" parent="/*">
42 |         <preference name="instrumentation_key" value="$INSTRUMENTATION_KEY" />
43 |     </config-file>
44 | 
45 |     <platform name="android">
46 |     </platform>
47 | 
48 |     <platform name="ios">
49 |     </platform>
50 | 
51 |     <platform name="windows">
52 |     </platform>
53 | 
54 | </plugin>
55 | 


--------------------------------------------------------------------------------
/sample/css/index.css:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Licensed to the Apache Software Foundation (ASF) under one
  3 |  * or more contributor license agreements.  See the NOTICE file
  4 |  * distributed with this work for additional information
  5 |  * regarding copyright ownership.  The ASF licenses this file
  6 |  * to you under the Apache License, Version 2.0 (the
  7 |  * "License"); you may not use this file except in compliance
  8 |  * with the License.  You may obtain a copy of the License at
  9 |  *
 10 |  * http://www.apache.org/licenses/LICENSE-2.0
 11 |  *
 12 |  * Unless required by applicable law or agreed to in writing,
 13 |  * software distributed under the License is distributed on an
 14 |  * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 15 |  * KIND, either express or implied.  See the License for the
 16 |  * specific language governing permissions and limitations
 17 |  * under the License.
 18 |  */
 19 | * {
 20 |     -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
 21 | }
 22 | 
 23 | body {
 24 |     -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
 25 |     -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
 26 |     -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
 27 |     background-color:#E4E4E4;
 28 |     background-image:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
 29 |     background-image:-webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
 30 |     background-image:-ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
 31 |     background-image:-webkit-gradient(
 32 |         linear,
 33 |         left top,
 34 |         left bottom,
 35 |         color-stop(0, #A7A7A7),
 36 |         color-stop(0.51, #E4E4E4)
 37 |     );
 38 |     background-attachment:fixed;
 39 |     font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
 40 |     font-size:12px;
 41 |     height:100%;
 42 |     margin:0px;
 43 |     padding:0px;
 44 |     text-transform:uppercase;
 45 |     width:100%;
 46 | }
 47 | 
 48 | /* Portrait layout (default) */
 49 | .app {
 50 |     background:url(../img/logo.png) no-repeat center top; /* 170px x 200px */
 51 |     position:absolute;             /* position in the center of the screen */
 52 |     left:50%;
 53 |     top:50%;
 54 |     height:50px;                   /* text area height */
 55 |     width:225px;                   /* text area width */
 56 |     text-align:center;
 57 |     padding:180px 0px 0px 0px;     /* image height is 200px (bottom 20px are overlapped with text) */
 58 |     margin:-115px 0px 0px -112px;  /* offset vertical: half of image height and text area height */
 59 |                                    /* offset horizontal: half of text area width */
 60 | }
 61 | 
 62 | /* Landscape layout (with min-width) */
 63 | @media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
 64 |     .app {
 65 |         background-position:left center;
 66 |         padding:75px 0px 75px 170px;  /* padding-top + padding-bottom + text area = image height */
 67 |         margin:-90px 0px 0px -198px;  /* offset vertical: half of image height */
 68 |                                       /* offset horizontal: half of image width and text area width */
 69 |     }
 70 | }
 71 | 
 72 | h1 {
 73 |     font-size:24px;
 74 |     font-weight:normal;
 75 |     margin:0px;
 76 |     overflow:visible;
 77 |     padding:0px;
 78 |     text-align:center;
 79 | }
 80 | 
 81 | .event {
 82 |     border-radius:4px;
 83 |     -webkit-border-radius:4px;
 84 |     color:#FFFFFF;
 85 |     font-size:12px;
 86 |     margin:0px 30px;
 87 |     padding:2px 0px;
 88 | }
 89 | 
 90 | .event.listening {
 91 |     background-color:#333333;
 92 |     display:block;
 93 | }
 94 | 
 95 | .event.received {
 96 |     background-color:#4B946A;
 97 |     display:none;
 98 | }
 99 | 
100 | @keyframes fade {
101 |     from { opacity: 1.0; }
102 |     50% { opacity: 0.4; }
103 |     to { opacity: 1.0; }
104 | }
105 |  
106 | @-webkit-keyframes fade {
107 |     from { opacity: 1.0; }
108 |     50% { opacity: 0.4; }
109 |     to { opacity: 1.0; }
110 | }
111 |  
112 | .blink {
113 |     animation:fade 3000ms infinite;
114 |     -webkit-animation:fade 3000ms infinite;
115 | }
116 | 


--------------------------------------------------------------------------------
/sample/css/style.css:
--------------------------------------------------------------------------------
  1 | html, body {
  2 |     margin:0;
  3 |     padding:0;
  4 |     height: 100%;
  5 | }
  6 | body {
  7 |     font-family: source-sans-pro, sans-serif;
  8 |     position: relative;
  9 |     width: 100%;
 10 |     height:100%;
 11 |     overflow: hidden;
 12 |     -webkit-font-smoothing: antialiased;
 13 | }
 14 | body.left-nav .topcoat-navigation-bar, body.left-nav .main-content {
 15 |     left:250px;
 16 | }
 17 | .topcoat-navigation-bar {
 18 |     position:absolute;
 19 |     width:100%;
 20 |     z-index:100;
 21 |     transition: left 0.2s ease-out;
 22 |     -webkit-transition: left 0.2s ease-out;
 23 |     transform: translate3d(0, 0, 0);
 24 |     -webkit-transform: translate3d(0, 0, 0);
 25 | }
 26 | .side-nav {
 27 |     display:block;
 28 |     position:absolute;
 29 |     top:0;
 30 |     left:0;
 31 |     width:320px;
 32 |     height:100%;
 33 |     background-color:#353535;
 34 | }
 35 | .side-nav__list__container {
 36 |     margin-top:4rem;
 37 |     border-top:none;
 38 |     border-bottom:none;
 39 | }
 40 | .side-nav__list {
 41 |     border-top:none;
 42 | }
 43 | .side-nav__list__item {
 44 |     padding:0;
 45 | }
 46 | .side-nav__list__item.is-active {
 47 |     background-color:#353535;
 48 | }
 49 | .side-nav__button {
 50 |     display:block;
 51 |     width:100%;
 52 |     height:100%;
 53 |     padding: 1.25rem;
 54 |     box-sizing: border-box;
 55 |     color: #c6c8c8;
 56 |     text-decoration:none;
 57 | }
 58 | .side-nav__button:hover {
 59 |     background-color:#747474;
 60 | }
 61 | .side-nav__button:active {
 62 |     background-color:#353535;
 63 | }
 64 | button.topcoat-button--cta {
 65 |     line-height: 40px;
 66 |     top: 10px;
 67 | /*    border-radius: 0px;*/
 68 |     padding: 0px 5px;
 69 | }
 70 | 
 71 | .main-content {
 72 |     position: absolute;
 73 |     background: inherit;
 74 |     left: 0;
 75 |     padding-top:4rem;
 76 |     width:100%;
 77 |     height:100%;
 78 |     transition: left 0.2s ease-out;
 79 |     -webkit-transition: left 0.2s ease-out;
 80 |     transform: translate3d(0, 0, 0);
 81 |     -webkit-transform: translate3d(0, 0, 0);
 82 |     -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.57);
 83 |     -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.57);
 84 |     box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.57);
 85 | }
 86 | @media screen and (min-width: 640px) { /* @media screen and (min-width: 880px) { */
 87 |     .slide-menu-button {
 88 |         display:none;
 89 |     }
 90 |     .main-content {
 91 |         left:320px;
 92 |         right:0;
 93 |         width:auto;
 94 |     }
 95 | }
 96 | #messages-list {
 97 |     background-color: white;
 98 |     color: black;
 99 | }
100 | 
101 | 
102 | .topcoat-list__item.email .recipient {
103 | }
104 | 
105 | .topcoat-list__item.email .subject {
106 |     color: blue;
107 | }
108 | 
109 | .topcoat-list__item.email .body {
110 |     padding-top: 15px;
111 |     color: gray;
112 | }
113 | 
114 | .error-item {
115 |     background-color: orangered;
116 | }
117 | 
118 | .scroller {
119 |     overflow: auto;
120 |     -webkit-overflow-scrolling: touch;
121 |     position: absolute;
122 |     top: 4.37rem;
123 |     bottom: 0;
124 |     left: 0;
125 |     right: 0;
126 | }
127 | 
128 | .timestamp {
129 |     font-weight: bold;
130 | }


--------------------------------------------------------------------------------
/sample/css/topcoat-mobile-dark.css:
--------------------------------------------------------------------------------
   1 | /**
   2 | *
   3 | * Copyright 2012 Adobe Systems Inc.;
   4 | *
   5 | * Licensed under the Apache License, Version 2.0 (the "License");
   6 | * you may not use this file except in compliance with the License.
   7 | * You may obtain a copy of the License at
   8 | *
   9 | * http://www.apache.org/licenses/LICENSE-2.0
  10 | *
  11 | * Unless required by applicable law or agreed to in writing, software
  12 | * distributed under the License is distributed on an "AS IS" BASIS,
  13 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14 | * See the License for the specific language governing permissions and
  15 | * limitations under the License.
  16 | *
  17 | */
  18 | 
  19 | .button-bar {
  20 |   display: table;
  21 |   table-layout: fixed;
  22 |   white-space: nowrap;
  23 |   margin: 0;
  24 |   padding: 0;
  25 | }
  26 | 
  27 | .button-bar__item {
  28 |   display: table-cell;
  29 |   width: auto;
  30 |   border-radius: 0;
  31 | }
  32 | 
  33 | .button-bar__item > input {
  34 |   position: absolute;
  35 |   overflow: hidden;
  36 |   padding: 0;
  37 |   border: 0;
  38 |   opacity: 0.001;
  39 |   z-index: 1;
  40 |   vertical-align: top;
  41 |   outline: none;
  42 | }
  43 | 
  44 | .button-bar__button {
  45 |   border-radius: inherit;
  46 | }
  47 | 
  48 | .button-bar__item:disabled {
  49 |   opacity: 0.3;
  50 |   cursor: default;
  51 |   pointer-events: none;
  52 | }
  53 | 
  54 | /**
  55 | *
  56 | * Copyright 2012 Adobe Systems Inc.;
  57 | *
  58 | * Licensed under the Apache License, Version 2.0 (the "License");
  59 | * you may not use this file except in compliance with the License.
  60 | * You may obtain a copy of the License at
  61 | *
  62 | * http://www.apache.org/licenses/LICENSE-2.0
  63 | *
  64 | * Unless required by applicable law or agreed to in writing, software
  65 | * distributed under the License is distributed on an "AS IS" BASIS,
  66 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  67 | * See the License for the specific language governing permissions and
  68 | * limitations under the License.
  69 | *
  70 | */
  71 | 
  72 | /**
  73 | *
  74 | * Copyright 2012 Adobe Systems Inc.;
  75 | *
  76 | * Licensed under the Apache License, Version 2.0 (the "License");
  77 | * you may not use this file except in compliance with the License.
  78 | * You may obtain a copy of the License at
  79 | *
  80 | * http://www.apache.org/licenses/LICENSE-2.0
  81 | *
  82 | * Unless required by applicable law or agreed to in writing, software
  83 | * distributed under the License is distributed on an "AS IS" BASIS,
  84 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  85 | * See the License for the specific language governing permissions and
  86 | * limitations under the License.
  87 | *
  88 | */
  89 | 
  90 | /**
  91 | *
  92 | * Copyright 2012 Adobe Systems Inc.;
  93 | *
  94 | * Licensed under the Apache License, Version 2.0 (the "License");
  95 | * you may not use this file except in compliance with the License.
  96 | * You may obtain a copy of the License at
  97 | *
  98 | * http://www.apache.org/licenses/LICENSE-2.0
  99 | *
 100 | * Unless required by applicable law or agreed to in writing, software
 101 | * distributed under the License is distributed on an "AS IS" BASIS,
 102 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 103 | * See the License for the specific language governing permissions and
 104 | * limitations under the License.
 105 | *
 106 | */
 107 | 
 108 | .button,
 109 | .topcoat-button,
 110 | .topcoat-button--quiet,
 111 | .topcoat-button--large,
 112 | .topcoat-button--large--quiet,
 113 | .topcoat-button--cta,
 114 | .topcoat-button--large--cta,
 115 | .topcoat-button-bar__button,
 116 | .topcoat-button-bar__button--large {
 117 |   position: relative;
 118 |   display: inline-block;
 119 |   vertical-align: top;
 120 |   -moz-box-sizing: border-box;
 121 |   box-sizing: border-box;
 122 |   background-clip: padding-box;
 123 |   padding: 0;
 124 |   margin: 0;
 125 |   font: inherit;
 126 |   color: inherit;
 127 |   background: transparent;
 128 |   border: none;
 129 |   cursor: default;
 130 |   -webkit-user-select: none;
 131 |   -moz-user-select: none;
 132 |   -ms-user-select: none;
 133 |   user-select: none;
 134 |   text-overflow: ellipsis;
 135 |   white-space: nowrap;
 136 |   overflow: hidden;
 137 |   text-decoration: none;
 138 | }
 139 | 
 140 | .button--quiet {
 141 |   background: transparent;
 142 |   border: 1px solid transparent;
 143 |   box-shadow: none;
 144 | }
 145 | 
 146 | .button--disabled,
 147 | .topcoat-button:disabled,
 148 | .topcoat-button--quiet:disabled,
 149 | .topcoat-button--large:disabled,
 150 | .topcoat-button--large--quiet:disabled,
 151 | .topcoat-button--cta:disabled,
 152 | .topcoat-button--large--cta:disabled,
 153 | .topcoat-button-bar__button:disabled,
 154 | .topcoat-button-bar__button--large:disabled {
 155 |   opacity: 0.3;
 156 |   cursor: default;
 157 |   pointer-events: none;
 158 | }
 159 | 
 160 | .topcoat-button,
 161 | .topcoat-button--quiet,
 162 | .topcoat-button--large,
 163 | .topcoat-button--large--quiet,
 164 | .topcoat-button--cta,
 165 | .topcoat-button--large--cta,
 166 | .topcoat-button-bar__button,
 167 | .topcoat-button-bar__button--large {
 168 |   padding: 0 1.25rem;
 169 |   font-size: 16px;
 170 |   line-height: 3rem;
 171 |   letter-spacing: 1px;
 172 |   color: #c6c8c8;
 173 |   text-shadow: 0 -1px rgba(0,0,0,0.69);
 174 |   vertical-align: top;
 175 |   background-color: #595b5b;
 176 |   box-shadow: inset 0 1px #737373;
 177 |   border: 1px solid #333434;
 178 |   border-radius: 6px;
 179 | }
 180 | 
 181 | .topcoat-button:hover,
 182 | .topcoat-button--quiet:hover,
 183 | .topcoat-button--large:hover,
 184 | .topcoat-button--large--quiet:hover,
 185 | .topcoat-button-bar__button:hover,
 186 | .topcoat-button-bar__button--large:hover {
 187 |   background-color: #626465;
 188 | }
 189 | 
 190 | .topcoat-button:focus,
 191 | .topcoat-button--quiet:focus,
 192 | .topcoat-button--quiet:hover:focus,
 193 | .topcoat-button--large:focus,
 194 | .topcoat-button--large--quiet:focus,
 195 | .topcoat-button--large--quiet:hover:focus,
 196 | .topcoat-button--cta:focus,
 197 | .topcoat-button--large--cta:focus,
 198 | .topcoat-button-bar__button:focus,
 199 | .topcoat-button-bar__button--large:focus {
 200 |   border: 1px solid #0036ff;
 201 |   box-shadow: inset 0 1px rgba(255,255,255,0.36), 0 0 0 2px #6fb5f1;
 202 |   outline: 0;
 203 | }
 204 | 
 205 | .topcoat-button:active,
 206 | .topcoat-button--large:active,
 207 | .topcoat-button-bar__button:active,
 208 | .topcoat-button-bar__button--large:active,
 209 | :checked + .topcoat-button-bar__button {
 210 |   border: 1px solid #333434;
 211 |   background-color: #3f4041;
 212 |   box-shadow: inset 0 1px rgba(0,0,0,0.05);
 213 | }
 214 | 
 215 | .topcoat-button--quiet {
 216 |   background: transparent;
 217 |   border: 1px solid transparent;
 218 |   box-shadow: none;
 219 | }
 220 | 
 221 | .topcoat-button--quiet:hover,
 222 | .topcoat-button--large--quiet:hover {
 223 |   text-shadow: 0 -1px rgba(0,0,0,0.69);
 224 |   border: 1px solid #333434;
 225 |   box-shadow: inset 0 1px #737373;
 226 | }
 227 | 
 228 | .topcoat-button--quiet:active,
 229 | .topcoat-button--quiet:focus:active,
 230 | .topcoat-button--large--quiet:active,
 231 | .topcoat-button--large--quiet:focus:active {
 232 |   color: #c6c8c8;
 233 |   text-shadow: 0 -1px rgba(0,0,0,0.69);
 234 |   background-color: #3f4041;
 235 |   border: 1px solid #333434;
 236 |   box-shadow: inset 0 1px rgba(0,0,0,0.05);
 237 | }
 238 | 
 239 | .topcoat-button--large,
 240 | .topcoat-button--large--quiet,
 241 | .topcoat-button-bar__button--large {
 242 |   font-size: 1.3rem;
 243 |   font-weight: 400;
 244 |   line-height: 4.375rem;
 245 |   padding: 0 1.25rem;
 246 | }
 247 | 
 248 | .topcoat-button--large--quiet {
 249 |   background: transparent;
 250 |   border: 1px solid transparent;
 251 |   box-shadow: none;
 252 | }
 253 | 
 254 | .topcoat-button--cta,
 255 | .topcoat-button--large--cta {
 256 |   border: 1px solid #134f7f;
 257 |   background-color: #288edf;
 258 |   box-shadow: inset 0 1px rgba(255,255,255,0.36);
 259 |   color: #fff;
 260 |   font-weight: 500;
 261 |   text-shadow: 0 -1px rgba(0,0,0,0.36);
 262 | }
 263 | 
 264 | .topcoat-button--cta:hover,
 265 | .topcoat-button--large--cta:hover {
 266 |   background-color: #4ca1e4;
 267 | }
 268 | 
 269 | .topcoat-button--cta:active,
 270 | .topcoat-button--large--cta:active {
 271 |   background-color: #1e7dc8;
 272 |   box-shadow: inset 0 1px rgba(0,0,0,0.12);
 273 | }
 274 | 
 275 | .topcoat-button--large--cta {
 276 |   font-size: 1.3rem;
 277 |   font-weight: 400;
 278 |   line-height: 4.375rem;
 279 |   padding: 0 1.25rem;
 280 | }
 281 | 
 282 | .button-bar,
 283 | .topcoat-button-bar {
 284 |   display: table;
 285 |   table-layout: fixed;
 286 |   white-space: nowrap;
 287 |   margin: 0;
 288 |   padding: 0;
 289 | }
 290 | 
 291 | .button-bar__item,
 292 | .topcoat-button-bar__item {
 293 |   display: table-cell;
 294 |   width: auto;
 295 |   border-radius: 0;
 296 | }
 297 | 
 298 | .button-bar__item > input,
 299 | .topcoat-button-bar__item > input {
 300 |   position: absolute;
 301 |   overflow: hidden;
 302 |   padding: 0;
 303 |   border: 0;
 304 |   opacity: 0.001;
 305 |   z-index: 1;
 306 |   vertical-align: top;
 307 |   outline: none;
 308 | }
 309 | 
 310 | .button-bar__button {
 311 |   border-radius: inherit;
 312 | }
 313 | 
 314 | .button-bar__item:disabled {
 315 |   opacity: 0.3;
 316 |   cursor: default;
 317 |   pointer-events: none;
 318 | }
 319 | 
 320 | /* topdoc
 321 |   name: Button Bar
 322 |   description: Component of grouped buttons
 323 |   modifiers:
 324 |     :disabled: Disabled state
 325 |   markup:
 326 |     <div class="topcoat-button-bar">
 327 |       <div class="topcoat-button-bar__item">
 328 |         <button class="topcoat-button-bar__button">One</button>
 329 |       </div>
 330 |       <div class="topcoat-button-bar__item">
 331 |         <button class="topcoat-button-bar__button">Two</button>
 332 |       </div>
 333 |       <div class="topcoat-button-bar__item">
 334 |         <button class="topcoat-button-bar__button">Three</button>
 335 |       </div>
 336 |     </div>
 337 |   examples:
 338 |     mobile button bar: http://codepen.io/Topcoat/pen/kdKyg
 339 |   tags:
 340 |     - desktop
 341 |     - light
 342 |     - dark
 343 |     - mobile
 344 |     - button
 345 |     - group
 346 |     - bar
 347 | */
 348 | 
 349 | .topcoat-button-bar > .topcoat-button-bar__item:first-child {
 350 |   border-top-left-radius: 6px;
 351 |   border-bottom-left-radius: 6px;
 352 | }
 353 | 
 354 | .topcoat-button-bar > .topcoat-button-bar__item:last-child {
 355 |   border-top-right-radius: 6px;
 356 |   border-bottom-right-radius: 6px;
 357 | }
 358 | 
 359 | .topcoat-button-bar__item:first-child > .topcoat-button-bar__button,
 360 | .topcoat-button-bar__item:first-child > .topcoat-button-bar__button--large {
 361 |   border-right: none;
 362 | }
 363 | 
 364 | .topcoat-button-bar__item:last-child > .topcoat-button-bar__button,
 365 | .topcoat-button-bar__item:last-child > .topcoat-button-bar__button--large {
 366 |   border-left: none;
 367 | }
 368 | 
 369 | .topcoat-button-bar__button {
 370 |   border-radius: inherit;
 371 | }
 372 | 
 373 | .topcoat-button-bar__button:focus,
 374 | .topcoat-button-bar__button--large:focus {
 375 |   z-index: 1;
 376 | }
 377 | 
 378 | /* topdoc
 379 |   name: Large Button Bar
 380 |   description: A button bar, only larger
 381 |   modifiers:
 382 |     :disabled: Disabled state
 383 |   markup:
 384 |     <div class="topcoat-button-bar">
 385 |       <div class="topcoat-button-bar__item">
 386 |         <button class="topcoat-button-bar__button--large">One</button>
 387 |       </div>
 388 |       <div class="topcoat-button-bar__item">
 389 |         <button class="topcoat-button-bar__button--large">Two</button>
 390 |       </div>
 391 |       <div class="topcoat-button-bar__item">
 392 |         <button class="topcoat-button-bar__button--large">Three</button>
 393 |       </div>
 394 |     </div>
 395 |   tags:
 396 |     - desktop
 397 |     - light
 398 |     - dark
 399 |     - mobile
 400 |     - button
 401 |     - group
 402 |     - bar
 403 |     - large
 404 | */
 405 | 
 406 | .topcoat-button-bar__button--large {
 407 |   border-radius: inherit;
 408 | }
 409 | 
 410 | /**
 411 | *
 412 | * Copyright 2012 Adobe Systems Inc.;
 413 | *
 414 | * Licensed under the Apache License, Version 2.0 (the "License");
 415 | * you may not use this file except in compliance with the License.
 416 | * You may obtain a copy of the License at
 417 | *
 418 | * http://www.apache.org/licenses/LICENSE-2.0
 419 | *
 420 | * Unless required by applicable law or agreed to in writing, software
 421 | * distributed under the License is distributed on an "AS IS" BASIS,
 422 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 423 | * See the License for the specific language governing permissions and
 424 | * limitations under the License.
 425 | *
 426 | */
 427 | 
 428 | .button {
 429 |   position: relative;
 430 |   display: inline-block;
 431 |   vertical-align: top;
 432 |   -moz-box-sizing: border-box;
 433 |   box-sizing: border-box;
 434 |   background-clip: padding-box;
 435 |   padding: 0;
 436 |   margin: 0;
 437 |   font: inherit;
 438 |   color: inherit;
 439 |   background: transparent;
 440 |   border: none;
 441 |   cursor: default;
 442 |   -webkit-user-select: none;
 443 |   -moz-user-select: none;
 444 |   -ms-user-select: none;
 445 |   user-select: none;
 446 |   text-overflow: ellipsis;
 447 |   white-space: nowrap;
 448 |   overflow: hidden;
 449 |   text-decoration: none;
 450 | }
 451 | 
 452 | .button--quiet {
 453 |   background: transparent;
 454 |   border: 1px solid transparent;
 455 |   box-shadow: none;
 456 | }
 457 | 
 458 | .button--disabled {
 459 |   opacity: 0.3;
 460 |   cursor: default;
 461 |   pointer-events: none;
 462 | }
 463 | 
 464 | /**
 465 | *
 466 | * Copyright 2012 Adobe Systems Inc.;
 467 | *
 468 | * Licensed under the Apache License, Version 2.0 (the "License");
 469 | * you may not use this file except in compliance with the License.
 470 | * You may obtain a copy of the License at
 471 | *
 472 | * http://www.apache.org/licenses/LICENSE-2.0
 473 | *
 474 | * Unless required by applicable law or agreed to in writing, software
 475 | * distributed under the License is distributed on an "AS IS" BASIS,
 476 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 477 | * See the License for the specific language governing permissions and
 478 | * limitations under the License.
 479 | *
 480 | */
 481 | 
 482 | /**
 483 | *
 484 | * Copyright 2012 Adobe Systems Inc.;
 485 | *
 486 | * Licensed under the Apache License, Version 2.0 (the "License");
 487 | * you may not use this file except in compliance with the License.
 488 | * You may obtain a copy of the License at
 489 | *
 490 | * http://www.apache.org/licenses/LICENSE-2.0
 491 | *
 492 | * Unless required by applicable law or agreed to in writing, software
 493 | * distributed under the License is distributed on an "AS IS" BASIS,
 494 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 495 | * See the License for the specific language governing permissions and
 496 | * limitations under the License.
 497 | *
 498 | */
 499 | 
 500 | /**
 501 | *
 502 | * Copyright 2012 Adobe Systems Inc.;
 503 | *
 504 | * Licensed under the Apache License, Version 2.0 (the "License");
 505 | * you may not use this file except in compliance with the License.
 506 | * You may obtain a copy of the License at
 507 | *
 508 | * http://www.apache.org/licenses/LICENSE-2.0
 509 | *
 510 | * Unless required by applicable law or agreed to in writing, software
 511 | * distributed under the License is distributed on an "AS IS" BASIS,
 512 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 513 | * See the License for the specific language governing permissions and
 514 | * limitations under the License.
 515 | *
 516 | */
 517 | 
 518 | .button,
 519 | .topcoat-button,
 520 | .topcoat-button--quiet,
 521 | .topcoat-button--large,
 522 | .topcoat-button--large--quiet,
 523 | .topcoat-button--cta,
 524 | .topcoat-button--large--cta {
 525 |   position: relative;
 526 |   display: inline-block;
 527 |   vertical-align: top;
 528 |   -moz-box-sizing: border-box;
 529 |   box-sizing: border-box;
 530 |   background-clip: padding-box;
 531 |   padding: 0;
 532 |   margin: 0;
 533 |   font: inherit;
 534 |   color: inherit;
 535 |   background: transparent;
 536 |   border: none;
 537 |   cursor: default;
 538 |   -webkit-user-select: none;
 539 |   -moz-user-select: none;
 540 |   -ms-user-select: none;
 541 |   user-select: none;
 542 |   text-overflow: ellipsis;
 543 |   white-space: nowrap;
 544 |   overflow: hidden;
 545 |   text-decoration: none;
 546 | }
 547 | 
 548 | .button--quiet {
 549 |   background: transparent;
 550 |   border: 1px solid transparent;
 551 |   box-shadow: none;
 552 | }
 553 | 
 554 | .button--disabled,
 555 | .topcoat-button:disabled,
 556 | .topcoat-button--quiet:disabled,
 557 | .topcoat-button--large:disabled,
 558 | .topcoat-button--large--quiet:disabled,
 559 | .topcoat-button--cta:disabled,
 560 | .topcoat-button--large--cta:disabled {
 561 |   opacity: 0.3;
 562 |   cursor: default;
 563 |   pointer-events: none;
 564 | }
 565 | 
 566 | /* topdoc
 567 |   name: Button
 568 |   description: A simple button
 569 |   modifiers:
 570 |     :active: Active state
 571 |     :disabled: Disabled state
 572 |     :hover: Hover state
 573 |     :focus: Focused
 574 |   markup:
 575 |     <button class="topcoat-button">Button</button>
 576 |     <button class="topcoat-button" disabled>Button</button>
 577 |   examples:
 578 |     mobile button: http://codepen.io/Topcoat/pen/DpKtf
 579 |   tags:
 580 |     - desktop
 581 |     - light
 582 |     - mobile
 583 |     - button
 584 | */
 585 | 
 586 | .topcoat-button,
 587 | .topcoat-button--quiet,
 588 | .topcoat-button--large,
 589 | .topcoat-button--large--quiet,
 590 | .topcoat-button--cta,
 591 | .topcoat-button--large--cta {
 592 |   padding: 0 1.25rem;
 593 |   font-size: 16px;
 594 |   line-height: 3rem;
 595 |   letter-spacing: 1px;
 596 |   color: #c6c8c8;
 597 |   text-shadow: 0 -1px rgba(0,0,0,0.69);
 598 |   vertical-align: top;
 599 |   background-color: #595b5b;
 600 |   box-shadow: inset 0 1px #737373;
 601 |   border: 1px solid #333434;
 602 |   border-radius: 6px;
 603 | }
 604 | 
 605 | .topcoat-button:hover,
 606 | .topcoat-button--quiet:hover,
 607 | .topcoat-button--large:hover,
 608 | .topcoat-button--large--quiet:hover {
 609 |   background-color: #626465;
 610 | }
 611 | 
 612 | .topcoat-button:focus,
 613 | .topcoat-button--quiet:focus,
 614 | .topcoat-button--quiet:hover:focus,
 615 | .topcoat-button--large:focus,
 616 | .topcoat-button--large--quiet:focus,
 617 | .topcoat-button--large--quiet:hover:focus,
 618 | .topcoat-button--cta:focus,
 619 | .topcoat-button--large--cta:focus {
 620 |   border: 1px solid #0036ff;
 621 |   box-shadow: inset 0 1px rgba(255,255,255,0.36), 0 0 0 2px #6fb5f1;
 622 |   outline: 0;
 623 | }
 624 | 
 625 | .topcoat-button:active,
 626 | .topcoat-button--large:active {
 627 |   border: 1px solid #333434;
 628 |   background-color: #3f4041;
 629 |   box-shadow: inset 0 1px rgba(0,0,0,0.05);
 630 | }
 631 | 
 632 | /* topdoc
 633 |   name: Quiet Button
 634 |   description: A simple, yet quiet button
 635 |   modifiers:
 636 |     :active: Quiet button active state
 637 |     :disabled: Disabled state
 638 |     :hover: Hover state
 639 |     :focus: Focused
 640 |   markup:
 641 |     <button class="topcoat-button--quiet">Button</button>
 642 |     <button class="topcoat-button--quiet" disabled>Button</button>
 643 |   tags:
 644 |     - desktop
 645 |     - light
 646 |     - mobile
 647 |     - button
 648 |     - quiet
 649 | */
 650 | 
 651 | .topcoat-button--quiet {
 652 |   background: transparent;
 653 |   border: 1px solid transparent;
 654 |   box-shadow: none;
 655 | }
 656 | 
 657 | .topcoat-button--quiet:hover,
 658 | .topcoat-button--large--quiet:hover {
 659 |   text-shadow: 0 -1px rgba(0,0,0,0.69);
 660 |   border: 1px solid #333434;
 661 |   box-shadow: inset 0 1px #737373;
 662 | }
 663 | 
 664 | .topcoat-button--quiet:active,
 665 | .topcoat-button--quiet:focus:active,
 666 | .topcoat-button--large--quiet:active,
 667 | .topcoat-button--large--quiet:focus:active {
 668 |   color: #c6c8c8;
 669 |   text-shadow: 0 -1px rgba(0,0,0,0.69);
 670 |   background-color: #3f4041;
 671 |   border: 1px solid #333434;
 672 |   box-shadow: inset 0 1px rgba(0,0,0,0.05);
 673 | }
 674 | 
 675 | /* topdoc
 676 |   name: Large Button
 677 |   description: A big ol button
 678 |   modifiers:
 679 |     :active: Active state
 680 |     :disabled: Disabled state
 681 |     :hover: Hover state
 682 |     :focus: Focused
 683 |   markup:
 684 |     <button class="topcoat-button--large" >Button</button>
 685 |     <button class="topcoat-button--large" disabled>Button</button>
 686 |   tags:
 687 |     - desktop
 688 |     - light
 689 |     - mobile
 690 |     - button
 691 |     - large
 692 | */
 693 | 
 694 | .topcoat-button--large,
 695 | .topcoat-button--large--quiet {
 696 |   font-size: 1.3rem;
 697 |   font-weight: 400;
 698 |   line-height: 4.375rem;
 699 |   padding: 0 1.25rem;
 700 | }
 701 | 
 702 | /* topdoc
 703 |   name: Large Quiet Button
 704 |   description: A large, yet quiet button
 705 |   modifiers:
 706 |     :active: Active state
 707 |     :disabled: Disabled state
 708 |     :hover: Hover state
 709 |     :focus: Focused
 710 |   markup:
 711 |     <button class="topcoat-button--large--quiet" >Button</button>
 712 |     <button class="topcoat-button--large--quiet" disabled>Button</button>
 713 |   tags:
 714 |     - desktop
 715 |     - light
 716 |     - mobile
 717 |     - button
 718 |     - large
 719 |     - quiet
 720 | */
 721 | 
 722 | .topcoat-button--large--quiet {
 723 |   background: transparent;
 724 |   border: 1px solid transparent;
 725 |   box-shadow: none;
 726 | }
 727 | 
 728 | /* topdoc
 729 |   name: Call To Action Button
 730 |   description: A CALL TO ARMS, er, ACTION!
 731 |   modifiers:
 732 |     :active: Active state
 733 |     :disabled: Disabled state
 734 |     :hover: Hover state
 735 |     :focus: Focused
 736 |   markup:
 737 |     <button class="topcoat-button--cta" >Button</button>
 738 |     <button class="topcoat-button--cta" disabled>Button</button>
 739 |   tags:
 740 |     - desktop
 741 |     - light
 742 |     - mobile
 743 |     - button
 744 |     - call to action
 745 | */
 746 | 
 747 | .topcoat-button--cta,
 748 | .topcoat-button--large--cta {
 749 |   border: 1px solid #134f7f;
 750 |   background-color: #288edf;
 751 |   box-shadow: inset 0 1px rgba(255,255,255,0.36);
 752 |   color: #fff;
 753 |   font-weight: 500;
 754 |   text-shadow: 0 -1px rgba(0,0,0,0.36);
 755 | }
 756 | 
 757 | .topcoat-button--cta:hover,
 758 | .topcoat-button--large--cta:hover {
 759 |   background-color: #4ca1e4;
 760 | }
 761 | 
 762 | .topcoat-button--cta:active,
 763 | .topcoat-button--large--cta:active {
 764 |   background-color: #1e7dc8;
 765 |   box-shadow: inset 0 1px rgba(0,0,0,0.12);
 766 | }
 767 | 
 768 | /* topdoc
 769 |   name: Large Call To Action Button
 770 |   description: Like call to action, but bigger
 771 |   modifiers:
 772 |     :active: Active state
 773 |     :disabled: Disabled state
 774 |     :hover: Hover state
 775 |     :focus: Focused
 776 |   markup:
 777 |     <button class="topcoat-button--large--cta" >Button</button>
 778 |     <button class="topcoat-button--large--cta" disabled>Button</button>
 779 |   tags:
 780 |     - desktop
 781 |     - light
 782 |     - mobile
 783 |     - button
 784 |     - large
 785 |     - call to action
 786 | */
 787 | 
 788 | .topcoat-button--large--cta {
 789 |   font-size: 1.3rem;
 790 |   font-weight: 400;
 791 |   line-height: 4.375rem;
 792 |   padding: 0 1.25rem;
 793 | }
 794 | 
 795 | /**
 796 | *
 797 | * Copyright 2012 Adobe Systems Inc.;
 798 | *
 799 | * Licensed under the Apache License, Version 2.0 (the "License");
 800 | * you may not use this file except in compliance with the License.
 801 | * You may obtain a copy of the License at
 802 | *
 803 | * http://www.apache.org/licenses/LICENSE-2.0
 804 | *
 805 | * Unless required by applicable law or agreed to in writing, software
 806 | * distributed under the License is distributed on an "AS IS" BASIS,
 807 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 808 | * See the License for the specific language governing permissions and
 809 | * limitations under the License.
 810 | *
 811 | */
 812 | 
 813 | input[type="checkbox"] {
 814 |   position: absolute;
 815 |   overflow: hidden;
 816 |   padding: 0;
 817 |   border: 0;
 818 |   opacity: 0.001;
 819 |   z-index: 1;
 820 |   vertical-align: top;
 821 |   outline: none;
 822 | }
 823 | 
 824 | .checkbox {
 825 |   -moz-box-sizing: border-box;
 826 |   box-sizing: border-box;
 827 |   background-clip: padding-box;
 828 |   position: relative;
 829 |   display: inline-block;
 830 |   vertical-align: top;
 831 |   cursor: default;
 832 |   -webkit-user-select: none;
 833 |   -moz-user-select: none;
 834 |   -ms-user-select: none;
 835 |   user-select: none;
 836 | }
 837 | 
 838 | .checkbox__label {
 839 |   position: relative;
 840 |   display: inline-block;
 841 |   vertical-align: top;
 842 |   cursor: default;
 843 |   -webkit-user-select: none;
 844 |   -moz-user-select: none;
 845 |   -ms-user-select: none;
 846 |   user-select: none;
 847 | }
 848 | 
 849 | .checkbox--disabled {
 850 |   opacity: 0.3;
 851 |   cursor: default;
 852 |   pointer-events: none;
 853 | }
 854 | 
 855 | .checkbox:before,
 856 | .checkbox:after {
 857 |   content: '';
 858 |   position: absolute;
 859 | }
 860 | 
 861 | .checkbox:before {
 862 |   -moz-box-sizing: border-box;
 863 |   box-sizing: border-box;
 864 |   background-clip: padding-box;
 865 | }
 866 | 
 867 | /**
 868 | *
 869 | * Copyright 2012 Adobe Systems Inc.;
 870 | *
 871 | * Licensed under the Apache License, Version 2.0 (the "License");
 872 | * you may not use this file except in compliance with the License.
 873 | * You may obtain a copy of the License at
 874 | *
 875 | * http://www.apache.org/licenses/LICENSE-2.0
 876 | *
 877 | * Unless required by applicable law or agreed to in writing, software
 878 | * distributed under the License is distributed on an "AS IS" BASIS,
 879 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 880 | * See the License for the specific language governing permissions and
 881 | * limitations under the License.
 882 | *
 883 | */
 884 | 
 885 | /**
 886 | *
 887 | * Copyright 2012 Adobe Systems Inc.;
 888 | *
 889 | * Licensed under the Apache License, Version 2.0 (the "License");
 890 | * you may not use this file except in compliance with the License.
 891 | * You may obtain a copy of the License at
 892 | *
 893 | * http://www.apache.org/licenses/LICENSE-2.0
 894 | *
 895 | * Unless required by applicable law or agreed to in writing, software
 896 | * distributed under the License is distributed on an "AS IS" BASIS,
 897 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 898 | * See the License for the specific language governing permissions and
 899 | * limitations under the License.
 900 | *
 901 | */
 902 | 
 903 | /**
 904 | *
 905 | * Copyright 2012 Adobe Systems Inc.;
 906 | *
 907 | * Licensed under the Apache License, Version 2.0 (the "License");
 908 | * you may not use this file except in compliance with the License.
 909 | * You may obtain a copy of the License at
 910 | *
 911 | * http://www.apache.org/licenses/LICENSE-2.0
 912 | *
 913 | * Unless required by applicable law or agreed to in writing, software
 914 | * distributed under the License is distributed on an "AS IS" BASIS,
 915 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 916 | * See the License for the specific language governing permissions and
 917 | * limitations under the License.
 918 | *
 919 | */
 920 | 
 921 | input[type="checkbox"] {
 922 |   position: absolute;
 923 |   overflow: hidden;
 924 |   padding: 0;
 925 |   border: 0;
 926 |   opacity: 0.001;
 927 |   z-index: 1;
 928 |   vertical-align: top;
 929 |   outline: none;
 930 | }
 931 | 
 932 | .checkbox,
 933 | .topcoat-checkbox__checkmark {
 934 |   -moz-box-sizing: border-box;
 935 |   box-sizing: border-box;
 936 |   background-clip: padding-box;
 937 |   position: relative;
 938 |   display: inline-block;
 939 |   vertical-align: top;
 940 |   cursor: default;
 941 |   -webkit-user-select: none;
 942 |   -moz-user-select: none;
 943 |   -ms-user-select: none;
 944 |   user-select: none;
 945 | }
 946 | 
 947 | .checkbox__label,
 948 | .topcoat-checkbox {
 949 |   position: relative;
 950 |   display: inline-block;
 951 |   vertical-align: top;
 952 |   cursor: default;
 953 |   -webkit-user-select: none;
 954 |   -moz-user-select: none;
 955 |   -ms-user-select: none;
 956 |   user-select: none;
 957 | }
 958 | 
 959 | .checkbox--disabled,
 960 | input[type="checkbox"]:disabled + .topcoat-checkbox__checkmark {
 961 |   opacity: 0.3;
 962 |   cursor: default;
 963 |   pointer-events: none;
 964 | }
 965 | 
 966 | .checkbox:before,
 967 | .checkbox:after,
 968 | .topcoat-checkbox__checkmark:before,
 969 | .topcoat-checkbox__checkmark:after {
 970 |   content: '';
 971 |   position: absolute;
 972 | }
 973 | 
 974 | .checkbox:before,
 975 | .topcoat-checkbox__checkmark:before {
 976 |   -moz-box-sizing: border-box;
 977 |   box-sizing: border-box;
 978 |   background-clip: padding-box;
 979 | }
 980 | 
 981 | /* topdoc
 982 |   name: Checkbox
 983 |   description: Default skin for Topcoat checkbox
 984 |   modifiers:
 985 |     :focus: Focus state
 986 |     :disabled: Disabled state
 987 |   markup:
 988 |     <label class="topcoat-checkbox">
 989 |       <input type="checkbox">
 990 |       <div class="topcoat-checkbox__checkmark"></div>
 991 |       Default
 992 |     </label>
 993 |     <br>
 994 |     <br>
 995 |     <label class="topcoat-checkbox">
 996 |       <input type="checkbox" disabled>
 997 |       <div class="topcoat-checkbox__checkmark"></div>
 998 |       Disabled
 999 |     </label>
1000 |   examples:
1001 |     mobile checkbox: http://codepen.io/Topcoat/pen/piHcs
1002 |   tags:
1003 |     - desktop
1004 |     - light
1005 |     - mobile
1006 |     - checkbox
1007 | */
1008 | 
1009 | .topcoat-checkbox__checkmark {
1010 |   height: 2rem;
1011 | }
1012 | 
1013 | input[type="checkbox"] {
1014 |   height: 2rem;
1015 |   width: 2rem;
1016 |   margin-top: 0;
1017 |   margin-right: -2rem;
1018 |   margin-bottom: -2rem;
1019 |   margin-left: 0;
1020 | }
1021 | 
1022 | input[type="checkbox"]:checked + .topcoat-checkbox__checkmark:after {
1023 |   opacity: 1;
1024 | }
1025 | 
1026 | .topcoat-checkbox {
1027 |   line-height: 2rem;
1028 | }
1029 | 
1030 | .topcoat-checkbox__checkmark:before {
1031 |   width: 2rem;
1032 |   height: 2rem;
1033 |   background: #595b5b;
1034 |   border: 1px solid #333434;
1035 |   border-radius: 3px;
1036 |   box-shadow: inset 0 1px #737373;
1037 | }
1038 | 
1039 | .topcoat-checkbox__checkmark {
1040 |   width: 2rem;
1041 |   height: 2rem;
1042 | }
1043 | 
1044 | .topcoat-checkbox__checkmark:after {
1045 |   top: 1px;
1046 |   left: 2px;
1047 |   opacity: 0;
1048 |   width: 28px;
1049 |   height: 11px;
1050 |   background: transparent;
1051 |   border: 7px solid #c6c8c8;
1052 |   border-width: 7px;
1053 |   border-top: none;
1054 |   border-right: none;
1055 |   border-radius: 2px;
1056 |   -webkit-transform: rotate(-50deg);
1057 |   -ms-transform: rotate(-50deg);
1058 |   transform: rotate(-50deg);
1059 | }
1060 | 
1061 | input[type="checkbox"]:focus + .topcoat-checkbox__checkmark:before {
1062 |   border: 1px solid #0036ff;
1063 |   box-shadow: inset 0 1px rgba(255,255,255,0.36), 0 0 0 2px #6fb5f1;
1064 | }
1065 | 
1066 | input[type="checkbox"]:active + .topcoat-checkbox__checkmark:before {
1067 |   border: 1px solid #333434;
1068 |   background-color: #3f4041;
1069 |   box-shadow: inset 0 1px rgba(0,0,0,0.05);
1070 | }
1071 | 
1072 | input[type="checkbox"]:disabled:active + .topcoat-checkbox__checkmark:before {
1073 |   border: 1px solid #333434;
1074 |   background: #595b5b;
1075 |   box-shadow: inset 0 1px #737373;
1076 | }
1077 | 
1078 | /**
1079 | *
1080 | * Copyright 2012 Adobe Systems Inc.;
1081 | *
1082 | * Licensed under the Apache License, Version 2.0 (the "License");
1083 | * you may not use this file except in compliance with the License.
1084 | * You may obtain a copy of the License at
1085 | *
1086 | * http://www.apache.org/licenses/LICENSE-2.0
1087 | *
1088 | * Unless required by applicable law or agreed to in writing, software
1089 | * distributed under the License is distributed on an "AS IS" BASIS,
1090 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1091 | * See the License for the specific language governing permissions and
1092 | * limitations under the License.
1093 | *
1094 | */
1095 | 
1096 | /**
1097 | *
1098 | * Copyright 2012 Adobe Systems Inc.;
1099 | *
1100 | * Licensed under the Apache License, Version 2.0 (the "License");
1101 | * you may not use this file except in compliance with the License.
1102 | * You may obtain a copy of the License at
1103 | *
1104 | * http://www.apache.org/licenses/LICENSE-2.0
1105 | *
1106 | * Unless required by applicable law or agreed to in writing, software
1107 | * distributed under the License is distributed on an "AS IS" BASIS,
1108 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1109 | * See the License for the specific language governing permissions and
1110 | * limitations under the License.
1111 | *
1112 | */
1113 | 
1114 | .button,
1115 | .topcoat-icon-button,
1116 | .topcoat-icon-button--quiet,
1117 | .topcoat-icon-button--large,
1118 | .topcoat-icon-button--large--quiet {
1119 |   position: relative;
1120 |   display: inline-block;
1121 |   vertical-align: top;
1122 |   -moz-box-sizing: border-box;
1123 |   box-sizing: border-box;
1124 |   background-clip: padding-box;
1125 |   padding: 0;
1126 |   margin: 0;
1127 |   font: inherit;
1128 |   color: inherit;
1129 |   background: transparent;
1130 |   border: none;
1131 |   cursor: default;
1132 |   -webkit-user-select: none;
1133 |   -moz-user-select: none;
1134 |   -ms-user-select: none;
1135 |   user-select: none;
1136 |   text-overflow: ellipsis;
1137 |   white-space: nowrap;
1138 |   overflow: hidden;
1139 |   text-decoration: none;
1140 | }
1141 | 
1142 | .button--quiet {
1143 |   background: transparent;
1144 |   border: 1px solid transparent;
1145 |   box-shadow: none;
1146 | }
1147 | 
1148 | .button--disabled,
1149 | .topcoat-icon-button:disabled,
1150 | .topcoat-icon-button--quiet:disabled,
1151 | .topcoat-icon-button--large:disabled,
1152 | .topcoat-icon-button--large--quiet:disabled {
1153 |   opacity: 0.3;
1154 |   cursor: default;
1155 |   pointer-events: none;
1156 | }
1157 | 
1158 | /* topdoc
1159 |   name: Icon Button
1160 |   description: Like button, but it has an icon.
1161 |   modifiers:
1162 |     :active: Active state
1163 |     :disabled: Disabled state
1164 |     :hover: Hover state
1165 |     :focus: Focused
1166 |   markup:
1167 |     <button class="topcoat-icon-button">
1168 |       <span class="topcoat-icon" style="background-color:#A5A7A7;"></span>
1169 |     </button>
1170 |     <button class="topcoat-icon-button" disabled>
1171 |       <span class="topcoat-icon" style="background-color:#A5A7A7;"></span>
1172 |     </button>
1173 |   tags:
1174 |     - desktop
1175 |     - light
1176 |     - mobile
1177 |     - button
1178 |     - icon
1179 | */
1180 | 
1181 | .topcoat-icon-button,
1182 | .topcoat-icon-button--quiet,
1183 | .topcoat-icon-button--large,
1184 | .topcoat-icon-button--large--quiet {
1185 |   padding: 0 0.75rem;
1186 |   line-height: 3rem;
1187 |   letter-spacing: 1px;
1188 |   color: #c6c8c8;
1189 |   text-shadow: 0 -1px rgba(0,0,0,0.69);
1190 |   vertical-align: baseline;
1191 |   background-color: #595b5b;
1192 |   box-shadow: inset 0 1px #737373;
1193 |   border: 1px solid #333434;
1194 |   border-radius: 6px;
1195 | }
1196 | 
1197 | .topcoat-icon-button:hover,
1198 | .topcoat-icon-button--quiet:hover,
1199 | .topcoat-icon-button--large:hover,
1200 | .topcoat-icon-button--large--quiet:hover {
1201 |   background-color: #626465;
1202 | }
1203 | 
1204 | .topcoat-icon-button:focus,
1205 | .topcoat-icon-button--quiet:focus,
1206 | .topcoat-icon-button--quiet:hover:focus,
1207 | .topcoat-icon-button--large:focus,
1208 | .topcoat-icon-button--large--quiet:focus,
1209 | .topcoat-icon-button--large--quiet:hover:focus {
1210 |   border: 1px solid #0036ff;
1211 |   box-shadow: inset 0 1px rgba(255,255,255,0.36), 0 0 0 2px #6fb5f1;
1212 |   outline: 0;
1213 | }
1214 | 
1215 | .topcoat-icon-button:active,
1216 | .topcoat-icon-button--large:active {
1217 |   border: 1px solid #333434;
1218 |   background-color: #3f4041;
1219 |   box-shadow: inset 0 1px rgba(0,0,0,0.05);
1220 | }
1221 | 
1222 | /* topdoc
1223 |   name: Quiet Icon Button
1224 |   description: Like quiet button, but it has an icon.
1225 |   modifiers:
1226 |     :active: Active state
1227 |     :disabled: Disabled state
1228 |     :hover: Hover state
1229 |     :focus: Focused
1230 |   markup:
1231 |     <button class="topcoat-icon-button--quiet">
1232 |       <span class="topcoat-icon" style="background-color:#A5A7A7;"></span>
1233 |     </button>
1234 |     <button class="topcoat-icon-button--quiet" disabled>
1235 |       <span class="topcoat-icon" style="background-color:#A5A7A7;"></span>
1236 |     </button>
1237 |   tags:
1238 |     - desktop
1239 |     - light
1240 |     - mobile
1241 |     - button
1242 |     - icon
1243 |     - quiet
1244 | */
1245 | 
1246 | .topcoat-icon-button--quiet {
1247 |   background: transparent;
1248 |   border: 1px solid transparent;
1249 |   box-shadow: none;
1250 | }
1251 | 
1252 | .topcoat-icon-button--quiet:hover,
1253 | .topcoat-icon-button--large--quiet:hover {
1254 |   text-shadow: 0 -1px rgba(0,0,0,0.69);
1255 |   border: 1px solid #333434;
1256 |   box-shadow: inset 0 1px #737373;
1257 | }
1258 | 
1259 | .topcoat-icon-button--quiet:active,
1260 | .topcoat-icon-button--quiet:focus:active,
1261 | .topcoat-icon-button--large--quiet:active,
1262 | .topcoat-icon-button--large--quiet:focus:active {
1263 |   color: #c6c8c8;
1264 |   text-shadow: 0 -1px rgba(0,0,0,0.69);
1265 |   background-color: #3f4041;
1266 |   border: 1px solid #333434;
1267 |   box-shadow: inset 0 1px rgba(0,0,0,0.05);
1268 | }
1269 | 
1270 | /* topdoc
1271 |   name: Large Icon Button
1272 |   description: Like large button, but it has an icon.
1273 |   modifiers:
1274 |     :active: Active state
1275 |     :disabled: Disabled state
1276 |     :hover: Hover state
1277 |     :focus: Focused
1278 |   markup:
1279 |     <button class="topcoat-icon-button--large">
1280 |       <span class="topcoat-icon--large" style="background-color:#A5A7A7;"></span>
1281 |     </button>
1282 |     <button class="topcoat-icon-button--large" disabled>
1283 |       <span class="topcoat-icon--large" style="background-color:#A5A7A7;"></span>
1284 |     </button>
1285 |   tags:
1286 |     - desktop
1287 |     - light
1288 |     - mobile
1289 |     - button
1290 |     - icon
1291 |     - large
1292 | */
1293 | 
1294 | .topcoat-icon-button--large,
1295 | .topcoat-icon-button--large--quiet {
1296 |   width: 4.375rem;
1297 |   height: 4.375rem;
1298 |   line-height: 4.375rem;
1299 | }
1300 | 
1301 | /* topdoc
1302 |   name: Large Quiet Icon Button
1303 |   description: Like large button, but it has an icon and this one is quiet.
1304 |   modifiers:
1305 |     :active: Active state
1306 |     :disabled: Disabled state
1307 |     :hover: Hover state
1308 |   markup:
1309 |     <button class="topcoat-icon-button--large--quiet">
1310 |       <span class="topcoat-icon--large" style="background-color:#A5A7A7;"></span>
1311 |     </button>
1312 |     <button class="topcoat-icon-button--large--quiet" disabled>
1313 |       <span class="topcoat-icon--large" style="background-color:#A5A7A7;"></span>
1314 |     </button>
1315 |   tags:
1316 |     - desktop
1317 |     - light
1318 |     - mobile
1319 |     - button
1320 |     - icon
1321 |     - large
1322 |     - quiet
1323 | */
1324 | 
1325 | .topcoat-icon-button--large--quiet {
1326 |   background: transparent;
1327 |   border: 1px solid transparent;
1328 |   box-shadow: none;
1329 | }
1330 | 
1331 | .topcoat-icon,
1332 | .topcoat-icon--large {
1333 |   position: relative;
1334 |   display: inline-block;
1335 |   vertical-align: top;
1336 |   overflow: hidden;
1337 |   width: 1.62rem;
1338 |   height: 1.62rem;
1339 |   vertical-align: middle;
1340 |   top: -1px;
1341 | }
1342 | 
1343 | .topcoat-icon--large {
1344 |   width: 2.499999998125rem;
1345 |   height: 2.499999998125rem;
1346 |   top: -2px;
1347 | }
1348 | 
1349 | /**
1350 | *
1351 | * Copyright 2012 Adobe Systems Inc.;
1352 | *
1353 | * Licensed under the Apache License, Version 2.0 (the "License");
1354 | * you may not use this file except in compliance with the License.
1355 | * You may obtain a copy of the License at
1356 | *
1357 | * http://www.apache.org/licenses/LICENSE-2.0
1358 | *
1359 | * Unless required by applicable law or agreed to in writing, software
1360 | * distributed under the License is distributed on an "AS IS" BASIS,
1361 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1362 | * See the License for the specific language governing permissions and
1363 | * limitations under the License.
1364 | *
1365 | */
1366 | 
1367 | /**
1368 | *
1369 | * Copyright 2012 Adobe Systems Inc.;
1370 | *
1371 | * Licensed under the Apache License, Version 2.0 (the "License");
1372 | * you may not use this file except in compliance with the License.
1373 | * You may obtain a copy of the License at
1374 | *
1375 | * http://www.apache.org/licenses/LICENSE-2.0
1376 | *
1377 | * Unless required by applicable law or agreed to in writing, software
1378 | * distributed under the License is distributed on an "AS IS" BASIS,
1379 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1380 | * See the License for the specific language governing permissions and
1381 | * limitations under the License.
1382 | *
1383 | */
1384 | 
1385 | .input {
1386 |   padding: 0;
1387 |   margin: 0;
1388 |   font: inherit;
1389 |   color: inherit;
1390 |   background: transparent;
1391 |   border: none;
1392 |   -moz-box-sizing: border-box;
1393 |   box-sizing: border-box;
1394 |   background-clip: padding-box;
1395 |   vertical-align: top;
1396 |   outline: none;
1397 | }
1398 | 
1399 | .input:disabled {
1400 |   opacity: 0.3;
1401 |   cursor: default;
1402 |   pointer-events: none;
1403 | }
1404 | 
1405 | /**
1406 | *
1407 | * Copyright 2012 Adobe Systems Inc.;
1408 | *
1409 | * Licensed under the Apache License, Version 2.0 (the "License");
1410 | * you may not use this file except in compliance with the License.
1411 | * You may obtain a copy of the License at
1412 | *
1413 | * http://www.apache.org/licenses/LICENSE-2.0
1414 | *
1415 | * Unless required by applicable law or agreed to in writing, software
1416 | * distributed under the License is distributed on an "AS IS" BASIS,
1417 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1418 | * See the License for the specific language governing permissions and
1419 | * limitations under the License.
1420 | *
1421 | */
1422 | 
1423 | /**
1424 | *
1425 | * Copyright 2012 Adobe Systems Inc.;
1426 | *
1427 | * Licensed under the Apache License, Version 2.0 (the "License");
1428 | * you may not use this file except in compliance with the License.
1429 | * You may obtain a copy of the License at
1430 | *
1431 | * http://www.apache.org/licenses/LICENSE-2.0
1432 | *
1433 | * Unless required by applicable law or agreed to in writing, software
1434 | * distributed under the License is distributed on an "AS IS" BASIS,
1435 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1436 | * See the License for the specific language governing permissions and
1437 | * limitations under the License.
1438 | *
1439 | */
1440 | 
1441 | .list {
1442 |   padding: 0;
1443 |   margin: 0;
1444 |   font: inherit;
1445 |   color: inherit;
1446 |   background: transparent;
1447 |   border: none;
1448 |   cursor: default;
1449 |   -webkit-user-select: none;
1450 |   -moz-user-select: none;
1451 |   -ms-user-select: none;
1452 |   user-select: none;
1453 |   overflow: auto;
1454 |   -webkit-overflow-scrolling: touch;
1455 | }
1456 | 
1457 | .list__header {
1458 |   margin: 0;
1459 | }
1460 | 
1461 | .list__container {
1462 |   padding: 0;
1463 |   margin: 0;
1464 |   list-style-type: none;
1465 | }
1466 | 
1467 | .list__item {
1468 |   margin: 0;
1469 |   padding: 0;
1470 | }
1471 | 
1472 | /**
1473 | *
1474 | * Copyright 2012 Adobe Systems Inc.;
1475 | *
1476 | * Licensed under the Apache License, Version 2.0 (the "License");
1477 | * you may not use this file except in compliance with the License.
1478 | * You may obtain a copy of the License at
1479 | *
1480 | * http://www.apache.org/licenses/LICENSE-2.0
1481 | *
1482 | * Unless required by applicable law or agreed to in writing, software
1483 | * distributed under the License is distributed on an "AS IS" BASIS,
1484 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1485 | * See the License for the specific language governing permissions and
1486 | * limitations under the License.
1487 | *
1488 | */
1489 | 
1490 | /**
1491 | *
1492 | * Copyright 2012 Adobe Systems Inc.;
1493 | *
1494 | * Licensed under the Apache License, Version 2.0 (the "License");
1495 | * you may not use this file except in compliance with the License.
1496 | * You may obtain a copy of the License at
1497 | *
1498 | * http://www.apache.org/licenses/LICENSE-2.0
1499 | *
1500 | * Unless required by applicable law or agreed to in writing, software
1501 | * distributed under the License is distributed on an "AS IS" BASIS,
1502 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1503 | * See the License for the specific language governing permissions and
1504 | * limitations under the License.
1505 | *
1506 | */
1507 | 
1508 | .list,
1509 | .topcoat-list {
1510 |   padding: 0;
1511 |   margin: 0;
1512 |   font: inherit;
1513 |   color: inherit;
1514 |   background: transparent;
1515 |   border: none;
1516 |   cursor: default;
1517 |   -webkit-user-select: none;
1518 |   -moz-user-select: none;
1519 |   -ms-user-select: none;
1520 |   user-select: none;
1521 |   overflow: auto;
1522 |   -webkit-overflow-scrolling: touch;
1523 | }
1524 | 
1525 | .list__header,
1526 | .topcoat-list__header {
1527 |   margin: 0;
1528 | }
1529 | 
1530 | .list__container,
1531 | .topcoat-list__container {
1532 |   padding: 0;
1533 |   margin: 0;
1534 |   list-style-type: none;
1535 | }
1536 | 
1537 | .list__item,
1538 | .topcoat-list__item {
1539 |   margin: 0;
1540 |   padding: 0;
1541 | }
1542 | 
1543 | /* topdoc
1544 |   name: List
1545 |   description: Topcoat default list skin
1546 |   markup:
1547 |     <div class="topcoat-list">
1548 |       <h3 class="topcoat-list__header">Category</h3>
1549 |       <ul class="topcoat-list__container">
1550 |         <li class="topcoat-list__item">
1551 |           Item
1552 |         </li>
1553 |         <li class="topcoat-list__item">
1554 |           Item
1555 |         </li>
1556 |         <li class="topcoat-list__item">
1557 |           Item
1558 |         </li>
1559 |       </ul>
1560 |     </div>
1561 |   tags:
1562 |     - mobile
1563 |     - list
1564 | */
1565 | 
1566 | .topcoat-list {
1567 |   border-top: 1px solid #333434;
1568 |   border-bottom: 1px solid #616363;
1569 |   background-color: #454646;
1570 | }
1571 | 
1572 | .topcoat-list__header {
1573 |   padding: 4px 20px;
1574 |   font-size: 0.9em;
1575 |   font-weight: 400;
1576 |   background-color: #3f4041;
1577 |   color: #c6c8c8;
1578 |   text-shadow: 0 1px 0 rgba(255,255,255,0.1);
1579 |   border-top: 1px solid rgba(255,255,255,0.1);
1580 |   border-bottom: 1px solid rgba(255,255,255,0.05);
1581 | }
1582 | 
1583 | .topcoat-list__container {
1584 |   border-top: 1px solid #333434;
1585 |   color: #c6c8c8;
1586 | }
1587 | 
1588 | .topcoat-list__item {
1589 |   padding: 1.25rem;
1590 |   border-top: 1px solid #616363;
1591 |   border-bottom: 1px solid #333434;
1592 | }
1593 | 
1594 | .topcoat-list__item:first-child {
1595 |   border-top: 1px solid rgba(0,0,0,0.05);
1596 | }
1597 | 
1598 | /**
1599 | *
1600 | * Copyright 2012 Adobe Systems Inc.;
1601 | *
1602 | * Licensed under the Apache License, Version 2.0 (the "License");
1603 | * you may not use this file except in compliance with the License.
1604 | * You may obtain a copy of the License at
1605 | *
1606 | * http://www.apache.org/licenses/LICENSE-2.0
1607 | *
1608 | * Unless required by applicable law or agreed to in writing, software
1609 | * distributed under the License is distributed on an "AS IS" BASIS,
1610 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1611 | * See the License for the specific language governing permissions and
1612 | * limitations under the License.
1613 | *
1614 | */
1615 | 
1616 | /**
1617 | *
1618 | * Copyright 2012 Adobe Systems Inc.;
1619 | *
1620 | * Licensed under the Apache License, Version 2.0 (the "License");
1621 | * you may not use this file except in compliance with the License.
1622 | * You may obtain a copy of the License at
1623 | *
1624 | * http://www.apache.org/licenses/LICENSE-2.0
1625 | *
1626 | * Unless required by applicable law or agreed to in writing, software
1627 | * distributed under the License is distributed on an "AS IS" BASIS,
1628 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1629 | * See the License for the specific language governing permissions and
1630 | * limitations under the License.
1631 | *
1632 | */
1633 | 
1634 | .navigation-bar {
1635 |   -moz-box-sizing: border-box;
1636 |   box-sizing: border-box;
1637 |   background-clip: padding-box;
1638 |   white-space: nowrap;
1639 |   overflow: hidden;
1640 |   word-spacing: 0;
1641 |   padding: 0;
1642 |   margin: 0;
1643 |   font: inherit;
1644 |   color: inherit;
1645 |   background: transparent;
1646 |   border: none;
1647 |   cursor: default;
1648 |   -webkit-user-select: none;
1649 |   -moz-user-select: none;
1650 |   -ms-user-select: none;
1651 |   user-select: none;
1652 | }
1653 | 
1654 | .navigation-bar__item {
1655 |   -moz-box-sizing: border-box;
1656 |   box-sizing: border-box;
1657 |   background-clip: padding-box;
1658 |   position: relative;
1659 |   display: inline-block;
1660 |   vertical-align: top;
1661 |   padding: 0;
1662 |   margin: 0;
1663 |   font: inherit;
1664 |   color: inherit;
1665 |   background: transparent;
1666 |   border: none;
1667 | }
1668 | 
1669 | .navigation-bar__title {
1670 |   padding: 0;
1671 |   margin: 0;
1672 |   font: inherit;
1673 |   color: inherit;
1674 |   background: transparent;
1675 |   border: none;
1676 |   text-overflow: ellipsis;
1677 |   white-space: nowrap;
1678 |   overflow: hidden;
1679 | }
1680 | 
1681 | /**
1682 | *
1683 | * Copyright 2012 Adobe Systems Inc.;
1684 | *
1685 | * Licensed under the Apache License, Version 2.0 (the "License");
1686 | * you may not use this file except in compliance with the License.
1687 | * You may obtain a copy of the License at
1688 | *
1689 | * http://www.apache.org/licenses/LICENSE-2.0
1690 | *
1691 | * Unless required by applicable law or agreed to in writing, software
1692 | * distributed under the License is distributed on an "AS IS" BASIS,
1693 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1694 | * See the License for the specific language governing permissions and
1695 | * limitations under the License.
1696 | *
1697 | */
1698 | 
1699 | /**
1700 | *
1701 | * Copyright 2012 Adobe Systems Inc.;
1702 | *
1703 | * Licensed under the Apache License, Version 2.0 (the "License");
1704 | * you may not use this file except in compliance with the License.
1705 | * You may obtain a copy of the License at
1706 | *
1707 | * http://www.apache.org/licenses/LICENSE-2.0
1708 | *
1709 | * Unless required by applicable law or agreed to in writing, software
1710 | * distributed under the License is distributed on an "AS IS" BASIS,
1711 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1712 | * See the License for the specific language governing permissions and
1713 | * limitations under the License.
1714 | *
1715 | */
1716 | 
1717 | .navigation-bar,
1718 | .topcoat-navigation-bar {
1719 |   -moz-box-sizing: border-box;
1720 |   box-sizing: border-box;
1721 |   background-clip: padding-box;
1722 |   white-space: nowrap;
1723 |   overflow: hidden;
1724 |   word-spacing: 0;
1725 |   padding: 0;
1726 |   margin: 0;
1727 |   font: inherit;
1728 |   color: inherit;
1729 |   background: transparent;
1730 |   border: none;
1731 |   cursor: default;
1732 |   -webkit-user-select: none;
1733 |   -moz-user-select: none;
1734 |   -ms-user-select: none;
1735 |   user-select: none;
1736 | }
1737 | 
1738 | .navigation-bar__item,
1739 | .topcoat-navigation-bar__item {
1740 |   -moz-box-sizing: border-box;
1741 |   box-sizing: border-box;
1742 |   background-clip: padding-box;
1743 |   position: relative;
1744 |   display: inline-block;
1745 |   vertical-align: top;
1746 |   padding: 0;
1747 |   margin: 0;
1748 |   font: inherit;
1749 |   color: inherit;
1750 |   background: transparent;
1751 |   border: none;
1752 | }
1753 | 
1754 | .navigation-bar__title,
1755 | .topcoat-navigation-bar__title {
1756 |   padding: 0;
1757 |   margin: 0;
1758 |   font: inherit;
1759 |   color: inherit;
1760 |   background: transparent;
1761 |   border: none;
1762 |   text-overflow: ellipsis;
1763 |   white-space: nowrap;
1764 |   overflow: hidden;
1765 | }
1766 | 
1767 | /* topdoc
1768 |   name: Navigation Bar
1769 |   description: A place where navigation goes to drink
1770 |   markup:
1771 |     <div class="topcoat-navigation-bar">
1772 |         <div class="topcoat-navigation-bar__item center full">
1773 |             <h1 class="topcoat-navigation-bar__title">Header</h1>
1774 |         </div>
1775 |     </div>
1776 |   tags:
1777 |     - desktop
1778 |     - light
1779 |     - mobile
1780 |     - navigation
1781 |     - bar
1782 | */
1783 | 
1784 | .topcoat-navigation-bar {
1785 |   height: 4.375rem;
1786 |   padding-left: 1rem;
1787 |   padding-right: 1rem;
1788 |   background: #595b5b;
1789 |   color: #fff;
1790 |   box-shadow: inset 0 -1px #333434, 0 1px #454646;
1791 | }
1792 | 
1793 | .topcoat-navigation-bar__item {
1794 |   margin: 0;
1795 |   line-height: 4.375rem;
1796 |   vertical-align: top;
1797 | }
1798 | 
1799 | .topcoat-navigation-bar__title {
1800 |   font-size: 1.3rem;
1801 |   font-weight: 400;
1802 |   color: #fff;
1803 | }
1804 | 
1805 | /*
1806 | Copyright 2012 Adobe Systems Inc.;
1807 | Licensed under the Apache License, Version 2.0 (the "License");
1808 | you may not use this file except in compliance with the License.
1809 | You may obtain a copy of the License at
1810 | 
1811 | http://www.apache.org/licenses/LICENSE-2.0
1812 | 
1813 | Unless required by applicable law or agreed to in writing, software
1814 | distributed under the License is distributed on an "AS IS" BASIS,
1815 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1816 | See the License for the specific language governing permissions and
1817 | limitations under the License.
1818 | */
1819 | 
1820 | /**
1821 | *
1822 | * Copyright 2012 Adobe Systems Inc.;
1823 | *
1824 | * Licensed under the Apache License, Version 2.0 (the "License");
1825 | * you may not use this file except in compliance with the License.
1826 | * You may obtain a copy of the License at
1827 | *
1828 | * http://www.apache.org/licenses/LICENSE-2.0
1829 | *
1830 | * Unless required by applicable law or agreed to in writing, software
1831 | * distributed under the License is distributed on an "AS IS" BASIS,
1832 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1833 | * See the License for the specific language governing permissions and
1834 | * limitations under the License.
1835 | *
1836 | */
1837 | 
1838 | .notification {
1839 |   position: relative;
1840 |   display: inline-block;
1841 |   vertical-align: top;
1842 |   -moz-box-sizing: border-box;
1843 |   box-sizing: border-box;
1844 |   background-clip: padding-box;
1845 |   padding: 0;
1846 |   margin: 0;
1847 |   font: inherit;
1848 |   color: inherit;
1849 |   background: transparent;
1850 |   border: none;
1851 |   cursor: default;
1852 |   -webkit-user-select: none;
1853 |   -moz-user-select: none;
1854 |   -ms-user-select: none;
1855 |   user-select: none;
1856 |   text-overflow: ellipsis;
1857 |   white-space: nowrap;
1858 |   overflow: hidden;
1859 |   text-decoration: none;
1860 | }
1861 | 
1862 | /*
1863 | Copyright 2012 Adobe Systems Inc.;
1864 | Licensed under the Apache License, Version 2.0 (the "License");
1865 | you may not use this file except in compliance with the License.
1866 | You may obtain a copy of the License at
1867 | 
1868 | http://www.apache.org/licenses/LICENSE-2.0
1869 | 
1870 | Unless required by applicable law or agreed to in writing, software
1871 | distributed under the License is distributed on an "AS IS" BASIS,
1872 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1873 | See the License for the specific language governing permissions and
1874 | limitations under the License.
1875 | */
1876 | 
1877 | /**
1878 | *
1879 | * Copyright 2012 Adobe Systems Inc.;
1880 | *
1881 | * Licensed under the Apache License, Version 2.0 (the "License");
1882 | * you may not use this file except in compliance with the License.
1883 | * You may obtain a copy of the License at
1884 | *
1885 | * http://www.apache.org/licenses/LICENSE-2.0
1886 | *
1887 | * Unless required by applicable law or agreed to in writing, software
1888 | * distributed under the License is distributed on an "AS IS" BASIS,
1889 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1890 | * See the License for the specific language governing permissions and
1891 | * limitations under the License.
1892 | *
1893 | */
1894 | 
1895 | .notification,
1896 | .topcoat-notification {
1897 |   position: relative;
1898 |   display: inline-block;
1899 |   vertical-align: top;
1900 |   -moz-box-sizing: border-box;
1901 |   box-sizing: border-box;
1902 |   background-clip: padding-box;
1903 |   padding: 0;
1904 |   margin: 0;
1905 |   font: inherit;
1906 |   color: inherit;
1907 |   background: transparent;
1908 |   border: none;
1909 |   cursor: default;
1910 |   -webkit-user-select: none;
1911 |   -moz-user-select: none;
1912 |   -ms-user-select: none;
1913 |   user-select: none;
1914 |   text-overflow: ellipsis;
1915 |   white-space: nowrap;
1916 |   overflow: hidden;
1917 |   text-decoration: none;
1918 | }
1919 | 
1920 | /* topdoc
1921 |   name: Notification
1922 |   description: Notification badge
1923 |   markup:
1924 |     <span class="topcoat-notification">1</span>
1925 |   tags:
1926 |     - desktop
1927 |     - light
1928 |     - mobile
1929 |     - notification
1930 | */
1931 | 
1932 | .topcoat-notification {
1933 |   padding: 0.15em 0.5em 0.2em;
1934 |   border-radius: 2px;
1935 |   background-color: #ec514e;
1936 |   color: #fff;
1937 | }
1938 | 
1939 | /**
1940 | *
1941 | * Copyright 2012 Adobe Systems Inc.;
1942 | *
1943 | * Licensed under the Apache License, Version 2.0 (the "License");
1944 | * you may not use this file except in compliance with the License.
1945 | * You may obtain a copy of the License at
1946 | *
1947 | * http://www.apache.org/licenses/LICENSE-2.0
1948 | *
1949 | * Unless required by applicable law or agreed to in writing, software
1950 | * distributed under the License is distributed on an "AS IS" BASIS,
1951 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1952 | * See the License for the specific language governing permissions and
1953 | * limitations under the License.
1954 | *
1955 | */
1956 | 
1957 | /**
1958 | *
1959 | * Copyright 2012 Adobe Systems Inc.;
1960 | *
1961 | * Licensed under the Apache License, Version 2.0 (the "License");
1962 | * you may not use this file except in compliance with the License.
1963 | * You may obtain a copy of the License at
1964 | *
1965 | * http://www.apache.org/licenses/LICENSE-2.0
1966 | *
1967 | * Unless required by applicable law or agreed to in writing, software
1968 | * distributed under the License is distributed on an "AS IS" BASIS,
1969 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1970 | * See the License for the specific language governing permissions and
1971 | * limitations under the License.
1972 | *
1973 | */
1974 | 
1975 | input[type="radio"] {
1976 |   position: absolute;
1977 |   overflow: hidden;
1978 |   padding: 0;
1979 |   border: 0;
1980 |   opacity: 0.001;
1981 |   z-index: 1;
1982 |   vertical-align: top;
1983 |   outline: none;
1984 | }
1985 | 
1986 | .radio-button {
1987 |   -moz-box-sizing: border-box;
1988 |   box-sizing: border-box;
1989 |   background-clip: padding-box;
1990 |   position: relative;
1991 |   display: inline-block;
1992 |   vertical-align: top;
1993 |   cursor: default;
1994 |   -webkit-user-select: none;
1995 |   -moz-user-select: none;
1996 |   -ms-user-select: none;
1997 |   user-select: none;
1998 | }
1999 | 
2000 | .radio-button__label {
2001 |   position: relative;
2002 |   display: inline-block;
2003 |   vertical-align: top;
2004 |   cursor: default;
2005 |   -webkit-user-select: none;
2006 |   -moz-user-select: none;
2007 |   -ms-user-select: none;
2008 |   user-select: none;
2009 | }
2010 | 
2011 | .radio-button:before,
2012 | .radio-button:after {
2013 |   content: '';
2014 |   position: absolute;
2015 |   border-radius: 100%;
2016 | }
2017 | 
2018 | .radio-button:after {
2019 |   top: 50%;
2020 |   left: 50%;
2021 |   -webkit-transform: translate(-50%, -50%);
2022 |   -ms-transform: translate(-50%, -50%);
2023 |   transform: translate(-50%, -50%);
2024 | }
2025 | 
2026 | .radio-button:before {
2027 |   -moz-box-sizing: border-box;
2028 |   box-sizing: border-box;
2029 |   background-clip: padding-box;
2030 | }
2031 | 
2032 | .radio-button--disabled {
2033 |   opacity: 0.3;
2034 |   cursor: default;
2035 |   pointer-events: none;
2036 | }
2037 | 
2038 | /**
2039 | *
2040 | * Copyright 2012 Adobe Systems Inc.;
2041 | *
2042 | * Licensed under the Apache License, Version 2.0 (the "License");
2043 | * you may not use this file except in compliance with the License.
2044 | * You may obtain a copy of the License at
2045 | *
2046 | * http://www.apache.org/licenses/LICENSE-2.0
2047 | *
2048 | * Unless required by applicable law or agreed to in writing, software
2049 | * distributed under the License is distributed on an "AS IS" BASIS,
2050 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
2051 | * See the License for the specific language governing permissions and
2052 | * limitations under the License.
2053 | *
2054 | */
2055 | 
2056 | /**
2057 | *
2058 | * Copyright 2012 Adobe Systems Inc.;
2059 | *
2060 | * Licensed under the Apache License, Version 2.0 (the "License");
2061 | * you may not use this file except in compliance with the License.
2062 | * You may obtain a copy of the License at
2063 | *
2064 | * http://www.apache.org/licenses/LICENSE-2.0
2065 | *
2066 | * Unless required by applicable law or agreed to in writing, software
2067 | * distributed under the License is distributed on an "AS IS" BASIS,
2068 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
2069 | * See the License for the specific language governing permissions and
2070 | * limitations under the License.
2071 | *
2072 | */
2073 | 
2074 | input[type="radio"] {
2075 |   position: absolute;
2076 |   overflow: hidden;
2077 |   padding: 0;
2078 |   border: 0;
2079 |   opacity: 0.001;
2080 |   z-index: 1;
2081 |   vertical-align: top;
2082 |   outline: none;
2083 | }
2084 | 
2085 | .radio-button,
2086 | .topcoat-radio-button__checkmark {
2087 |   -moz-box-sizing: border-box;
2088 |   box-sizing: border-box;
2089 |   background-clip: padding-box;
2090 |   position: relative;
2091 |   display: inline-block;
2092 |   vertical-align: top;
2093 |   cursor: default;
2094 |   -webkit-user-select: none;
2095 |   -moz-user-select: none;
2096 |   -ms-user-select: none;
2097 |   user-select: none;
2098 | }
2099 | 
2100 | .radio-button__label,
2101 | .topcoat-radio-button {
2102 |   position: relative;
2103 |   display: inline-block;
2104 |   vertical-align: top;
2105 |   cursor: default;
2106 |   -webkit-user-select: none;
2107 |   -moz-user-select: none;
2108 |   -ms-user-select: none;
2109 |   user-select: none;
2110 | }
2111 | 
2112 | .radio-button:before,
2113 | .radio-button:after,
2114 | .topcoat-radio-button__checkmark:before,
2115 | .topcoat-radio-button__checkmark:after {
2116 |   content: '';
2117 |   position: absolute;
2118 |   border-radius: 100%;
2119 | }
2120 | 
2121 | .radio-button:after,
2122 | .topcoat-radio-button__checkmark:after {
2123 |   top: 50%;
2124 |   left: 50%;
2125 |   -webkit-transform: translate(-50%, -50%);
2126 |   -ms-transform: translate(-50%, -50%);
2127 |   transform: translate(-50%, -50%);
2128 | }
2129 | 
2130 | .radio-button:before,
2131 | .topcoat-radio-button__checkmark:before {
2132 |   -moz-box-sizing: border-box;
2133 |   box-sizing: border-box;
2134 |   background-clip: padding-box;
2135 | }
2136 | 
2137 | .radio-button--disabled,
2138 | input[type="radio"]:disabled + .topcoat-radio-button__checkmark {
2139 |   opacity: 0.3;
2140 |   cursor: default;
2141 |   pointer-events: none;
2142 | }
2143 | 
2144 | /* topdoc
2145 |   name: Radio Button
2146 |   description: A button that can play music, but usually just plays ads.
2147 |   modifiers:
2148 |   markup:
2149 |     <!-- NO LABEL -->
2150 |     <label class="topcoat-radio-button">
2151 |       <input type="radio" name="topcoat">
2152 |       <div class="topcoat-radio-button__checkmark"></div>
2153 |     </label>
2154 |     <br>
2155 |     <br>
2156 |     <!-- LEFT LABEL -->
2157 |     <label class="topcoat-radio-button">
2158 |       Left label
2159 |       <input type="radio" name="topcoat">
2160 |       <div class="topcoat-radio-button__checkmark"></div>
2161 |     </label>
2162 |     <br>
2163 |     <br>
2164 |     <!-- RIGHT LABEL -->
2165 |     <label class="topcoat-radio-button">
2166 |       <input type="radio" name="topcoat">
2167 |       <div class="topcoat-radio-button__checkmark"></div>
2168 |       Right label
2169 |     </label>
2170 |     <br>
2171 |     <br>
2172 |     <!-- DISABLED -->
2173 |     <label class="topcoat-radio-button">
2174 |       <input type="radio" name="topcoat" Disabled>
2175 |       <div class="topcoat-radio-button__checkmark"></div>
2176 |       Disabled
2177 |     </label>
2178 |   examples:
2179 |     Mobile Radio Button: http://codepen.io/Topcoat/pen/HDcJj
2180 |   tags:
2181 |     - desktop
2182 |     - light
2183 |     - mobile
2184 |     - Radio
2185 | */
2186 | 
2187 | input[type="radio"] {
2188 |   height: 1.875rem;
2189 |   width: 1.875rem;
2190 |   margin-top: 0;
2191 |   margin-right: -1.875rem;
2192 |   margin-bottom: -1.875rem;
2193 |   margin-left: 0;
2194 | }
2195 | 
2196 | input[type="radio"]:checked + .topcoat-radio-button__checkmark:after {
2197 |   opacity: 1;
2198 | }
2199 | 
2200 | .topcoat-radio-button {
2201 |   color: #c6c8c8;
2202 |   line-height: 1.875rem;
2203 | }
2204 | 
2205 | .topcoat-radio-button__checkmark:before {
2206 |   width: 1.875rem;
2207 |   height: 1.875rem;
2208 |   background: #595b5b;
2209 |   border: 1px solid #333434;
2210 |   box-shadow: inset 0 1px #737373;
2211 | }
2212 | 
2213 | .topcoat-radio-button__checkmark {
2214 |   position: relative;
2215 |   width: 1.875rem;
2216 |   height: 1.875rem;
2217 | }
2218 | 
2219 | .topcoat-radio-button__checkmark:after {
2220 |   opacity: 0;
2221 |   width: 0.875rem;
2222 |   height: 0.875rem;
2223 |   background: #c6c8c8;
2224 |   border: 1px solid rgba(0,0,0,0.05);
2225 |   box-shadow: 0 1px rgba(255,255,255,0.1);
2226 |   -webkit-transform: none;
2227 |   -ms-transform: none;
2228 |   transform: none;
2229 |   top: 7px;
2230 |   left: 7px;
2231 | }
2232 | 
2233 | input[type="radio"]:focus + .topcoat-radio-button__checkmark:before {
2234 |   border: 1px solid #0036ff;
2235 |   box-shadow: inset 0 1px rgba(255,255,255,0.36), 0 0 0 2px #6fb5f1;
2236 | }
2237 | 
2238 | input[type="radio"]:active + .topcoat-radio-button__checkmark:before {
2239 |   border: 1px solid #333434;
2240 |   background-color: #3f4041;
2241 |   box-shadow: inset 0 1px rgba(0,0,0,0.05);
2242 | }
2243 | 
2244 | input[type="radio"]:disabled:active + .topcoat-radio-button__checkmark:before {
2245 |   border: 1px solid #333434;
2246 |   background: #595b5b;
2247 |   box-shadow: inset 0 1px #737373;
2248 | }
2249 | 
2250 | /*
2251 | Copyright 2012 Adobe Systems Inc.;
2252 | Licensed under the Apache License, Version 2.0 (the "License");
2253 | you may not use this file except in compliance with the License.
2254 | You may obtain a copy of the License at
2255 | 
2256 | http://www.apache.org/licenses/LICENSE-2.0
2257 | 
2258 | Unless required by applicable law or agreed to in writing, software
2259 | distributed under the License is distributed on an "AS IS" BASIS,
2260 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
2261 | See the License for the specific language governing permissions and
2262 | limitations under the License.
2263 | */
2264 | 
2265 | /*
2266 | Copyright 2012 Adobe Systems Inc.;
2267 | Licensed under the Apache License, Version 2.0 (the "License");
2268 | you may not use this file except in compliance with the License.
2269 | You may obtain a copy of the License at
2270 | 
2271 | http://www.apache.org/licenses/LICENSE-2.0
2272 | 
2273 | Unless required by applicable law or agreed to in writing, software
2274 | distributed under the License is distributed on an "AS IS" BASIS,
2275 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
2276 | See the License for the specific language governing permissions and
2277 | limitations under the License.
2278 | */
2279 | 
2280 | .range {
2281 |   padding: 0;
2282 |   margin: 0;
2283 |   font: inherit;
2284 |   color: inherit;
2285 |   background: transparent;
2286 |   border: none;
2287 |   -moz-box-sizing: border-box;
2288 |   box-sizing: border-box;
2289 |   background-clip: padding-box;
2290 |   vertical-align: top;
2291 |   outline: none;
2292 |   -webkit-appearance: none;
2293 | }
2294 | 
2295 | .range__thumb {
2296 |   cursor: pointer;
2297 | }
2298 | 
2299 | .range__thumb--webkit {
2300 |   cursor: pointer;
2301 |   -webkit-appearance: none;
2302 | }
2303 | 
2304 | .range:disabled {
2305 |   opacity: 0.3;
2306 |   cursor: default;
2307 |   pointer-events: none;
2308 | }
2309 | 
2310 | /*
2311 | Copyright 2012 Adobe Systems Inc.;
2312 | Licensed under the Apache License, Version 2.0 (the "License");
2313 | you may not use this file except in compliance with the License.
2314 | You may obtain a copy of the License at
2315 | 
2316 | http://www.apache.org/licenses/LICENSE-2.0
2317 | 
2318 | Unless required by applicable law or agreed to in writing, software
2319 | distributed under the License is distributed on an "AS IS" BASIS,
2320 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
2321 | See the License for the specific language governing permissions and
2322 | limitations under the License.
2323 | */
2324 | 
2325 | /*
2326 | Copyright 2012 Adobe Systems Inc.;
2327 | Licensed under the Apache License, Version 2.0 (the "License");
2328 | you may not use this file except in compliance with the License.
2329 | You may obtain a copy of the License at
2330 | 
2331 | http://www.apache.org/licenses/LICENSE-2.0
2332 | 
2333 | Unless required by applicable law or agreed to in writing, software
2334 | distributed under the License is distributed on an "AS IS" BASIS,
2335 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
2336 | See the License for the specific language governing permissions and
2337 | limitations under the License.
2338 | */
2339 | 
2340 | .range,
2341 | .topcoat-range {
2342 |   padding: 0;
2343 |   margin: 0;
2344 |   font: inherit;
2345 |   color: inherit;
2346 |   background: transparent;
2347 |   border: none;
2348 |   -moz-box-sizing: border-box;
2349 |   box-sizing: border-box;
2350 |   background-clip: padding-box;
2351 |   vertical-align: top;
2352 |   outline: none;
2353 |   -webkit-appearance: none;
2354 | }
2355 | 
2356 | .range__thumb,
2357 | .topcoat-range::-moz-range-thumb {
2358 |   cursor: pointer;
2359 | }
2360 | 
2361 | .range__thumb--webkit,
2362 | .topcoat-range::-webkit-slider-thumb {
2363 |   cursor: pointer;
2364 |   -webkit-appearance: none;
2365 | }
2366 | 
2367 | .range:disabled,
2368 | .topcoat-range:disabled {
2369 |   opacity: 0.3;
2370 |   cursor: default;
2371 |   pointer-events: none;
2372 | }
2373 | 
2374 | /* topdoc
2375 |   name: Range
2376 |   description: Range input
2377 |   modifiers:
2378 |     :active: Active state
2379 |     :disabled: Disabled state
2380 |     :hover: Hover state
2381 |     :focus: Focused
2382 |   markup:
2383 |     <input type="range" class="topcoat-range">
2384 |     <input type="range" class="topcoat-range" disabled>
2385 |   examples:
2386 |     mobile range: http://codepen.io/Topcoat/pen/BskEn
2387 |   tags:
2388 |     - desktop
2389 |     - mobile
2390 |     - range
2391 | */
2392 | 
2393 | .topcoat-range {
2394 |   border-radius: 6px;
2395 |   border: 1px solid #333434;
2396 |   background-color: #454646;
2397 |   height: 1rem;
2398 |   border-radius: 30px;
2399 | }
2400 | 
2401 | .topcoat-range::-moz-range-track {
2402 |   border-radius: 6px;
2403 |   border: 1px solid #333434;
2404 |   background-color: #454646;
2405 |   height: 1rem;
2406 |   border-radius: 30px;
2407 | }
2408 | 
2409 | .topcoat-range::-webkit-slider-thumb {
2410 |   height: 3rem;
2411 |   width: 2rem;
2412 |   background-color: #595b5b;
2413 |   border: 1px solid #333434;
2414 |   border-radius: 6px;
2415 |   box-shadow: inset 0 1px #737373;
2416 | }
2417 | 
2418 | .topcoat-range::-moz-range-thumb {
2419 |   height: 3rem;
2420 |   width: 2rem;
2421 |   background-color: #595b5b;
2422 |   border: 1px solid #333434;
2423 |   border-radius: 6px;
2424 |   box-shadow: inset 0 1px #737373;
2425 | }
2426 | 
2427 | .topcoat-range:focus::-webkit-slider-thumb {
2428 |   border: 1px solid #0036ff;
2429 |   box-shadow: inset 0 1px rgba(255,255,255,0.36), 0 0 0 2px #6fb5f1;
2430 | }
2431 | 
2432 | .topcoat-range:focus::-moz-range-thumb {
2433 |   border: 1px solid #0036ff;
2434 |   box-shadow: inset 0 1px rgba(255,255,255,0.36), 0 0 0 2px #6fb5f1;
2435 | }
2436 | 
2437 | .topcoat-range:active::-webkit-slider-thumb {
2438 |   border: 1px solid #333434;
2439 |   box-shadow: inset 0 1px #737373;
2440 | }
2441 | 
2442 | .topcoat-range:active::-moz-range-thumb {
2443 |   border: 1px solid #333434;
2444 |   box-shadow: inset 0 1px #737373;
2445 | }
2446 | 
2447 | /**
2448 | *
2449 | * Copyright 2012 Adobe Systems Inc.;
2450 | *
2451 | * Licensed under the Apache License, Version 2.0 (the "License");
2452 | * you may not use this file except in compliance with the License.
2453 | * You may obtain a copy of the License at
2454 | *
2455 | * http://www.apache.org/licenses/LICENSE-2.0
2456 | *
2457 | * Unless required by applicable law or agreed to in writing, software
2458 | * distributed under the License is distributed on an "AS IS" BASIS,
2459 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
2460 | * See the License for the specific language governing permissions and
2461 | * limitations under the License.
2462 | *
2463 | */
2464 | 
2465 | /**
2466 | *
2467 | * Copyright 2012 Adobe Systems Inc.;
2468 | *
2469 | * Licensed under the Apache License, Version 2.0 (the "License");
2470 | * you may not use this file except in compliance with the License.
2471 | * You may obtain a copy of the License at
2472 | *
2473 | * http://www.apache.org/licenses/LICENSE-2.0
2474 | *
2475 | * Unless required by applicable law or agreed to in writing, software
2476 | * distributed under the License is distributed on an "AS IS" BASIS,
2477 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
2478 | * See the License for the specific language governing permissions and
2479 | * limitations under the License.
2480 | *
2481 | */
2482 | 
2483 | .search-input {
2484 |   padding: 0;
2485 |   margin: 0;
2486 |   font: inherit;
2487 |   color: inherit;
2488 |   background: transparent;
2489 |   border: none;
2490 |   -moz-box-sizing: border-box;
2491 |   box-sizing: border-box;
2492 |   background-clip: padding-box;
2493 |   vertical-align: top;
2494 |   outline: none;
2495 |   -webkit-appearance: none;
2496 | }
2497 | 
2498 | input[type="search"]::-webkit-search-cancel-button {
2499 |   -webkit-appearance: none;
2500 | }
2501 | 
2502 | .search-input:disabled {
2503 |   opacity: 0.3;
2504 |   cursor: default;
2505 |   pointer-events: none;
2506 | }
2507 | 
2508 | /**
2509 | *
2510 | * Copyright 2012 Adobe Systems Inc.;
2511 | *
2512 | * Licensed under the Apache License, Version 2.0 (the "License");
2513 | * you may not use this file except in compliance with the License.
2514 | * You may obtain a copy of the License at
2515 | *
2516 | * http://www.apache.org/licenses/LICENSE-2.0
2517 | *
2518 | * Unless required by applicable law or agreed to in writing, software
2519 | * distributed under the License is distributed on an "AS IS" BASIS,
2520 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
2521 | * See the License for the specific language governing permissions and
2522 | * limitations under the License.
2523 | *
2524 | */
2525 | 
2526 | /**
2527 | *
2528 | * Copyright 2012 Adobe Systems Inc.;
2529 | *
2530 | * Licensed under the Apache License, Version 2.0 (the "License");
2531 | * you may not use this file except in compliance with the License.
2532 | * You may obtain a copy of the License at
2533 | *
2534 | * http://www.apache.org/licenses/LICENSE-2.0
2535 | *
2536 | * Unless required by applicable law or agreed to in writing, software
2537 | * distributed under the License is distributed on an "AS IS" BASIS,
2538 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
2539 | * See the License for the specific language governing permissions and
2540 | * limitations under the License.
2541 | *
2542 | */
2543 | 
2544 | .search-input,
2545 | .topcoat-search-input,
2546 | .topcoat-search-input--large {
2547 |   padding: 0;
2548 |   margin: 0;
2549 |   font: inherit;
2550 |   color: inherit;
2551 |   background: transparent;
2552 |   border: none;
2553 |   -moz-box-sizing: border-box;
2554 |   box-sizing: border-box;
2555 |   background-clip: padding-box;
2556 |   vertical-align: top;
2557 |   outline: none;
2558 |   -webkit-appearance: none;
2559 | }
2560 | 
2561 | input[type="search"]::-webkit-search-cancel-button {
2562 |   -webkit-appearance: none;
2563 | }
2564 | 
2565 | .search-input:disabled,
2566 | .topcoat-search-input:disabled,
2567 | .topcoat-search-input--large:disabled {
2568 |   opacity: 0.3;
2569 |   cursor: default;
2570 |   pointer-events: none;
2571 | }
2572 | 
2573 | /* topdoc
2574 |   name: Search Input
2575 |   description: A text input designed for searching.
2576 |   modifiers:
2577 |     :disabled: Disabled state
2578 |   markup:
2579 |     <input type="search" value="" placeholder="search" class="topcoat-search-input">
2580 |     <input type="search" value="" placeholder="search" class="topcoat-search-input" disabled>
2581 |   tags:
2582 |     - desktop
2583 |     - light
2584 |     - mobile
2585 |     - text
2586 |     - input
2587 |     - search
2588 |     - form
2589 | */
2590 | 
2591 | .topcoat-search-input,
2592 | .topcoat-search-input--large {
2593 |   line-height: 3rem;
2594 |   height: 3rem;
2595 |   font-size: 16px;
2596 |   border: 1px solid #333434;
2597 |   background-color: #454646;
2598 |   box-shadow: inset 0 1px 0 rgba(0,0,0,0.23);
2599 |   color: #c6c8c8;
2600 |   padding: 0 0 0 2rem;
2601 |   border-radius: 30px;
2602 |   background-image: url("../img/search.svg");
2603 |   background-position: 1rem center;
2604 |   background-repeat: no-repeat;
2605 |   background-size: 16px;
2606 | }
2607 | 
2608 | .topcoat-search-input:focus,
2609 | .topcoat-search-input--large:focus {
2610 |   background-color: #595b5b;
2611 |   color: #fff;
2612 |   border: 1px solid #0036ff;
2613 |   box-shadow: inset 0 1px 0 rgba(0,0,0,0.23), 0 0 0 2px #6fb5f1;
2614 | }
2615 | 
2616 | .topcoat-search-input::-webkit-search-cancel-button,
2617 | .topcoat-search-input::-webkit-search-decoration,
2618 | .topcoat-search-input--large::-webkit-search-cancel-button,
2619 | .topcoat-search-input--large::-webkit-search-decoration {
2620 |   margin-right: 5px;
2621 | }
2622 | 
2623 | .topcoat-search-input:focus::-webkit-input-placeholder,
2624 | .topcoat-search-input:focus::-webkit-input-placeholder {
2625 |   color: #c6c8c8;
2626 | }
2627 | 
2628 | .topcoat-search-input:disabled::-webkit-input-placeholder {
2629 |   color: #fff;
2630 | }
2631 | 
2632 | .topcoat-search-input:disabled::-moz-placeholder {
2633 |   color: #fff;
2634 | }
2635 | 
2636 | .topcoat-search-input:disabled:-ms-input-placeholder {
2637 |   color: #fff;
2638 | }
2639 | 
2640 | /* topdoc
2641 |   name: Large Search Input
2642 |   description: A large text input designed for searching.
2643 |   modifiers:
2644 |     :disabled: Disabled state
2645 |   markup:
2646 |     <input type="search" value="" placeholder="search" class="topcoat-search-input--large">
2647 |     <input type="search" value="" placeholder="search" class="topcoat-search-input--large" disabled>
2648 |   tags:
2649 |     - desktop
2650 |     - light
2651 |     - mobile
2652 |     - text
2653 |     - input
2654 |     - search
2655 |     - form
2656 |     - large
2657 | */
2658 | 
2659 | .topcoat-search-input--large {
2660 |   line-height: 4.375rem;
2661 |   height: 4.375rem;
2662 |   font-size: 1.3rem;
2663 |   font-weight: 400;
2664 |   padding: 0 0 0 2.9rem;
2665 |   border-radius: 40px;
2666 |   background-position: 1.2rem center;
2667 |   background-size: 1.3rem;
2668 | }
2669 | 
2670 | .topcoat-search-input--large:disabled {
2671 |   color: #fff;
2672 | }
2673 | 
2674 | .topcoat-search-input--large:disabled::-webkit-input-placeholder {
2675 |   color: #fff;
2676 | }
2677 | 
2678 | .topcoat-search-input--large:disabled::-moz-placeholder {
2679 |   color: #fff;
2680 | }
2681 | 
2682 | .topcoat-search-input--large:disabled:-ms-input-placeholder {
2683 |   color: #fff;
2684 | }
2685 | 
2686 | /**
2687 | *
2688 | * Copyright 2012 Adobe Systems Inc.;
2689 | *
2690 | * Licensed under the Apache License, Version 2.0 (the "License");
2691 | * you may not use this file except in compliance with the License.
2692 | * You may obtain a copy of the License at
2693 | *
2694 | * http://www.apache.org/licenses/LICENSE-2.0
2695 | *
2696 | * Unless required by applicable law or agreed to in writing, software
2697 | * distributed under the License is distributed on an "AS IS" BASIS,
2698 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
2699 | * See the License for the specific language governing permissions and
2700 | * limitations under the License.
2701 | *
2702 | */
2703 | 
2704 | /**
2705 | *
2706 | * Copyright 2012 Adobe Systems Inc.;
2707 | *
2708 | * Licensed under the Apache License, Version 2.0 (the "License");
2709 | * you may not use this file except in compliance with the License.
2710 | * You may obtain a copy of the License at
2711 | *
2712 | * http://www.apache.org/licenses/LICENSE-2.0
2713 | *
2714 | * Unless required by applicable law or agreed to in writing, software
2715 | * distributed under the License is distributed on an "AS IS" BASIS,
2716 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
2717 | * See the License for the specific language governing permissions and
2718 | * limitations under the License.
2719 | *
2720 | */
2721 | 
2722 | .switch {
2723 |   position: relative;
2724 |   display: inline-block;
2725 |   vertical-align: top;
2726 |   -moz-box-sizing: border-box;
2727 |   box-sizing: border-box;
2728 |   background-clip: padding-box;
2729 | }
2730 | 
2731 | .switch__input {
2732 |   position: absolute;
2733 |   overflow: hidden;
2734 |   padding: 0;
2735 |   border: 0;
2736 |   opacity: 0.001;
2737 |   z-index: 1;
2738 |   vertical-align: top;
2739 |   outline: none;
2740 | }
2741 | 
2742 | .switch__toggle {
2743 |   position: relative;
2744 |   display: inline-block;
2745 |   vertical-align: top;
2746 |   -moz-box-sizing: border-box;
2747 |   box-sizing: border-box;
2748 |   background-clip: padding-box;
2749 |   padding: 0;
2750 |   margin: 0;
2751 |   font: inherit;
2752 |   color: inherit;
2753 |   background: transparent;
2754 |   border: none;
2755 |   cursor: default;
2756 |   -webkit-user-select: none;
2757 |   -moz-user-select: none;
2758 |   -ms-user-select: none;
2759 |   user-select: none;
2760 | }
2761 | 
2762 | .switch__toggle:before,
2763 | .switch__toggle:after {
2764 |   content: '';
2765 |   position: absolute;
2766 |   z-index: -1;
2767 |   -moz-box-sizing: border-box;
2768 |   box-sizing: border-box;
2769 |   background-clip: padding-box;
2770 | }
2771 | 
2772 | .switch--disabled {
2773 |   opacity: 0.3;
2774 |   cursor: default;
2775 |   pointer-events: none;
2776 | }
2777 | 
2778 | /**
2779 | *
2780 | * Copyright 2012 Adobe Systems Inc.;
2781 | *
2782 | * Licensed under the Apache License, Version 2.0 (the "License");
2783 | * you may not use this file except in compliance with the License.
2784 | * You may obtain a copy of the License at
2785 | *
2786 | * http://www.apache.org/licenses/LICENSE-2.0
2787 | *
2788 | * Unless required by applicable law or agreed to in writing, software
2789 | * distributed under the License is distributed on an "AS IS" BASIS,
2790 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
2791 | * See the License for the specific language governing permissions and
2792 | * limitations under the License.
2793 | *
2794 | */
2795 | 
2796 | /**
2797 | *
2798 | * Copyright 2012 Adobe Systems Inc.;
2799 | *
2800 | * Licensed under the Apache License, Version 2.0 (the "License");
2801 | * you may not use this file except in compliance with the License.
2802 | * You may obtain a copy of the License at
2803 | *
2804 | * http://www.apache.org/licenses/LICENSE-2.0
2805 | *
2806 | * Unless required by applicable law or agreed to in writing, software
2807 | * distributed under the License is distributed on an "AS IS" BASIS,
2808 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
2809 | * See the License for the specific language governing permissions and
2810 | * limitations under the License.
2811 | *
2812 | */
2813 | 
2814 | .switch,
2815 | .topcoat-switch {
2816 |   position: relative;
2817 |   display: inline-block;
2818 |   vertical-align: top;
2819 |   -moz-box-sizing: border-box;
2820 |   box-sizing: border-box;
2821 |   background-clip: padding-box;
2822 | }
2823 | 
2824 | .switch__input,
2825 | .topcoat-switch__input {
2826 |   position: absolute;
2827 |   overflow: hidden;
2828 |   padding: 0;
2829 |   border: 0;
2830 |   opacity: 0.001;
2831 |   z-index: 1;
2832 |   vertical-align: top;
2833 |   outline: none;
2834 | }
2835 | 
2836 | .switch__toggle,
2837 | .topcoat-switch__toggle {
2838 |   position: relative;
2839 |   display: inline-block;
2840 |   vertical-align: top;
2841 |   -moz-box-sizing: border-box;
2842 |   box-sizing: border-box;
2843 |   background-clip: padding-box;
2844 |   padding: 0;
2845 |   margin: 0;
2846 |   font: inherit;
2847 |   color: inherit;
2848 |   background: transparent;
2849 |   border: none;
2850 |   cursor: default;
2851 |   -webkit-user-select: none;
2852 |   -moz-user-select: none;
2853 |   -ms-user-select: none;
2854 |   user-select: none;
2855 | }
2856 | 
2857 | .switch__toggle:before,
2858 | .switch__toggle:after,
2859 | .topcoat-switch__toggle:before,
2860 | .topcoat-switch__toggle:after {
2861 |   content: '';
2862 |   position: absolute;
2863 |   z-index: -1;
2864 |   -moz-box-sizing: border-box;
2865 |   box-sizing: border-box;
2866 |   background-clip: padding-box;
2867 | }
2868 | 
2869 | .switch--disabled,
2870 | .topcoat-switch__input:disabled + .topcoat-switch__toggle {
2871 |   opacity: 0.3;
2872 |   cursor: default;
2873 |   pointer-events: none;
2874 | }
2875 | 
2876 | /* topdoc
2877 |   name: Switch
2878 |   description: Default skin for Topcoat switch
2879 |   modifiers:
2880 |     :focus: Focus state
2881 |     :disabled: Disabled state
2882 |   markup:
2883 |     <label class="topcoat-switch">
2884 |       <input type="checkbox" class="topcoat-switch__input">
2885 |       <div class="topcoat-switch__toggle"></div>
2886 |     </label>
2887 |     <br>
2888 |     <br>
2889 |     <label class="topcoat-switch">
2890 |       <input type="checkbox" class="topcoat-switch__input" checked>
2891 |       <div class="topcoat-switch__toggle"></div>
2892 |     </label>
2893 |     <br>
2894 |     <br>
2895 |     <label class="topcoat-switch">
2896 |       <input type="checkbox" class="topcoat-switch__input" disabled>
2897 |       <div class="topcoat-switch__toggle"></div>
2898 |     </label>
2899 |   examples:
2900 |     mobile switch: http://codepen.io/Topcoat/pen/upxds
2901 |   tags:
2902 |     - desktop
2903 |     - light
2904 |     - mobile
2905 |     - switch
2906 | */
2907 | 
2908 | .topcoat-switch {
2909 |   font-size: 16px;
2910 |   padding: 0 1.25rem;
2911 |   border-radius: 6px;
2912 |   border: 1px solid #333434;
2913 |   overflow: hidden;
2914 |   width: 6rem;
2915 | }
2916 | 
2917 | .topcoat-switch__toggle:before,
2918 | .topcoat-switch__toggle:after {
2919 |   top: -1px;
2920 |   width: 5rem;
2921 | }
2922 | 
2923 | .topcoat-switch__toggle:before {
2924 |   content: 'ON';
2925 |   color: #288edf;
2926 |   background-color: #3f4041;
2927 |   right: 1rem;
2928 |   padding-left: 1.5rem;
2929 | }
2930 | 
2931 | .topcoat-switch__toggle {
2932 |   line-height: 3rem;
2933 |   height: 3rem;
2934 |   width: 2rem;
2935 |   border-radius: 6px;
2936 |   color: #c6c8c8;
2937 |   text-shadow: 0 -1px rgba(0,0,0,0.69);
2938 |   background-color: #595b5b;
2939 |   border: 1px solid #333434;
2940 |   margin-left: -1.3rem;
2941 |   margin-bottom: -1px;
2942 |   margin-top: -1px;
2943 |   box-shadow: inset 0 1px #737373;
2944 |   -webkit-transition: margin-left 0.05s ease-in-out;
2945 |   transition: margin-left 0.05s ease-in-out;
2946 | }
2947 | 
2948 | .topcoat-switch__toggle:after {
2949 |   content: 'OFF';
2950 |   background-color: #3f4041;
2951 |   left: 1rem;
2952 |   padding-left: 2rem;
2953 | }
2954 | 
2955 | .topcoat-switch__input:checked + .topcoat-switch__toggle {
2956 |   margin-left: 2.7rem;
2957 | }
2958 | 
2959 | .topcoat-switch__input:active + .topcoat-switch__toggle {
2960 |   border: 1px solid #333434;
2961 |   box-shadow: inset 0 1px #737373;
2962 | }
2963 | 
2964 | .topcoat-switch__input:focus + .topcoat-switch__toggle {
2965 |   border: 1px solid #0036ff;
2966 |   box-shadow: 0 0 0 2px #6fb5f1;
2967 | }
2968 | 
2969 | .topcoat-switch__input:disabled + .topcoat-switch__toggle:after,
2970 | .topcoat-switch__input:disabled + .topcoat-switch__toggle:before {
2971 |   background: transparent;
2972 | }
2973 | 
2974 | /**
2975 | *
2976 | * Copyright 2012 Adobe Systems Inc.;
2977 | *
2978 | * Licensed under the Apache License, Version 2.0 (the "License");
2979 | * you may not use this file except in compliance with the License.
2980 | * You may obtain a copy of the License at
2981 | *
2982 | * http://www.apache.org/licenses/LICENSE-2.0
2983 | *
2984 | * Unless required by applicable law or agreed to in writing, software
2985 | * distributed under the License is distributed on an "AS IS" BASIS,
2986 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
2987 | * See the License for the specific language governing permissions and
2988 | * limitations under the License.
2989 | *
2990 | */
2991 | 
2992 | /**
2993 | *
2994 | * Copyright 2012 Adobe Systems Inc.;
2995 | *
2996 | * Licensed under the Apache License, Version 2.0 (the "License");
2997 | * you may not use this file except in compliance with the License.
2998 | * You may obtain a copy of the License at
2999 | *
3000 | * http://www.apache.org/licenses/LICENSE-2.0
3001 | *
3002 | * Unless required by applicable law or agreed to in writing, software
3003 | * distributed under the License is distributed on an "AS IS" BASIS,
3004 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3005 | * See the License for the specific language governing permissions and
3006 | * limitations under the License.
3007 | *
3008 | */
3009 | 
3010 | .button,
3011 | .topcoat-tab-bar__button {
3012 |   position: relative;
3013 |   display: inline-block;
3014 |   vertical-align: top;
3015 |   -moz-box-sizing: border-box;
3016 |   box-sizing: border-box;
3017 |   background-clip: padding-box;
3018 |   padding: 0;
3019 |   margin: 0;
3020 |   font: inherit;
3021 |   color: inherit;
3022 |   background: transparent;
3023 |   border: none;
3024 |   cursor: default;
3025 |   -webkit-user-select: none;
3026 |   -moz-user-select: none;
3027 |   -ms-user-select: none;
3028 |   user-select: none;
3029 |   text-overflow: ellipsis;
3030 |   white-space: nowrap;
3031 |   overflow: hidden;
3032 |   text-decoration: none;
3033 | }
3034 | 
3035 | .button--quiet {
3036 |   background: transparent;
3037 |   border: 1px solid transparent;
3038 |   box-shadow: none;
3039 | }
3040 | 
3041 | .button--disabled,
3042 | .topcoat-tab-bar__button:disabled {
3043 |   opacity: 0.3;
3044 |   cursor: default;
3045 |   pointer-events: none;
3046 | }
3047 | 
3048 | .button-bar,
3049 | .topcoat-tab-bar {
3050 |   display: table;
3051 |   table-layout: fixed;
3052 |   white-space: nowrap;
3053 |   margin: 0;
3054 |   padding: 0;
3055 | }
3056 | 
3057 | .button-bar__item,
3058 | .topcoat-tab-bar__item {
3059 |   display: table-cell;
3060 |   width: auto;
3061 |   border-radius: 0;
3062 | }
3063 | 
3064 | .button-bar__item > input,
3065 | .topcoat-tab-bar__item > input {
3066 |   position: absolute;
3067 |   overflow: hidden;
3068 |   padding: 0;
3069 |   border: 0;
3070 |   opacity: 0.001;
3071 |   z-index: 1;
3072 |   vertical-align: top;
3073 |   outline: none;
3074 | }
3075 | 
3076 | .button-bar__button {
3077 |   border-radius: inherit;
3078 | }
3079 | 
3080 | .button-bar__item:disabled {
3081 |   opacity: 0.3;
3082 |   cursor: default;
3083 |   pointer-events: none;
3084 | }
3085 | 
3086 | /* topdoc
3087 |   name: Tab Bar
3088 |   description: Component of tab buttons
3089 |   modifiers:
3090 |     :disabled: Disabled state
3091 |   markup:
3092 |     <div class="topcoat-tab-bar">
3093 |       <label class="topcoat-tab-bar__item">
3094 |         <input type="radio" name="tab-bar">
3095 |         <button class="topcoat-tab-bar__button">One</button>
3096 |       </label>
3097 |       <label class="topcoat-tab-bar__item">
3098 |         <input type="radio" name="tab-bar">
3099 |         <button class="topcoat-tab-bar__button">Two</button>
3100 |       </label>
3101 |       <label class="topcoat-tab-bar__item">
3102 |         <input type="radio" name="tab-bar">
3103 |         <button class="topcoat-tab-bar__button">Three</button>
3104 |       </label>
3105 |     </div>
3106 |   examples:
3107 |     mobile tab bar: http://codepen.io/Topcoat/pen/rJICF
3108 |   tags:
3109 |     - desktop
3110 |     - light
3111 |     - dark
3112 |     - mobile
3113 |     - tab
3114 |     - group
3115 |     - bar
3116 | */
3117 | 
3118 | .topcoat-tab-bar__button {
3119 |   padding: 0 1.25rem;
3120 |   height: 3rem;
3121 |   line-height: 3rem;
3122 |   letter-spacing: 1px;
3123 |   color: #c6c8c8;
3124 |   text-shadow: 0 -1px rgba(0,0,0,0.69);
3125 |   vertical-align: top;
3126 |   background-color: #595b5b;
3127 |   box-shadow: inset 0 1px #737373;
3128 |   border-top: 1px solid #333434;
3129 | }
3130 | 
3131 | .topcoat-tab-bar__button:active,
3132 | .topcoat-tab-bar__button--large:active,
3133 | :checked + .topcoat-tab-bar__button {
3134 |   color: #288edf;
3135 |   background-color: #3f4041;
3136 |   box-shadow: inset 0 0 1px rgba(0,0,0,0.05);
3137 | }
3138 | 
3139 | .topcoat-tab-bar__button:focus,
3140 | .topcoat-tab-bar__button--large:focus {
3141 |   z-index: 1;
3142 |   box-shadow: inset 0 1px rgba(255,255,255,0.36), 0 0 0 2px #6fb5f1;
3143 |   outline: 0;
3144 | }
3145 | 
3146 | /**
3147 | *
3148 | * Copyright 2012 Adobe Systems Inc.;
3149 | *
3150 | * Licensed under the Apache License, Version 2.0 (the "License");
3151 | * you may not use this file except in compliance with the License.
3152 | * You may obtain a copy of the License at
3153 | *
3154 | * http://www.apache.org/licenses/LICENSE-2.0
3155 | *
3156 | * Unless required by applicable law or agreed to in writing, software
3157 | * distributed under the License is distributed on an "AS IS" BASIS,
3158 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3159 | * See the License for the specific language governing permissions and
3160 | * limitations under the License.
3161 | *
3162 | */
3163 | 
3164 | /**
3165 | *
3166 | * Copyright 2012 Adobe Systems Inc.;
3167 | *
3168 | * Licensed under the Apache License, Version 2.0 (the "License");
3169 | * you may not use this file except in compliance with the License.
3170 | * You may obtain a copy of the License at
3171 | *
3172 | * http://www.apache.org/licenses/LICENSE-2.0
3173 | *
3174 | * Unless required by applicable law or agreed to in writing, software
3175 | * distributed under the License is distributed on an "AS IS" BASIS,
3176 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3177 | * See the License for the specific language governing permissions and
3178 | * limitations under the License.
3179 | *
3180 | */
3181 | 
3182 | .input,
3183 | .topcoat-text-input,
3184 | .topcoat-text-input--large {
3185 |   padding: 0;
3186 |   margin: 0;
3187 |   font: inherit;
3188 |   color: inherit;
3189 |   background: transparent;
3190 |   border: none;
3191 |   -moz-box-sizing: border-box;
3192 |   box-sizing: border-box;
3193 |   background-clip: padding-box;
3194 |   vertical-align: top;
3195 |   outline: none;
3196 | }
3197 | 
3198 | .input:disabled,
3199 | .topcoat-text-input:disabled,
3200 | .topcoat-text-input--large:disabled {
3201 |   opacity: 0.3;
3202 |   cursor: default;
3203 |   pointer-events: none;
3204 | }
3205 | 
3206 | /* topdoc
3207 |   name: Text input
3208 |   description: Topdoc text input
3209 |   modifiers:
3210 |     :disabled: Disabled state
3211 |     :focus: Focused
3212 |     :invalid: Hover state
3213 |   markup:
3214 |     <input type="text" class="topcoat-text-input" placeholder="text" value="">
3215 |     <br>
3216 |     <br>
3217 |     <input type="text" class="topcoat-text-input" placeholder="text" value="" disabled>
3218 |     <br>
3219 |     <br>
3220 |     <input type="text" class="topcoat-text-input" placeholder="text" value="fail" pattern="not-fail">
3221 |   tags:
3222 |     - desktop
3223 |     - mobile
3224 |     - text
3225 |     - input
3226 | */
3227 | 
3228 | .topcoat-text-input,
3229 | .topcoat-text-input--large {
3230 |   line-height: 3rem;
3231 |   font-size: 16px;
3232 |   letter-spacing: 1px;
3233 |   padding: 0 1.25rem;
3234 |   border: 1px solid #333434;
3235 |   border-radius: 6px;
3236 |   background-color: #454646;
3237 |   box-shadow: inset 0 1px rgba(0,0,0,0.05);
3238 |   color: #c6c8c8;
3239 |   vertical-align: top;
3240 | }
3241 | 
3242 | .topcoat-text-input:focus,
3243 | .topcoat-text-input--large:focus {
3244 |   background-color: #595b5b;
3245 |   color: #fff;
3246 |   border: 1px solid #0036ff;
3247 |   box-shadow: 0 0 0 2px #6fb5f1;
3248 | }
3249 | 
3250 | .topcoat-text-input:disabled::-webkit-input-placeholder {
3251 |   color: #fff;
3252 | }
3253 | 
3254 | .topcoat-text-input:disabled::-moz-placeholder {
3255 |   color: #fff;
3256 | }
3257 | 
3258 | .topcoat-text-input:disabled:-ms-input-placeholder {
3259 |   color: #fff;
3260 | }
3261 | 
3262 | .topcoat-text-input:invalid {
3263 |   border: 1px solid #ec514e;
3264 | }
3265 | 
3266 | /* topdoc
3267 |   name: Large Text Input
3268 |   description: A bigger input, still for text.
3269 |   modifiers:
3270 |     :disabled: Disabled state
3271 |     :focus: Focused
3272 |     :invalid: Hover state
3273 |   markup:
3274 |     <input type="text" class="topcoat-text-input--large" value="" placeholder="text">
3275 |     <br>
3276 |     <br>
3277 |     <input type="text" class="topcoat-text-input--large" value="" placeholder="text" disabled>
3278 |     <br>
3279 |     <br>
3280 |     <input type="text" class="topcoat-text-input--large" placeholder="text" value="fail" pattern="not-fail">
3281 |   tags:
3282 |     - desktop
3283 |     - light
3284 |     - mobile
3285 |     - form
3286 |     - input
3287 |     - large
3288 | */
3289 | 
3290 | .topcoat-text-input--large {
3291 |   line-height: 4.375rem;
3292 |   font-size: 1.3rem;
3293 | }
3294 | 
3295 | .topcoat-text-input--large:disabled {
3296 |   color: #fff;
3297 | }
3298 | 
3299 | .topcoat-text-input--large:disabled::-webkit-input-placeholder {
3300 |   color: #fff;
3301 | }
3302 | 
3303 | .topcoat-text-input--large:disabled::-moz-placeholder {
3304 |   color: #fff;
3305 | }
3306 | 
3307 | .topcoat-text-input--large:disabled:-ms-input-placeholder {
3308 |   color: #fff;
3309 | }
3310 | 
3311 | .topcoat-text-input--large:invalid {
3312 |   border: 1px solid #ec514e;
3313 | }
3314 | 
3315 | /**
3316 | *
3317 | * Copyright 2012 Adobe Systems Inc.;
3318 | *
3319 | * Licensed under the Apache License, Version 2.0 (the "License");
3320 | * you may not use this file except in compliance with the License.
3321 | * You may obtain a copy of the License at
3322 | *
3323 | * http://www.apache.org/licenses/LICENSE-2.0
3324 | *
3325 | * Unless required by applicable law or agreed to in writing, software
3326 | * distributed under the License is distributed on an "AS IS" BASIS,
3327 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3328 | * See the License for the specific language governing permissions and
3329 | * limitations under the License.
3330 | *
3331 | */
3332 | 
3333 | /**
3334 | *
3335 | * Copyright 2012 Adobe Systems Inc.;
3336 | *
3337 | * Licensed under the Apache License, Version 2.0 (the "License");
3338 | * you may not use this file except in compliance with the License.
3339 | * You may obtain a copy of the License at
3340 | *
3341 | * http://www.apache.org/licenses/LICENSE-2.0
3342 | *
3343 | * Unless required by applicable law or agreed to in writing, software
3344 | * distributed under the License is distributed on an "AS IS" BASIS,
3345 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3346 | * See the License for the specific language governing permissions and
3347 | * limitations under the License.
3348 | *
3349 | */
3350 | 
3351 | .textarea {
3352 |   -moz-box-sizing: border-box;
3353 |   box-sizing: border-box;
3354 |   background-clip: padding-box;
3355 |   padding: 0;
3356 |   margin: 0;
3357 |   font: inherit;
3358 |   color: inherit;
3359 |   background: transparent;
3360 |   border: none;
3361 |   vertical-align: top;
3362 |   resize: none;
3363 |   outline: none;
3364 | }
3365 | 
3366 | .textarea:disabled {
3367 |   opacity: 0.3;
3368 |   cursor: default;
3369 |   pointer-events: none;
3370 | }
3371 | 
3372 | /**
3373 | *
3374 | * Copyright 2012 Adobe Systems Inc.;
3375 | *
3376 | * Licensed under the Apache License, Version 2.0 (the "License");
3377 | * you may not use this file except in compliance with the License.
3378 | * You may obtain a copy of the License at
3379 | *
3380 | * http://www.apache.org/licenses/LICENSE-2.0
3381 | *
3382 | * Unless required by applicable law or agreed to in writing, software
3383 | * distributed under the License is distributed on an "AS IS" BASIS,
3384 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3385 | * See the License for the specific language governing permissions and
3386 | * limitations under the License.
3387 | *
3388 | */
3389 | 
3390 | /**
3391 | *
3392 | * Copyright 2012 Adobe Systems Inc.;
3393 | *
3394 | * Licensed under the Apache License, Version 2.0 (the "License");
3395 | * you may not use this file except in compliance with the License.
3396 | * You may obtain a copy of the License at
3397 | *
3398 | * http://www.apache.org/licenses/LICENSE-2.0
3399 | *
3400 | * Unless required by applicable law or agreed to in writing, software
3401 | * distributed under the License is distributed on an "AS IS" BASIS,
3402 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
3403 | * See the License for the specific language governing permissions and
3404 | * limitations under the License.
3405 | *
3406 | */
3407 | 
3408 | .textarea,
3409 | .topcoat-textarea,
3410 | .topcoat-textarea--large {
3411 |   -moz-box-sizing: border-box;
3412 |   box-sizing: border-box;
3413 |   background-clip: padding-box;
3414 |   padding: 0;
3415 |   margin: 0;
3416 |   font: inherit;
3417 |   color: inherit;
3418 |   background: transparent;
3419 |   border: none;
3420 |   vertical-align: top;
3421 |   resize: none;
3422 |   outline: none;
3423 | }
3424 | 
3425 | .textarea:disabled,
3426 | .topcoat-textarea:disabled,
3427 | .topcoat-textarea--large:disabled {
3428 |   opacity: 0.3;
3429 |   cursor: default;
3430 |   pointer-events: none;
3431 | }
3432 | 
3433 | /* topdoc
3434 |   name: Textarea
3435 |   description: A whole area, just for text.
3436 |   modifiers:
3437 |     :disabled: Disabled state
3438 |   markup:
3439 |     <textarea class="topcoat-textarea" rows="6" cols="36" placeholder="Textarea"></textarea>
3440 |     <br>
3441 |     <br>
3442 |     <textarea class="topcoat-textarea" rows="6" cols="36" placeholder="Textarea" disabled></textarea>
3443 |   tags:
3444 |     - desktop
3445 |     - light
3446 |     - mobile
3447 |     - form
3448 |     - input
3449 |     - textarea
3450 | */
3451 | 
3452 | .topcoat-textarea,
3453 | .topcoat-textarea--large {
3454 |   padding: 2rem;
3455 |   font-size: 2.5rem;
3456 |   font-weight: 400;
3457 |   border-radius: 6px;
3458 |   line-height: 3rem;
3459 |   border: 1px solid #333434;
3460 |   background-color: #454646;
3461 |   box-shadow: inset 0 1px rgba(0,0,0,0.05);
3462 |   color: #c6c8c8;
3463 |   letter-spacing: 1px;
3464 | }
3465 | 
3466 | .topcoat-textarea:focus,
3467 | .topcoat-textarea--large:focus {
3468 |   background-color: #595b5b;
3469 |   color: #fff;
3470 |   border: 1px solid #0036ff;
3471 |   box-shadow: 0 0 0 2px #6fb5f1;
3472 | }
3473 | 
3474 | .topcoat-textarea:disabled::-webkit-input-placeholder {
3475 |   color: #fff;
3476 | }
3477 | 
3478 | .topcoat-textarea:disabled::-moz-placeholder {
3479 |   color: #fff;
3480 | }
3481 | 
3482 | .topcoat-textarea:disabled:-ms-input-placeholder {
3483 |   color: #fff;
3484 | }
3485 | 
3486 | /* topdoc
3487 |   name: Large Textarea
3488 |   description: A whole area, just for text; now available in large.
3489 |   modifiers:
3490 |     :disabled: Disabled state
3491 |   markup:
3492 |     <textarea class="topcoat-textarea--large" rows="6" cols="36" placeholder="Textarea"></textarea>
3493 |     <br>
3494 |     <br>
3495 |     <textarea class="topcoat-textarea--large" rows="6" cols="36" placeholder="Textarea" disabled></textarea>
3496 |   tags:
3497 |     - desktop
3498 |     - light
3499 |     - mobile
3500 |     - form
3501 |     - input
3502 |     - textarea
3503 | */
3504 | 
3505 | .topcoat-textarea--large {
3506 |   font-size: 3rem;
3507 |   line-height: 4.375rem;
3508 | }
3509 | 
3510 | .topcoat-textarea--large:disabled {
3511 |   color: #fff;
3512 | }
3513 | 
3514 | .topcoat-textarea--large:disabled::-webkit-input-placeholder {
3515 |   color: #fff;
3516 | }
3517 | 
3518 | .topcoat-textarea--large:disabled::-moz-placeholder {
3519 |   color: #fff;
3520 | }
3521 | 
3522 | .topcoat-textarea--large:disabled:-ms-input-placeholder {
3523 |   color: #fff;
3524 | }
3525 | 
3526 | @font-face {
3527 |   font-family: "Source Sans";
3528 |   src: url("../font/SourceSansPro-Regular.otf");
3529 | }
3530 | 
3531 | @font-face {
3532 |   font-family: "Source Sans";
3533 |   src: url("../font/SourceSansPro-Light.otf");
3534 |   font-weight: 200;
3535 | }
3536 | 
3537 | @font-face {
3538 |   font-family: "Source Sans";
3539 |   src: url("../font/SourceSansPro-Semibold.otf");
3540 |   font-weight: 600;
3541 | }
3542 | 
3543 | body {
3544 |   margin: 0;
3545 |   padding: 0;
3546 |   background: #4b4d4e;
3547 |   color: #000;
3548 |   font: 16px "Source Sans", helvetica, arial, sans-serif;
3549 |   font-weight: 400;
3550 | }
3551 | 
3552 | :focus {
3553 |   outline-color: transparent;
3554 |   outline-style: none;
3555 | }
3556 | 
3557 | .topcoat-icon--menu-stack {
3558 |   background: url("../img/hamburger_light.svg") no-repeat;
3559 |   background-size: cover;
3560 | }
3561 | 
3562 | .quarter {
3563 |   width: 25%;
3564 | }
3565 | 
3566 | .half {
3567 |   width: 50%;
3568 | }
3569 | 
3570 | .three-quarters {
3571 |   width: 75%;
3572 | }
3573 | 
3574 | .third {
3575 |   width: 33.333%;
3576 | }
3577 | 
3578 | .two-thirds {
3579 |   width: 66.666%;
3580 | }
3581 | 
3582 | .full {
3583 |   width: 100%;
3584 | }
3585 | 
3586 | .left {
3587 |   text-align: left;
3588 | }
3589 | 
3590 | .center {
3591 |   text-align: center;
3592 | }
3593 | 
3594 | .right {
3595 |   text-align: right;
3596 | }
3597 | 
3598 | .reset-ui {
3599 |   -moz-box-sizing: border-box;
3600 |   box-sizing: border-box;
3601 |   background-clip: padding-box;
3602 |   position: relative;
3603 |   display: inline-block;
3604 |   vertical-align: top;
3605 |   padding: 0;
3606 |   margin: 0;
3607 |   font: inherit;
3608 |   color: inherit;
3609 |   background: transparent;
3610 |   border: none;
3611 |   cursor: default;
3612 |   -webkit-user-select: none;
3613 |   -moz-user-select: none;
3614 |   -ms-user-select: none;
3615 |   user-select: none;
3616 |   text-overflow: ellipsis;
3617 |   white-space: nowrap;
3618 |   overflow: hidden;
3619 | }
3620 | 
3621 | /* This file should include color and image variables corresponding to the dark theme */
3622 | 
3623 | /* ---------- colors ---------- */
3624 | 
3625 | /* ---------- darken ---------- */
3626 | 
3627 | /* ---------- lighten ---------- */
3628 | 
3629 | /* ---------- alphas ---------- */
3630 | 
3631 | /* ---------- thickness ---------- */
3632 | 
3633 | /* ---------- shadows ---------- */
3634 | 
3635 | /* Icons */
3636 | 
3637 | /* Navigation Bar */
3638 | 
3639 | /* Text Input */
3640 | 
3641 | /* List */
3642 | 
3643 | /* Overlay */
3644 | 
3645 | /* Progress bar */
3646 | 
3647 | /* Checkbox */
3648 | 
3649 | /* Range input */
3650 | 
3651 | /* Radio Button */
3652 | 
3653 | /* Tab bar */
3654 | 
3655 | /* Switch */
3656 | 
3657 | /* Icon Button */
3658 | 
3659 | /* Navigation bar */
3660 | 
3661 | /* List */
3662 | 
3663 | /* Search Input */
3664 | 
3665 | /* Textarea */
3666 | 
3667 | /* Checkbox */
3668 | 
3669 | /* Radio */
3670 | 
3671 | /* Range input */
3672 | 
3673 | /* Search Input */
3674 | 
3675 | /* Switch */
3676 | 
3677 | /* This file should include color and image variables corresponding to the light theme */
3678 | 
3679 | /* ---------- colors ---------- */
3680 | 
3681 | /* ---------- darken ---------- */
3682 | 
3683 | /* ---------- lighten ---------- */
3684 | 
3685 | /* ---------- alphas ---------- */
3686 | 
3687 | /* ---------- thickness ---------- */
3688 | 
3689 | /* ---------- shadows ---------- */
3690 | 
3691 | /* Secondary colors (based on colors above)
3692 | 
3693 | Everything below this line should be calculated using the variables above. This area is for people that want to totally customize everything. Have fun, bros!
3694 | 
3695 | */
3696 | 
3697 | /* Icons */
3698 | 
3699 | /* Navigation Bar */
3700 | 
3701 | /* Text Input */
3702 | 
3703 | /* List */
3704 | 
3705 | /* Overlay */
3706 | 
3707 | /* Progress bar */
3708 | 
3709 | /* Checkbox */
3710 | 
3711 | /* Range input */
3712 | 
3713 | /* Radio Button */
3714 | 
3715 | /* Tab bar */
3716 | 
3717 | /* Switch */
3718 | 
3719 | /* Containers */
3720 | 
3721 | /* Icon Button */
3722 | 
3723 | /* Navigation bar */
3724 | 
3725 | /* List */
3726 | 
3727 | /* Search Input */
3728 | 
3729 | /* Text Area */
3730 | 
3731 | /* Checkbox */
3732 | 
3733 | /* Radio */
3734 | 
3735 | /* Range input */
3736 | 
3737 | /* Search Input */
3738 | 
3739 | /* Switch */
3740 | 
3741 | /* Call To Action */
3742 | 
3743 | /* Text Input */
3744 | 
3745 | /* Radio input */
3746 | 
3747 | /* Overlay */
3748 | 
3749 | /* Textarea */
3750 | 
3751 | /* Progress bar container */
3752 | 
3753 | /* Progress bar progress */
3754 | 
3755 | /* Switch */
3756 | 
3757 | /* Notification */
3758 | 
3759 | /* Search */


--------------------------------------------------------------------------------
/sample/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/microsoft/cordova-plugin-ms-appinsights/b5887ab3f6c863eb546b5dcfd8761cfe1fc78e80/sample/img/logo.png


--------------------------------------------------------------------------------
/sample/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <!--
 3 |     Licensed to the Apache Software Foundation (ASF) under one
 4 |     or more contributor license agreements.  See the NOTICE file
 5 |     distributed with this work for additional information
 6 |     regarding copyright ownership.  The ASF licenses this file
 7 |     to you under the Apache License, Version 2.0 (the
 8 |     "License"); you may not use this file except in compliance
 9 |     with the License.  You may obtain a copy of the License at
10 | 
11 |     http://www.apache.org/licenses/LICENSE-2.0
12 | 
13 |     Unless required by applicable law or agreed to in writing,
14 |     software distributed under the License is distributed on an
15 |     "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
16 |      KIND, either express or implied.  See the License for the
17 |     specific language governing permissions and limitations
18 |     under the License.
19 | -->
20 | <html>
21 | <head>
22 |     <!--<meta charset="utf-8" />
23 |     <meta name="format-detection" content="telephone=no" />
24 |     <meta name="msapplication-tap-highlight" content="no" />-->
25 |     <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
26 |     <!--<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />-->
27 |     <meta charset="utf-8">
28 |     <meta http-equiv="X-UA-Compatible" cont>
29 |     <title>AppInsights demo</title>
30 |     <link rel="stylesheet" type="text/css" href="css/topcoat-mobile-dark.css">
31 |     <link rel="stylesheet" type="text/css" href="css/style.css">
32 | </head>
33 | <body>
34 |     <div class="topcoat-navigation-bar three-quarters">
35 |         <div class="topcoat-navigation-bar__item left quarter">
36 |             <a id="slide-menu-button" class="slide-menu-button">
37 |                 <span class="topcoat-icon topcoat-icon--menu-stack"></span>
38 |             </a>
39 |         </div>
40 |         <div class="topcoat-navigation-bar__item center half">
41 |             <h1 class="topcoat-navigation-bar__title">Azure ApplicationInsights sample</h1>
42 |         </div>
43 |     </div>
44 |     
45 |     <nav class="side-nav">
46 |         <div class="topcoat-list__container side-nav__list__container">
47 |             <ul class="topcoat-list side-nav__list">
48 | 
49 |                 <li class="topcoat-list__item side-nav__list__item">
50 |                     <a href="#" class="side-nav__button" id="trackSingleEvent">Track single event</a>
51 |                 </li>
52 | 
53 |                 <li class="topcoat-list__item side-nav__list__item">
54 |                     <a href="#" class="side-nav__button" id="trackTimedEvent">Track timed event</a>
55 |                 </li>
56 | 
57 |                 <li class="topcoat-list__item side-nav__list__item">
58 |                     <a href="#" class="side-nav__button" id="trackMetric">Track metric (battery)</a>
59 |                 </li>
60 | 
61 |                 <li class="topcoat-list__item side-nav__list__item">
62 |                     <a href="#" class="side-nav__button" id="trackException">Track exception</a>
63 |                 </li>
64 |             </ul>
65 |         </div>
66 |     </nav>
67 | 
68 |     <div class="main-content">
69 |         <div class="topcoat-list__container scroller">
70 |             <ul class="topcoat-list list" id="log-area"></ul>
71 |         </div>
72 |     </div>
73 |     
74 |     <script type="text/javascript" src="js/index.js"></script>
75 |     <script type="text/javascript" src="cordova.js"></script>
76 |     <script>
77 |         app.initialize();
78 |     </script>
79 | 
80 | </body>
81 | 
82 | </html>
83 | 


--------------------------------------------------------------------------------
/sample/js/index.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Licensed to the Apache Software Foundation (ASF) under one
  3 |  * or more contributor license agreements.  See the NOTICE file
  4 |  * distributed with this work for additional information
  5 |  * regarding copyright ownership.  The ASF licenses this file
  6 |  * to you under the Apache License, Version 2.0 (the
  7 |  * "License"); you may not use this file except in compliance
  8 |  * with the License.  You may obtain a copy of the License at
  9 |  *
 10 |  * http://www.apache.org/licenses/LICENSE-2.0
 11 |  *
 12 |  * Unless required by applicable law or agreed to in writing,
 13 |  * software distributed under the License is distributed on an
 14 |  * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 15 |  * KIND, either express or implied.  See the License for the
 16 |  * specific language governing permissions and limitations
 17 |  * under the License.
 18 |  */
 19 | 
 20 | /* global appInsights */
 21 | 
 22 | var app = {
 23 |     // Application Constructor
 24 |     initialize: function () {
 25 |         document.addEventListener('deviceready', function () {
 26 |             app.bindEvents();
 27 |             app.onDeviceReady();
 28 |         });
 29 |     },
 30 | 
 31 |     // Bind Event Listeners
 32 |     bindEvents: function () {
 33 | 
 34 |         var batteryEvents = ["batterystatus", "batterycritical", "batterylow"];
 35 |         var networkEvents = ["online", "offline"];
 36 | 
 37 |         // bind battery and network status event handlers
 38 |         batteryEvents.concat(networkEvents).forEach(function (eventname) {
 39 |             document.addEventListener(eventname, function (event) {
 40 |                 // track each event to AppInsights API
 41 |                 appInsights.trackEvent(eventname, event);
 42 |             });
 43 |             app.log('Bound listener for ' + eventname);
 44 |         });
 45 | 
 46 |         // Bind battery level to app object property to be able to track it as app metric
 47 |         document.addEventListener('batterystatus', function(evt) {
 48 |             app.batteryLevel = evt.level;
 49 |         });
 50 | 
 51 |         document.getElementById('trackSingleEvent').addEventListener('click', function () {
 52 |             app.log("Button 'trackSingleEvent' clicked");
 53 | 
 54 |             var eventData = { ButtonId: "trackSingleEvent", Timestamp: new Date() };
 55 |             appInsights.trackEvent('click', eventData);
 56 |         });
 57 | 
 58 |         document.getElementById('trackTimedEvent').addEventListener('click', function() {
 59 |             app.log("Button 'trackTimedEvent' clicked");
 60 | 
 61 |             appInsights.startTrackEvent("timeout");
 62 |             var timeout = Math.random(5000, 10000);
 63 |             setTimeout(function () {
 64 |                 var eventData = { ButtonId: "trackTimedEvent", Timestamp: new Date(), TrackedTimeout: timeout };
 65 |                 appInsights.stopTrackEvent("timeout", eventData);
 66 |             }, timeout);
 67 |         });
 68 | 
 69 |         document.getElementById('trackMetric').addEventListener('click', function() {
 70 |             app.log("Button 'trackMetric' clicked");
 71 |             appInsights.trackMetric('battery', app.batteryLevel || null );
 72 |         });
 73 | 
 74 |         document.getElementById('trackException').addEventListener('click', function () {
 75 |             app.log("Button 'trackException' clicked");
 76 | 
 77 |             try {
 78 |                 throw new Error("Sample Error");
 79 |             } catch (err) {
 80 |                 appInsights.trackException(err);
 81 |             }
 82 |         });
 83 | 
 84 |         function toggleMenu() {
 85 |             // menu must be always shown on desktop/tablet
 86 |             if (document.body.clientWidth > 600) return;
 87 |             var cl = document.body.classList;
 88 |             if (cl.contains('left-nav')) { cl.remove('left-nav'); }
 89 |             else { cl.add('left-nav'); }
 90 |         }
 91 | 
 92 |         document.getElementById('slide-menu-button').addEventListener('click', toggleMenu);
 93 |     },
 94 | 
 95 |     // deviceready Event Handler
 96 |     onDeviceReady: function () {
 97 | 
 98 |         appInsights.trackPageView();
 99 |         var eventData = { Timestamp: new Date() };
100 |         appInsights.trackEvent('deviceready', eventData);
101 |         app.log("Cordova initialized, 'deviceready' event was fired");
102 | 
103 |     },
104 | 
105 |     // Update DOM on a Received Event
106 |     receivedEvent: function (id) {
107 |         var parentElement = document.getElementById(id);
108 |         var listeningElement = parentElement.querySelector('.listening');
109 |         var receivedElement = parentElement.querySelector('.received');
110 | 
111 |         listeningElement.setAttribute('style', 'display:none;');
112 |         receivedElement.setAttribute('style', 'display:block;');
113 | 
114 |         console.log('Received Event: ' + id);
115 |     },
116 | 
117 |     // Logs data to application's log area and AppEvents endpoint
118 |     log: function (message, isError) {
119 | 
120 |         if (!app.logArea) app.logArea = document.getElementById("log-area");
121 | 
122 |         if (app.logArea) {
123 |             isError ? console.error(message) : console.log(message);
124 |             var logItem = document.createElement('li');
125 |             logItem.classList.add("topcoat-list__item");
126 |             isError && logItem.classList.add("error-item");
127 |             var timestamp = new Date().toLocaleTimeString();
128 |             logItem.innerHTML = ('<span class="timestamp">' + timestamp + ': </span>' + message);
129 |             app.logArea.insertBefore(logItem, app.logArea.firstChild);
130 |             appInsights.trackTrace(message, { Verbosity: isError ? "error" : "verbose", Timestamp: timestamp });
131 |         }
132 |     },
133 | 
134 |     error: function (message) {
135 |         app.log(message, true);
136 |     }
137 | };
138 | 


--------------------------------------------------------------------------------
/scripts/appinsights_before_prepare.js:
--------------------------------------------------------------------------------
 1 | /*
 2 | Copyright (c) Microsoft Open Technologies, Inc.  All Rights Reserved.
 3 | Licensed under the Apache License, Version 2.0.  See License.txt in the project root for license information.
 4 | */
 5 | 
 6 | /*jshint node: true*/
 7 | 
 8 | module.exports = function (ctx) {
 9 | 
10 |     var ConfigParser = ctx.requireCordovaModule('../configparser/ConfigParser');
11 |     var path = ctx.requireCordovaModule('path');
12 |     var shell = ctx.requireCordovaModule('shelljs');
13 | 
14 |     var pluginConfigFile = path.resolve(ctx.opts.plugin.dir, 'www', 'AppInsights.js');
15 |     var projectConfigXml = new ConfigParser(path.join(ctx.opts.projectRoot, 'config.xml'));
16 |     var instrKey = projectConfigXml.getGlobalPreference('instrumentation_key');
17 | 
18 |     console.log("Replacing 'instrumentationKey' parameter in plugin");
19 | 
20 |     if (instrKey) {
21 |         // replace instrumentation key stub with provided value
22 |         console.log("Replacing 'instrumentationKey' parameter in plugin");
23 |         shell.sed('-i',
24 |             /instrumentationKey:\s"(.*?)"/g,
25 |             'instrumentationKey: "' + instrKey + '"',
26 |             pluginConfigFile);
27 |     }
28 | };
29 | 


--------------------------------------------------------------------------------
/www/AppInsights.d.ts:
--------------------------------------------------------------------------------
 1 | interface config {
 2 |     /**
 3 |     * Sets the instrumentation key
 4 |     */
 5 |     instrumentationKey: string;
 6 | 
 7 |     /**
 8 |     *  Expedits telemetry so that results can be seen immediately (Use this during debugging).
 9 |     */
10 |     enableDebug: boolean;
11 | }
12 | 
13 | /**
14 | * Application Insights instance
15 | */
16 | interface appInsights {
17 |     config: config;
18 | 
19 |     /**
20 |      * Starts timing how long the user views a page or other item. Call this when the page opens.
21 |      * This method doesn't send any telemetry. Call {@link stopTrackTelemetry} to log the page when it closes.
22 |      * @param   name  A string that idenfities this item, unique within this HTML document. Defaults to the document title.
23 |      */
24 |     startTrackPage(name?: string): void;
25 |     /**
26 |      * Logs how long a page or other item was visible, after {@link startTrackPage}. Call this when the page closes.
27 |      * @param   name  The string you used as the name in startTrackPage. Defaults to the document title.
28 |      * @param   url   String - a relative or absolute URL that identifies the page or other item. Defaults to the window location.
29 |      * @param   properties {key : 'value'} - additional data used to filter pages and metrics in the portal. Defaults to empty.
30 |      * @param   measurements {key : 'value'} - metrics associated with this page, displayed in Metrics Explorer on the portal. Defaults to empty.
31 |      */
32 |     stopTrackPage(name?: string, url?: string, properties?: Object, measurements?: Object): void;
33 |     /**
34 |      * Logs that a page or other item was viewed.
35 |      * @param   name  The string you used as the name in startTrackPage. Defaults to the document title.
36 |      * @param   url   String - a relative or absolute URL that identifies the page or other item. Defaults to the window location.
37 |      * @param   properties  {key : 'value'} - additional data used to filter pages and metrics in the portal. Defaults to empty.
38 |      * @param   measurements    {key : 'value'} - metrics associated with this page, displayed in Metrics Explorer on the portal. Defaults to empty.
39 |      */
40 |     trackPageView(name?: string, url?: string, properties?: Object, measurements?: Object): void;
41 |     /**
42 |      * Start timing an extended event. Call {@link stopTrackEvent} to log the event when it ends.
43 |      * @param   name    A string that identifies this event uniquely within the document.
44 |      */
45 |     startTrackEvent(name: string): void;
46 |     /**
47 |      * Log an extended event that you started timing with {@link startTrackEvent}.
48 |      * @param   name    The string you used to identify this event in startTrackEvent.
49 |      * @param   properties  {key : 'value'} - additional data used to filter events and metrics in the portal. Defaults to empty.
50 |      * @param   measurements    {key : 'value'} - metrics associated with this event, displayed in Metrics Explorer on the portal. Defaults to empty.
51 |      */
52 |     stopTrackEvent(name: string, properties?: Object, measurements?: Object): void;
53 |     /**
54 |      * Log a user action or other occurrence.
55 |      * @param   name    A string to identify this event in the portal.
56 |      * @param   properties  {key : 'value'} - additional data used to filter events and metrics in the portal. Defaults to empty.
57 |      * @param   measurements    {key : 'value'} - metrics associated with this event, displayed in Metrics Explorer on the portal. Defaults to empty.
58 |      */
59 |     trackEvent(name: string, properties?: Object, measurements?: Object): void;
60 |     /**
61 |      * Log an exception you have caught.
62 |      * @param   exception   An Error from a catch clause, or the string error message.
63 |      * @param   properties  {key : 'value'} - additional data used to filter events and metrics in the portal. Defaults to empty.
64 |      * @param   measurements    {key : 'value'} - metrics associated with this event, displayed in Metrics Explorer on the portal. Defaults to empty.
65 |      */
66 |     trackException(exception: Error, handledAt?: string, properties?: Object, measurements?: Object): void;
67 |     /**
68 |      * Log a numeric value that is not associated with a specific event. Typically used to send regular reports of performance indicators.
69 |      * To send a single measurement, use just the first two parameters. If you take measurements very frequently, you can reduce the
70 |      * telemetry bandwidth by aggregating multiple measurements and sending the resulting average at intervals.
71 |      * @param   name    A string that identifies the metric.
72 |      * @param   average Number representing either a single measurement, or the average of several measurements.
73 |      * @param   sampleCount The number of measurements represented by the average. Defaults to 1.
74 |      * @param   min The smallest measurement in the sample. Defaults to the average.
75 |      * @param   max The largest measurement in the sample. Defaults to the average.
76 |      */
77 |     trackMetric(name: string, average: number, sampleCount?: number, min?: number, max?: number): void;
78 | }
79 | 
80 | interface Window {
81 |     /**
82 |     * Application Insights instance
83 |     */
84 |     appInsights: appInsights;
85 | }
86 | 
87 | declare var appInsights: appInsights;


--------------------------------------------------------------------------------
/www/AppInsights.js:
--------------------------------------------------------------------------------
 1 | 
 2 | /*
 3 | Copyright (c) Microsoft Open Technologies, Inc.  All Rights Reserved.
 4 | Licensed under the Apache License, Version 2.0.  See License.txt in the project root for license information.
 5 | */
 6 | 
 7 | /*global module*/
 8 | 
 9 | var appInsightsConfig = {
10 |     // To override this stub there is a three ways
11 |     // * pass --variable INSTRUMENTATION_KEY=<your_key> to `cordova plugin add` command
12 |     //      - THIS DOESN'T WORK YET DUE TO ISSUE WITH CORDOVA-LIB
13 |     //
14 |     // * add <preference name="instrumentation_key" value="<your_key>"> to config.xml at the root of project
15 |     // * update this file manually
16 |     instrumentationKey: "PASTE_YOUR_KEY_HERE_!!!",
17 |     // Need to specify this explicitly, because default value doesn't provide URL scheme
18 |     endpointUrl: "https://dc.services.visualstudio.com/v2/track"
19 | };
20 | 
21 | document.addEventListener("deviceready", function () {
22 |     // When and if device plugin is initialized, set up the device context
23 |     if (device && appInsights && appInsights.context && appInsights.context.device) {
24 |         appInsights.context.device.osversion = device.version;
25 |         appInsights.context.device.os = device.platform;
26 |         appInsights.context.device.model = device.model;
27 |         appInsights.context.device.id = device.uuid;
28 |     }
29 | });
30 | 
31 | // Capture unhandled exceptions which are reported as crashes
32 | var originalOnError = window.onerror;
33 | window.onerror = function (message, url, lineNumber, columnNumber, error) {
34 |     // if there was a pre-existing handler, invoke it here
35 |     var handled = originalOnError && originalOnError(message, url, lineNumber, columnNumber, error);
36 | 
37 |     // if the pre-existing handler 'handled' the exception we don't need to process it
38 |     if (handled !== true) {
39 |         // otherwise, track in it in the SDK
40 |         appInsights._onerror(message, url, lineNumber, columnNumber, error);
41 |     }
42 | 
43 |     // On windows if window.onerror returns true, the application exits immediately
44 |     // so to properly report an exception we need to return true here
45 |     return (cordova.platformId === 'windows' || cordova.platformId === 'windows8') ? true : handled;
46 | };
47 | 
48 | module.exports = appInsightsConfig;
49 | 


--------------------------------------------------------------------------------
/www/AppInsights.lib.js:
--------------------------------------------------------------------------------
1 | function initializeAppInsights(){var n,r;if(typeof window!="undefined"&&typeof JSON!="undefined")if(n="appInsights",window[n]===undefined)Microsoft.ApplicationInsights.AppInsights.defaultConfig=Microsoft.ApplicationInsights.Initialization.getDefaultConfig();else{var u=window[n]||{},t=new Microsoft.ApplicationInsights.Initialization(u),i=t.loadAppInsights();for(r in i)u[r]=i[r];t.emptyQueue();t.pollInteralLogs(i)}}var __extends,AI,Microsoft;(function(n){(function(n){(function(n){n[n.CRITICAL=0]="CRITICAL";n[n.WARNING=1]="WARNING"})(n.LoggingSeverity||(n.LoggingSeverity={}));var i=n.LoggingSeverity,t=function(){function n(){}return n.throwInternalNonUserActionable=function(t,i){if(n.enableDebugExceptions())throw i;else n.warn(i),(n.verboseLogging()||t===0)&&this.queue.length<this.MAX_QUEUE_SIZE&&this.queue.push(n.AiNonUserActionable+i)},n.throwInternalUserActionable=function(t,i){if(n.enableDebugExceptions())throw i;else n.warn(i),(n.verboseLogging()||t===0)&&this.queue.length<this.MAX_QUEUE_SIZE&&this.queue.push(n.AiUserActionablePrefix+i)},n.warn=function(n){typeof console=="undefined"||!console||(typeof console.warn=="function"?console.warn(n):typeof console.log=="function"&&console.log(n))},n.AiUserActionablePrefix="AI: ",n.AiNonUserActionable="AI (Internal): ",n.MAX_QUEUE_SIZE=100,n.enableDebugExceptions=function(){return!1},n.verboseLogging=function(){return!1},n.queue=[],n}();n._InternalLogging=t})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights})(Microsoft||(Microsoft={})),function(n){(function(n){var t=function(){function n(){}return n.setCookie=function(t,i){n.document.cookie=t+"="+i+";path=/"},n.getCookie=function(t){var e="",f,u,r,i;if(t&&t.length)for(f=t+"=",u=n.document.cookie.split(";"),r=0;r<u.length;r++)if(i=u[r],i=n.trim(i),i&&i.indexOf(f)===0){e=i.substring(f.length,u[r].length);break}return e},n.trim=function(n){return n.replace(/^\s+|\s+$/g,"")},n.newGuid=function(){for(var u,n=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"],i="",t,r=0;r<4;r++)t=4294967296*Math.random()|0,i+=n[t&15]+n[t>>4&15]+n[t>>8&15]+n[t>>12&15]+n[t>>16&15]+n[t>>20&15]+n[t>>24&15]+n[t>>28&15];return u=n[8+Math.random()*4|0],i.substr(0,8)+"-"+i.substr(9,4)+"-4"+i.substr(13,3)+"-"+u+i.substr(16,3)+"-"+i.substr(19,12)},n.isArray=function(n){return Object.prototype.toString.call(n)==="[object Array]"},n.isError=function(n){return Object.prototype.toString.call(n)==="[object Error]"},n.isDate=function(n){return Object.prototype.toString.call(n)==="[object Date]"},n.toISOStringForIE8=function(t){if(n.isDate(t)){function i(n){var t=String(n);return t.length===1&&(t="0"+t),t}return Date.prototype.toISOString?t.toISOString():t.getUTCFullYear()+"-"+i(t.getUTCMonth()+1)+"-"+i(t.getUTCDate())+"T"+i(t.getUTCHours())+":"+i(t.getUTCMinutes())+":"+i(t.getUTCSeconds())+"."+String((t.getUTCMilliseconds()/1e3).toFixed(3)).slice(2,5)+"Z"}},n.msToTimeSpan=function(n){(isNaN(n)||n<0)&&(n=0);var t=""+n%1e3,i=""+Math.floor(n/1e3)%60,r=""+Math.floor(n/6e4)%60,u=""+Math.floor(n/36e5)%24;return t=t.length===1?"00"+t:t.length===2?"0"+t:t,i=i.length<2?"0"+i:i,r=r.length<2?"0"+r:r,u=u.length<2?"0"+u:u,u+":"+r+":"+i+"."+t},n.document=typeof document!="undefined"?document:{},n}();n.Util=t})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){(function(n){"use strict";var t=function(){function t(){}return t.serialize=function(n){var i=t._serializeObject(n,"root");return JSON.stringify(i)},t._serializeObject=function(i,r){var e="__aiCircularRefCheck",f={},u,s;if(!i)return n._InternalLogging.throwInternalUserActionable(0,"cannot serialize "+r+" because it is null or undefined"),f;if(i[e])return n._InternalLogging.throwInternalUserActionable(1,"Circular reference detected while serializing: '"+r),f;if(!i.aiDataContract){if(r==="measurements")f=t._serializeStringMap(i,"number",r);else if(r==="properties")f=t._serializeStringMap(i,"string",r);else if(r==="tags")f=t._serializeStringMap(i,"string",r);else if(n.Util.isArray(i))f=t._serializeArray(i,r);else{n._InternalLogging.throwInternalUserActionable(1,"Attempting to serialize an object which does not implement ISerializable: "+r);try{JSON.stringify(i);f=i}catch(o){n._InternalLogging.throwInternalUserActionable(0,o&&typeof o.toString=="function"?o.toString():"Error serializing object")}}return f}i[e]=!0;for(u in i.aiDataContract){var h=i.aiDataContract[u],c=typeof h!="boolean",l=i[u]!==undefined,a=typeof i[u]=="object"&&i[u]!==null;if(h&&!l&&!c){n._InternalLogging.throwInternalUserActionable(0,"Missing required field specification: The field '"+u+"' is required but not present on source");continue}s=a?c?t._serializeArray(i[u],u):t._serializeObject(i[u],u):i[u];s!==undefined&&(f[u]=s)}return delete i[e],f},t._serializeArray=function(i,r){var f=undefined,u,e,o;if(!!i)if(n.Util.isArray(i))for(f=[],u=0;u<i.length;u++)e=i[u],o=t._serializeObject(e,r+"["+u+"]"),f.push(o);else n._InternalLogging.throwInternalUserActionable(0,"This field was specified as an array in the contract but the item is not an array.\r\n"+r);return f},t._serializeStringMap=function(t,i,r){var u=undefined,f,e,o;if(t){u={};for(f in t)e=t[f],i==="string"?u[f]=e===undefined?"undefined":e===null?"null":e.toString?e.toString():"invalid field: toString() is not defined.":i==="number"?e===undefined?u[f]="undefined":e===null?u[f]="null":(o=parseFloat(e),u[f]=isNaN(o)?"NaN":o):(u[f]="invalid field: "+r+" is of unknown type.",n._InternalLogging.throwInternalUserActionable(0,u[f]))}return u},t}();n.Serializer=t})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){(function(n){"use strict";var t=function(){function n(){}return n}();n.Base=t})(n.Telemetry||(n.Telemetry={}));var t=n.Telemetry}(Microsoft||(Microsoft={})),function(n){(function(n){"use strict";var t=function(){function n(){this.ver=1;this.sampleRate=100;this.tags={}}return n}();n.Envelope=t})(n.Telemetry||(n.Telemetry={}));var t=n.Telemetry}(Microsoft||(Microsoft={}));__extends=this.__extends||function(n,t){function r(){this.constructor=n}for(var i in t)t.hasOwnProperty(i)&&(n[i]=t[i]);r.prototype=t.prototype;n.prototype=new r},function(n){(function(t){(function(t){(function(t){"use strict";var i=function(n){function t(t,i){n.call(this);this.name=i;this.data=t;this.aiDataContract={time:!0,iKey:!0,name:!0,tags:!0,data:!0}}return __extends(t,n),t}(n.Telemetry.Envelope);t.Envelope=i})(t.Common||(t.Common={}));var i=t.Common})(t.Telemetry||(t.Telemetry={}));var i=t.Telemetry})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){(function(t){(function(t){(function(t){"use strict";var i=function(n){function t(){n.apply(this,arguments);this.aiDataContract={}}return __extends(t,n),t}(n.Telemetry.Base);t.Base=i})(t.Common||(t.Common={}));var i=t.Common})(t.Telemetry||(t.Telemetry={}));var i=t.Telemetry})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){"use strict";var t=function(){function n(){this.applicationVersion="ai.application.ver";this.deviceId="ai.device.id";this.deviceIp="ai.device.ip";this.deviceLanguage="ai.device.language";this.deviceLocale="ai.device.locale";this.deviceModel="ai.device.model";this.deviceNetwork="ai.device.network";this.deviceOEMName="ai.device.oemName";this.deviceOS="ai.device.os";this.deviceOSVersion="ai.device.osVersion";this.deviceRoleInstance="ai.device.roleInstance";this.deviceRoleName="ai.device.roleName";this.deviceScreenResolution="ai.device.screenResolution";this.deviceType="ai.device.type";this.deviceMachineName="ai.device.machineName";this.locationIp="ai.location.ip";this.operationId="ai.operation.id";this.operationName="ai.operation.name";this.operationParentId="ai.operation.parentId";this.operationRootId="ai.operation.rootId";this.sessionId="ai.session.id";this.sessionIsFirst="ai.session.isFirst";this.sessionIsNew="ai.session.isNew";this.userAccountAcquisitionDate="ai.user.accountAcquisitionDate";this.userAccountId="ai.user.accountId";this.userAgent="ai.user.userAgent";this.userId="ai.user.id";this.sampleRate="ai.sample.sampleRate";this.internalSdkVersion="ai.internal.sdkVersion";this.internalAgentVersion="ai.internal.agentVersion"}return n}();n.ContextTagKeys=t}(AI||(AI={})),function(n){(function(n){(function(n){"use strict";var t=function(){function n(){}return n}();n.Application=t})(n.Context||(n.Context={}));var t=n.Context})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){(function(n){(function(n){"use strict";var t=function(){function n(){this.id="browser";typeof screen!="undefined"&&screen.width&&screen.height&&(this.resolution=screen.width+"X"+screen.height);this.locale=typeof screen!="undefined"&&navigator.browserLanguage?navigator.browserLanguage:"unknown"}return n}();n.Device=t})(n.Context||(n.Context={}));var t=n.Context})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){(function(n){(function(t){"use strict";var i=function(){function t(){this.sdkVersion=n.Version}return t}();t.Internal=i})(n.Context||(n.Context={}));var t=n.Context})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){(function(n){(function(n){"use strict";var t=function(){function n(){}return n}();n.Location=t})(n.Context||(n.Context={}));var t=n.Context})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){(function(n){(function(t){"use strict";var i=function(){function t(){this.id=n.Util.newGuid()}return t}();t.Operation=i})(n.Context||(n.Context={}));var t=n.Context})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){(function(n){(function(n){"use strict";var t=function(){function n(){}return n}();n.Sample=t})(n.Context||(n.Context={}));var t=n.Context})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){(function(n){(function(t){"use strict";var i=function(){function t(i){var u,r,f,e;i||(i={});typeof i.sessionExpirationMs=="function"||(i.sessionExpirationMs=function(){return t.acquisitionSpan});typeof i.sessionRenewalMs=="function"||(i.sessionRenewalMs=function(){return t.renewalSpan});this.config=i;u=n.Util.getCookie("ai_session");u&&typeof u.split=="function"&&(r=u.split("|"),r.length>0&&(this.id=r[0]),r.length>1&&(f=r[1],this.acquisitionDate=+new Date(f),this.acquisitionDate=this.acquisitionDate>0?this.acquisitionDate:0),r.length>2&&(e=r[2],this.renewalDate=+new Date(e),this.renewalDate=this.renewalDate>0?this.renewalDate:0));this.id||(this.renew(),this.isNewSession=!0,this.isFirst=!0)}return t.prototype.update=function(){var n=+new Date,t=n-this.acquisitionDate>this.config.sessionExpirationMs(),i=n-this.renewalDate>this.config.sessionRenewalMs();this.isFirst=undefined;t||i?(this.renew(),this.isNewSession=!0):(this.renewalDate=+new Date,this.setCookie(this.id,this.acquisitionDate,this.renewalDate),this.isNewSession=!1)},t.prototype.renew=function(){this.id=n.Util.newGuid();var t=+new Date;this.acquisitionDate=t;this.renewalDate=t;this.setCookie(this.id,this.acquisitionDate,this.renewalDate)},t.prototype.setCookie=function(t,i,r){var u=n.Util.toISOStringForIE8(new Date(i)),f=n.Util.toISOStringForIE8(new Date(r)),e=[t,u,f];n.Util.setCookie("ai_session",e.join("|"))},t.acquisitionSpan=864e5,t.renewalSpan=18e5,t}();t.Session=i})(n.Context||(n.Context={}));var t=n.Context})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){(function(n){(function(t){"use strict";var i=function(){function t(t){var f=n.Util.getCookie("ai_user"),r,i,u,e,o;f&&(r=f.split("|"),r.length>0&&(this.id=r[0]));this.id||(this.id=n.Util.newGuid(),i=new Date,u=n.Util.toISOStringForIE8(i),this.accountAcquisitionDate=u,e=365,i.setTime(i.getTime()+e*864e5),o=[this.id,u],n.Util.setCookie("ai_user",o.join("|")+";expires="+i.toUTCString()));this.accountId=t}return t}();t.User=i})(n.Context||(n.Context={}));var t=n.Context})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){(function(n){"use strict";var t=function(){function t(n){if(this._buffer=[],this._lastSend=0,this._config=n,this._sender=null,typeof XMLHttpRequest!="undefined"){var t=new XMLHttpRequest;"withCredentials"in t?this._sender=this._xhrSender:typeof XDomainRequest!="undefined"&&(this._sender=this._xdrSender)}}return t.prototype.send=function(t){var r=this,i;if(!this._config.disableTelemetry()){if(!t){n._InternalLogging.throwInternalUserActionable(1,"Cannot send empty telemetry");return}if(!this._sender){n._InternalLogging.warn("No sender could be constructed for this environment, payload will be added to buffer."+n.Serializer.serialize(t));return}i=n.Serializer.serialize(t);this._getSizeInBytes(this._buffer)+i.length>this._config.maxBatchSizeInBytes()&&this.triggerSend();this._buffer.push(i);this._timeoutHandle||(this._timeoutHandle=setTimeout(function(){r._timeoutHandle=null;r.triggerSend()},this._config.maxBatchInterval()))}},t.prototype._getSizeInBytes=function(n){var r=0,t,i;if(n&&n.length)for(t=0;t<n.length;t++)i=n[t],i&&i.length&&(r+=i.length);return r},t.prototype.triggerSend=function(){if(!this._config.disableTelemetry()){if(this._buffer.length){var n="["+this._buffer.join(",")+"]";this._sender(n)}this._lastSend=+new Date}this._buffer.length=0;clearTimeout(this._timeoutHandle);this._timeoutHandle=null},t.prototype._xhrSender=function(n){var i=new XMLHttpRequest;i.open("POST",this._config.endpointUrl(),!0);i.setRequestHeader("Content-type","application/json");i.onreadystatechange=function(){return t._xhrReadyStateChange(i,n)};i.onerror=function(r){return t._onError(n,i.responseText||i.response||"",r)};i.send(n)},t.prototype._xdrSender=function(n){var i=new XDomainRequest;i.onload=function(){return t._xdrOnLoad(i,n)};i.onerror=function(r){return t._onError(n,i.responseText||"",r)};i.open("POST",this._config.endpointUrl());i.send(n)},t._xhrReadyStateChange=function(n,i){n.readyState===4&&((n.status<200||n.status>=300)&&n.status!==0?t._onError(i,n.responseText||n.response||""):t._onSuccess(i))},t._xdrOnLoad=function(n,i){n&&(n.responseText+""=="200"||n.responseText==="")?t._onSuccess(i):t._onError(i,n&&n.responseText||"")},t._onError=function(t,i){n._InternalLogging.throwInternalNonUserActionable(1,"Failed to send telemetry:\n"+i)},t._onSuccess=function(){},t}();n.Sender=t})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){(function(n){"use strict";var t=function(){function n(){}return n}();n.Domain=t})(n.Telemetry||(n.Telemetry={}));var t=n.Telemetry}(Microsoft||(Microsoft={})),function(n){"use strict";(function(n){n[n.Verbose=0]="Verbose";n[n.Information=1]="Information";n[n.Warning=2]="Warning";n[n.Error=3]="Error";n[n.Critical=4]="Critical"})(n.SeverityLevel||(n.SeverityLevel={}));var t=n.SeverityLevel}(AI||(AI={})),function(n){"use strict";var t=function(n){function t(){this.ver=2;this.properties={};n.call(this)}return __extends(t,n),t}(Microsoft.Telemetry.Domain);n.MessageData=t}(AI||(AI={})),function(n){(function(n){(function(t){(function(t){"use strict";var i=function(){function t(){}return t.sanitizeKeyAndAddUniqueness=function(n,i){var e=n.length,r=t.sanitizeKey(n),u,f;if(r.length!==e){for(u=0,f=r.substring(0,t.MAX_NAME_LENGTH-3)+t.padNumber(u);i[f]!==undefined;)u++,f=r.substring(0,t.MAX_NAME_LENGTH-3)+t.padNumber(u);r=f}return r},t.sanitizeKey=function(i){return i&&(i=n.Util.trim(i.toString()),i.search(/[^0-9a-zA-Z-._()\/ ]/g)>=0&&(i=i.replace(/[^0-9a-zA-Z-._()\/ ]/g,"_"),n._InternalLogging.throwInternalUserActionable(1,"name contains illegal characters. Illgeal character have been replaced with '_'. new name: "+i)),i.length>t.MAX_NAME_LENGTH&&(i=i.substring(0,t.MAX_NAME_LENGTH),n._InternalLogging.throwInternalUserActionable(1,"name is too long.  It has been truncated to "+t.MAX_NAME_LENGTH+" characters.  name: "+i))),i},t.sanitizeString=function(i){return i&&i.toString().length>t.MAX_STRING_LENGTH&&(i=i.substring(0,t.MAX_STRING_LENGTH),n._InternalLogging.throwInternalUserActionable(1,"string value is too long. It has been truncated to "+t.MAX_STRING_LENGTH+" characters. value: "+i)),i},t.sanitizeUrl=function(i){return i&&i.length>t.MAX_URL_LENGTH&&(i=i.substring(0,t.MAX_URL_LENGTH),n._InternalLogging.throwInternalUserActionable(1,"url is too long, it has been trucated to "+t.MAX_URL_LENGTH+" characters. url: "+i)),i},t.sanitizeMessage=function(i){return i&&i.length>t.MAX_MESSAGE_LENGTH&&(i=i.substring(0,t.MAX_MESSAGE_LENGTH),n._InternalLogging.throwInternalUserActionable(1,"message is too long, it has been trucated to "+t.MAX_MESSAGE_LENGTH+" characters.  message: "+i)),i},t.sanitizeException=function(i){return i&&i.length>t.MAX_EXCEPTION_LENGTH&&(i=i.substring(0,t.MAX_EXCEPTION_LENGTH),n._InternalLogging.throwInternalUserActionable(1,"exception is too long, iit has been trucated to "+t.MAX_EXCEPTION_LENGTH+" characters.  exception: "+i)),i},t.sanitizeProperties=function(n){var r,i,u;if(n){r={};for(i in n)i=t.sanitizeKeyAndAddUniqueness(i,r),u=t.sanitizeString(n[i]),r[i]=u;n=r}return n},t.sanitizeMeasurements=function(n){var r,i,u;if(n){r={};for(i in n)u=n[i],i=t.sanitizeKeyAndAddUniqueness(i,r),r[i]=u;n=r}return n},t.padNumber=function(n){var t="00"+n;return t.substr(t.length-3)},t.MAX_NAME_LENGTH=150,t.MAX_STRING_LENGTH=1024,t.MAX_URL_LENGTH=2048,t.MAX_MESSAGE_LENGTH=32768,t.MAX_EXCEPTION_LENGTH=32768,t}();t.DataSanitizer=i})(t.Common||(t.Common={}));var i=t.Common})(n.Telemetry||(n.Telemetry={}));var t=n.Telemetry})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){(function(n){(function(n){"use strict";var t=function(t){function i(i,r){t.call(this);this.aiDataContract={ver:!0,message:!0,severityLevel:!1,measurements:!1,properties:!1};i=i||"";this.message=n.Common.DataSanitizer.sanitizeMessage(i);this.properties=n.Common.DataSanitizer.sanitizeProperties(r)}return __extends(i,t),i.envelopeType="Microsoft.ApplicationInsights.Message",i.dataType="MessageData",i}(AI.MessageData);n.Trace=t})(n.Telemetry||(n.Telemetry={}));var t=n.Telemetry})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){"use strict";var t=function(n){function t(){this.ver=2;this.properties={};this.measurements={};n.call(this)}return __extends(t,n),t}(Microsoft.Telemetry.Domain);n.EventData=t}(AI||(AI={})),function(n){(function(n){(function(t){"use strict";var i=function(t){function i(i,r,u){t.call(this);this.aiDataContract={ver:!0,name:!0,properties:!1,measurements:!1};this.name=n.Telemetry.Common.DataSanitizer.sanitizeString(i);this.properties=n.Telemetry.Common.DataSanitizer.sanitizeProperties(r);this.measurements=n.Telemetry.Common.DataSanitizer.sanitizeMeasurements(u)}return __extends(i,t),i.envelopeType="Microsoft.ApplicationInsights.Event",i.dataType="EventData",i}(AI.EventData);t.Event=i})(n.Telemetry||(n.Telemetry={}));var t=n.Telemetry})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){"use strict";var t=function(){function n(){this.hasFullStack=!0;this.parsedStack=[]}return n}();n.ExceptionDetails=t}(AI||(AI={})),function(n){"use strict";var t=function(n){function t(){this.ver=2;this.exceptions=[];this.properties={};this.measurements={};n.call(this)}return __extends(t,n),t}(Microsoft.Telemetry.Domain);n.ExceptionData=t}(AI||(AI={})),function(n){"use strict";var t=function(){function n(){}return n}();n.StackFrame=t}(AI||(AI={})),function(n){(function(n){(function(t){"use strict";var u=function(t){function i(i,u,f,e){t.call(this);this.aiDataContract={ver:!0,handledAt:!0,exceptions:!0,severityLevel:!1,properties:!1,measurements:!1};this.properties=n.Telemetry.Common.DataSanitizer.sanitizeProperties(f);this.measurements=n.Telemetry.Common.DataSanitizer.sanitizeMeasurements(e);this.handledAt=u||"Unhandled";this.exceptions=[new r(i)]}return __extends(i,t),i.envelopeType="Microsoft.ApplicationInsights.Exception",i.dataType="ExceptionData",i}(AI.ExceptionData),r,i;t.Exception=u;r=function(r){function u(i){r.call(this);this.aiDataContract={id:!1,outerId:!1,typeName:!0,message:!0,hasFullStack:!1,stack:!1,parsedStack:[]};this.typeName=t.Common.DataSanitizer.sanitizeString(i.name);this.message=t.Common.DataSanitizer.sanitizeMessage(i.message);var u=i.stack;this.parsedStack=this.parseStack(u);this.stack=t.Common.DataSanitizer.sanitizeException(u);this.hasFullStack=n.Util.isArray(this.parsedStack)&&this.parsedStack.length>0}return __extends(u,r),u.prototype.parseStack=function(n){var t=undefined,e,l,o,r,a,s,h,p,w,b;if(typeof n=="string"){for(e=n.split("\n"),t=[],l=0,o=0,r=0;r<=e.length;r++)a=e[r],i.regex.test(a)&&(s=new i(e[r],l++),o+=s.sizeInBytes,t.push(s));if(h=32768,o>h)for(var u=0,f=t.length-1,v=0,c=u,y=f;u<f;){if(p=t[u].sizeInBytes,w=t[f].sizeInBytes,v+=p+w,v>h){b=y-c+1;t.splice(c,b);break}c=u;y=f;u++;f--}}return t},u}(AI.ExceptionDetails);i=function(t){function i(r,u){t.call(this);this.sizeInBytes=0;this.aiDataContract={level:!0,method:!0,assembly:!1,fileName:!1,line:!1};this.level=u;this.method="unavailable";this.assembly=n.Util.trim(r);var f=r.match(i.regex);f&&f.length>=5&&(this.method=n.Util.trim(f[2]),this.fileName=n.Util.trim(f[4]),this.line=parseInt(f[5])||0);this.sizeInBytes+=this.method.length;this.sizeInBytes+=this.fileName.length;this.sizeInBytes+=this.assembly.length;this.sizeInBytes+=i.baseSize;this.sizeInBytes+=this.level.toString().length;this.sizeInBytes+=this.line.toString().length}return __extends(i,t),i.regex=/^([\s]+at)?(.*?)(\@|\s\(|\s)([^\(\@\n]+):([0-9]+):([0-9]+)(\)?)$/,i.baseSize=58,i}(AI.StackFrame)})(n.Telemetry||(n.Telemetry={}));var t=n.Telemetry})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){"use strict";var t=function(n){function t(){this.ver=2;this.metrics=[];this.properties={};n.call(this)}return __extends(t,n),t}(Microsoft.Telemetry.Domain);n.MetricData=t}(AI||(AI={})),function(n){"use strict";(function(n){n[n.Measurement=0]="Measurement";n[n.Aggregation=1]="Aggregation"})(n.DataPointType||(n.DataPointType={}));var t=n.DataPointType}(AI||(AI={})),function(n){"use strict";var t=function(){function n(){this.kind=0}return n}();n.DataPoint=t}(AI||(AI={})),function(n){(function(n){(function(n){(function(n){"use strict";var t=function(n){function t(){n.apply(this,arguments);this.aiDataContract={name:!0,kind:!1,value:!0,count:!1,min:!1,max:!1,stdDev:!1}}return __extends(t,n),t}(AI.DataPoint);n.DataPoint=t})(n.Common||(n.Common={}));var t=n.Common})(n.Telemetry||(n.Telemetry={}));var t=n.Telemetry})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){(function(t){(function(t){"use strict";var i=function(i){function r(r,u,f,e,o){i.call(this);this.aiDataContract={ver:!0,metrics:!0,properties:!1};var s=new n.ApplicationInsights.Telemetry.Common.DataPoint;s.count=f>0?f:undefined;s.max=isNaN(o)||o===null?undefined:o;s.min=isNaN(e)||e===null?undefined:e;s.name=t.Common.DataSanitizer.sanitizeString(r);s.value=u;this.metrics=[s]}return __extends(r,i),r.envelopeType="Microsoft.ApplicationInsights.Metric",r.dataType="MetricData",r}(AI.MetricData);t.Metric=i})(t.Telemetry||(t.Telemetry={}));var i=t.Telemetry})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){"use strict";var t=function(n){function t(){this.ver=2;this.properties={};this.measurements={};n.call(this)}return __extends(t,n),t}(n.EventData);n.PageViewData=t}(AI||(AI={})),function(n){(function(n){(function(t){"use strict";var i=function(i){function r(r,u,f,e,o){i.call(this);this.aiDataContract={ver:!0,name:!1,url:!1,duration:!1,properties:!1,measurement:!1};this.url=t.Common.DataSanitizer.sanitizeUrl(u);this.name=t.Common.DataSanitizer.sanitizeString(r);isNaN(f)||(this.duration=n.Util.msToTimeSpan(f));this.properties=n.Telemetry.Common.DataSanitizer.sanitizeProperties(e);this.measurements=n.Telemetry.Common.DataSanitizer.sanitizeMeasurements(o)}return __extends(r,i),r.envelopeType="Microsoft.ApplicationInsights.Pageview",r.dataType="PageviewData",r}(AI.PageViewData);t.PageView=i})(n.Telemetry||(n.Telemetry={}));var t=n.Telemetry})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){"use strict";var t=function(n){function t(){this.ver=2;this.properties={};this.measurements={};n.call(this)}return __extends(t,n),t}(n.PageViewData);n.PageViewPerfData=t}(AI||(AI={})),function(n){(function(n){(function(t){"use strict";var i=function(i){function r(u,f,e,o,s){var h;if(i.call(this),this.aiDataContract={ver:!0,name:!1,url:!1,duration:!1,perfTotal:!1,networkConnect:!1,sentRequest:!1,receivedResponse:!1,domProcessing:!1,properties:!1,measurement:!1},h=r.getPerformanceTiming(),h){var c=r.getDuration(h.navigationStart,h.loadEventEnd),l=r.getDuration(h.navigationStart,h.connectEnd),a=r.getDuration(h.requestStart,h.responseStart),v=r.getDuration(h.responseStart,h.responseEnd),y=r.getDuration(h.domLoading,h.loadEventEnd);c<Math.floor(l)+Math.floor(a)+Math.floor(v)+Math.floor(y)?n._InternalLogging.throwInternalNonUserActionable(1,"client performance math error:"+c+" < "+l+" + "+a+" + "+v+" + "+y):(e=c,this.perfTotal=n.Util.msToTimeSpan(c),this.networkConnect=n.Util.msToTimeSpan(l),this.sentRequest=n.Util.msToTimeSpan(a),this.receivedResponse=n.Util.msToTimeSpan(v),this.domProcessing=n.Util.msToTimeSpan(y))}this.url=t.Common.DataSanitizer.sanitizeUrl(f);this.name=t.Common.DataSanitizer.sanitizeString(u);isNaN(e)||(this.duration=n.Util.msToTimeSpan(e));this.properties=n.Telemetry.Common.DataSanitizer.sanitizeProperties(o);this.measurements=n.Telemetry.Common.DataSanitizer.sanitizeMeasurements(s)}return __extends(r,i),r.getPerformanceTiming=function(){return typeof window!="undefined"&&window.performance&&window.performance.timing?window.performance.timing:null},r.checkPageLoad=function(){var t=undefined,n;return typeof window!="undefined"&&window.performance&&window.performance.timing&&(n=window.performance.timing,t=n.domainLookupStart>0&&n.navigationStart>0&&n.responseStart>0&&n.requestStart>0&&n.loadEventEnd>0&&n.responseEnd>0&&n.connectEnd>0&&n.domLoading>0),t},r.getDuration=function(n,t){var i=0;return isNaN(n)||isNaN(t)||n===0||t===0||(i=Math.max(t-n,0)),i},r.envelopeType="Microsoft.ApplicationInsights.PageviewPerformance",r.dataType="PageviewPerformanceData",r}(AI.PageViewPerfData);t.PageViewPerformance=i})(n.Telemetry||(n.Telemetry={}));var t=n.Telemetry})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){(function(n){"use strict";var t=function(){function t(t){this._config=t;this._sender=new n.Sender(t);typeof window!="undefined"&&(this.application=new n.Context.Application,this.device=new n.Context.Device,this.internal=new n.Context.Internal,this.location=new n.Context.Location,this.user=new n.Context.User(t.accountId()),this.operation=new n.Context.Operation,this.session=new n.Context.Session(t),this.sample=new n.Context.Sample)}return t.prototype.track=function(t){return t?(this.session&&typeof this.session.update=="function"&&this.session.update(),this._applyApplicationContext(t,this.application),this._applyDeviceContext(t,this.device),this._applyInternalContext(t,this.internal),this._applyLocationContext(t,this.location),this._applyOperationContext(t,this.operation),this._applySampleContext(t,this.sample),this._applySessionContext(t,this.session),this._applyUserContext(t,this.user),t.time=n.Util.toISOStringForIE8(new Date),t.iKey=this._config.instrumentationKey(),this._sender.send(t)):n._InternalLogging.throwInternalUserActionable(0,"cannot call .track() with a null or undefined argument"),t},t.prototype._applyApplicationContext=function(n,t){t&&typeof t.ver=="string"&&(n.tags[(new AI.ContextTagKeys).applicationVersion]=t.ver)},t.prototype._applyDeviceContext=function(n,t){var i=new AI.ContextTagKeys;t&&(typeof t.id=="string"&&(n.tags[i.deviceId]=t.id),typeof t.ip=="string"&&(n.tags[i.deviceIp]=t.ip),typeof t.language=="string"&&(n.tags[i.deviceLanguage]=t.language),typeof t.locale=="string"&&(n.tags[i.deviceLocale]=t.locale),typeof t.model=="string"&&(n.tags[i.deviceModel]=t.model),typeof t.network!="undefined"&&(n.tags[i.deviceNetwork]=t.network),typeof t.oemName=="string"&&(n.tags[i.deviceOEMName]=t.oemName),typeof t.os=="string"&&(n.tags[i.deviceOS]=t.os),typeof t.osversion=="string"&&(n.tags[i.deviceOSVersion]=t.osversion),typeof t.resolution=="string"&&(n.tags[i.deviceScreenResolution]=t.resolution),typeof t.type=="string"&&(n.tags[i.deviceType]=t.type))},t.prototype._applyInternalContext=function(n,t){if(t){var i=new AI.ContextTagKeys;typeof t.agentVersion=="string"&&(n.tags[i.internalAgentVersion]=t.agentVersion);typeof t.sdkVersion=="string"&&(n.tags[i.internalSdkVersion]=t.sdkVersion)}},t.prototype._applyLocationContext=function(n,t){if(t){var i=new AI.ContextTagKeys;typeof t.ip=="string"&&(n.tags[i.locationIp]=t.ip)}},t.prototype._applyOperationContext=function(n,t){if(t){var i=new AI.ContextTagKeys;typeof t.id=="string"&&(n.tags[i.operationId]=t.id);typeof t.name=="string"&&(n.tags[i.operationName]=t.name);typeof t.parentId=="string"&&(n.tags[i.operationParentId]=t.parentId);typeof t.rootId=="string"&&(n.tags[i.operationRootId]=t.rootId)}},t.prototype._applySampleContext=function(n,t){if(t){var i=new AI.ContextTagKeys;typeof t.sampleRate=="string"&&(n.tags[i.sampleRate]=t.sampleRate)}},t.prototype._applySessionContext=function(n,t){if(t){var i=new AI.ContextTagKeys;typeof t.id=="string"&&(n.tags[i.sessionId]=t.id);typeof t.isFirst!="undefined"&&(n.tags[i.sessionIsFirst]=t.isFirst);typeof t.isNewSession!="undefined"&&(n.tags[i.sessionIsNew]=t.isNewSession)}},t.prototype._applyUserContext=function(n,t){if(t){var i=new AI.ContextTagKeys;typeof t.accountAcquisitionDate=="string"&&(n.tags[i.userAccountAcquisitionDate]=t.accountAcquisitionDate);typeof t.accountId=="string"&&(n.tags[i.userAccountId]=t.accountId);typeof t.agent=="string"&&(n.tags[i.userAgent]=t.agent);typeof t.id=="string"&&(n.tags[i.userId]=t.id)}},t}();n.TelemetryContext=t})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){(function(t){"use strict";var i=function(n){function t(){n.call(this)}return __extends(t,n),t}(n.Telemetry.Base);t.Data=i})(n.Telemetry||(n.Telemetry={}));var t=n.Telemetry}(Microsoft||(Microsoft={})),function(n){(function(t){(function(t){(function(t){"use strict";var i=function(n){function t(t,i){n.call(this);this.aiDataContract={baseType:!0,baseData:!0};this.baseType=t;this.baseData=i}return __extends(t,n),t}(n.Telemetry.Data);t.Data=i})(t.Common||(t.Common={}));var i=t.Common})(t.Telemetry||(t.Telemetry={}));var i=t.Telemetry})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){(function(n){"use strict";var i,t;n.Version="0.14.0.0";i=function(){function i(r){var u=this,f,e,o;if(this.config=r||{},f=i.defaultConfig,f!==undefined)for(e in f)this.config[e]===undefined&&(this.config[e]=f[e]);n._InternalLogging.verboseLogging=function(){return u.config.verboseLogging};n._InternalLogging.enableDebugExceptions=function(){return u.config.enableDebug};o={instrumentationKey:function(){return u.config.instrumentationKey},accountId:function(){return u.config.accountId},appUserId:function(){return u.config.appUserId},sessionRenewalMs:function(){return u.config.sessionRenewalMs},sessionExpirationMs:function(){return u.config.sessionExpirationMs},endpointUrl:function(){return u.config.endpointUrl},maxBatchSizeInBytes:function(){return u.config.maxBatchSizeInBytes},maxBatchInterval:function(){return u.config.maxBatchInterval},disableTelemetry:function(){return u.config.disableTelemetry}};this.context=new n.TelemetryContext(o);this._eventTracking=new t("trackEvent");this._eventTracking.action=function(t,i,r,f,e){var o=new n.Telemetry.Event(t,f,e),s=new n.Telemetry.Common.Data(n.Telemetry.Event.dataType,o),h=new n.Telemetry.Common.Envelope(s,n.Telemetry.Event.envelopeType);u.context.track(h)};this._pageTracking=new t("trackPageView");this._pageTracking.action=function(t,i,r,f,e){var o=new n.Telemetry.PageView(t,i,r,f,e),s=new n.Telemetry.Common.Data(n.Telemetry.PageView.dataType,o),h=new n.Telemetry.Common.Envelope(s,n.Telemetry.PageView.envelopeType);u.context.track(h)}}return i.prototype.startTrackPage=function(n){typeof n!="string"&&(n=window.document&&window.document.title||"");this._pageTracking.start(n)},i.prototype.stopTrackPage=function(n,t,i,r){typeof n!="string"&&(n=window.document&&window.document.title||"");typeof t!="string"&&(t=window.location&&window.location.href||"");this._pageTracking.stop(n,t,i,r)},i.prototype.trackPageView=function(t,i,r,u){var o=this,f,e,s;typeof t!="string"&&(t=window.document&&window.document.title||"");typeof i!="string"&&(i=window.location&&window.location.href||"");f=0;n.Telemetry.PageViewPerformance.checkPageLoad()!==undefined&&(e=window.performance.timing.navigationStart,f=n.Telemetry.PageViewPerformance.getDuration(e,+new Date),s=setInterval(function(){var h,c;if(f=n.Telemetry.PageViewPerformance.getDuration(e,+new Date),h=n.Telemetry.PageViewPerformance.checkPageLoad(),c=f>6e4,c||h){clearInterval(s);f=n.Telemetry.PageViewPerformance.getDuration(e,+new Date);var l=new n.Telemetry.PageViewPerformance(t,i,f,r,u),a=new n.Telemetry.Common.Data(n.Telemetry.PageViewPerformance.dataType,l),v=new n.Telemetry.Common.Envelope(a,n.Telemetry.PageViewPerformance.envelopeType);o.context.track(v);o.context._sender.triggerSend()}},100));var h=new n.Telemetry.PageView(t,i,f,r,u),c=new n.Telemetry.Common.Data(n.Telemetry.PageView.dataType,h),l=new n.Telemetry.Common.Envelope(c,n.Telemetry.PageView.envelopeType);this.context.track(l);setTimeout(function(){o.context._sender.triggerSend()},100)},i.prototype.startTrackEvent=function(n){this._eventTracking.start(n)},i.prototype.stopTrackEvent=function(n,t,i){this._eventTracking.stop(n,undefined,t,i)},i.prototype.trackEvent=function(t,i,r){var u=new n.Telemetry.Event(t,i,r),f=new n.Telemetry.Common.Data(n.Telemetry.Event.dataType,u),e=new n.Telemetry.Common.Envelope(f,n.Telemetry.Event.envelopeType);this.context.track(e)},i.prototype.trackException=function(t,i,r,u){if(!n.Util.isError(t))try{throw new Error(t);}catch(f){t=f}var e=new n.Telemetry.Exception(t,i,r,u),o=new n.Telemetry.Common.Data(n.Telemetry.Exception.dataType,e),s=new n.Telemetry.Common.Envelope(o,n.Telemetry.Exception.envelopeType);this.context.track(s)},i.prototype.trackMetric=function(t,i,r,u,f){var e=new n.Telemetry.Metric(t,i,r,u,f),o=new n.Telemetry.Common.Data(n.Telemetry.Metric.dataType,e),s=new n.Telemetry.Common.Envelope(o,n.Telemetry.Metric.envelopeType);this.context.track(s)},i.prototype.trackTrace=function(t,i){var r=new n.Telemetry.Trace(t,i),u=new n.Telemetry.Common.Data(n.Telemetry.Trace.dataType,r),f=new n.Telemetry.Common.Envelope(u,n.Telemetry.Trace.envelopeType);this.context.track(f)},i.prototype.flush=function(){this.context._sender.triggerSend()},i.prototype._onerror=function(t,i,r,u,f){if(!n.Util.isError(f))try{throw new Error(t);}catch(e){f=e;f.stack||(f.stack="@"+i+":"+r+":"+(u||0))}this.trackException(f)},i}();n.AppInsights=i;t=function(){function t(n){this._name=n;this._events={}}return t.prototype.start=function(t){typeof this._events[t]!="undefined"&&n._InternalLogging.throwInternalUserActionable(1,"start"+this._name+" was called more than once for this event without calling stop"+this._name+". key is '"+t+"'");this._events[t]=+new Date},t.prototype.stop=function(t,i,r,u){var f=this._events[t],e,o;f?(e=+new Date,o=n.Telemetry.PageViewPerformance.getDuration(f,e),this.action(t,i,o,r,u)):n._InternalLogging.throwInternalUserActionable(1,"stop"+this._name+" was called without a corresponding start"+this._name+" . Event name is '"+t+"'");delete this._events[t];this._events[t]=undefined},t}()})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={})),function(n){"use strict";var t=function(n){function t(){this.ver=2;this.properties={};this.measurements={};n.call(this)}return __extends(t,n),t}(n.PageViewData);n.AjaxCallData=t}(AI||(AI={})),function(n){"use strict";(function(n){n[n.SQL=0]="SQL";n[n.Http=1]="Http";n[n.Other=2]="Other"})(n.DependencyKind||(n.DependencyKind={}));var t=n.DependencyKind}(AI||(AI={})),function(n){"use strict";(function(n){n[n.Undefined=0]="Undefined";n[n.Aic=1]="Aic";n[n.Apmc=2]="Apmc"})(n.DependencySourceType||(n.DependencySourceType={}));var t=n.DependencySourceType}(AI||(AI={})),function(n){"use strict";var t=function(n){function t(){this.ver=2;this.kind=0;this.dependencyKind=2;this.success=!0;this.dependencySource=0;this.properties={};n.call(this)}return __extends(t,n),t}(Microsoft.Telemetry.Domain);n.RemoteDependencyData=t}(AI||(AI={})),function(n){"use strict";var t=function(n){function t(){this.ver=2;this.properties={};this.measurements={};n.call(this)}return __extends(t,n),t}(Microsoft.Telemetry.Domain);n.RequestData=t}(AI||(AI={})),function(n){(function(t){"use strict";var i=function(){function t(i){i.queue=i.queue||[];var r=i.config||{};if(r&&!r.instrumentationKey)if(r=i,r.iKey)n.ApplicationInsights.Version="0.10.0.0",r.instrumentationKey=r.iKey;else if(r.applicationInsightsId)n.ApplicationInsights.Version="0.7.2.0",r.instrumentationKey=r.applicationInsightsId;else throw new Error("Cannot load Application Insights SDK, no instrumentationKey was provided.");r=t.getDefaultConfig(r);this.snippet=i;this.config=r}return t.prototype.loadAppInsights=function(){var t=new n.ApplicationInsights.AppInsights(this.config),u,i,r;return this.config.iKey&&(u=t.trackPageView,t.trackPageView=function(n,i,r){u.apply(t,[null,n,i,r])}),i="logPageView",typeof this.snippet[i]=="function"&&(t[i]=function(n,i,r){t.trackPageView(null,n,i,r)}),r="logEvent",typeof this.snippet[r]=="function"&&(t[r]=function(n,i,r){t.trackEvent(n,i,r)}),t},t.prototype.emptyQueue=function(){var u,t,f,r;try{if(n.ApplicationInsights.Util.isArray(this.snippet.queue)){for(u=this.snippet.queue.length,t=0;t<u;t++)f=this.snippet.queue[t],f();this.snippet.queue=undefined;delete this.snippet.queue}}catch(i){r="Failed to send queued telemetry";i&&typeof i.toString=="function"&&(r+=": "+i.toString());n.ApplicationInsights._InternalLogging.throwInternalNonUserActionable(1,r)}},t.prototype.pollInteralLogs=function(t){return setInterval(function(){for(var i=n.ApplicationInsights._InternalLogging.queue,u=i.length,r=0;r<u;r++)t.trackTrace(i[r]);i.length=0},this.config.diagnosticLogInterval)},t.getDefaultConfig=function(n){return n||(n={}),n.endpointUrl=n.endpointUrl||"//dc.services.visualstudio.com/v2/track",n.accountId=n.accountId,n.appUserId=n.appUserId,n.sessionRenewalMs=18e5,n.sessionExpirationMs=864e5,n.maxBatchSizeInBytes=n.maxBatchSizeInBytes>0?n.maxBatchSizeInBytes:1e6,n.maxBatchInterval=isNaN(n.maxBatchInterval)?15e3:n.maxBatchInterval,n.enableDebug=!!n.enableDebug,n.autoCollectErrors=typeof n.autoCollectErrors=="boolean"?n.autoCollectErrors:!0,n.disableTelemetry=!!n.disableTelemetry,n.verboseLogging=!!n.verboseLogging,n.diagnosticLogInterval=n.diagnosticLogInterval||1e4,n},t}();t.Initialization=i})(n.ApplicationInsights||(n.ApplicationInsights={}));var t=n.ApplicationInsights}(Microsoft||(Microsoft={}));initializeAppInsights()
2 | 


--------------------------------------------------------------------------------