@appcues/web-sdk 7.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/README.md +56 -0
- package/build/.gitkeep +0 -0
- package/build/checklist.dffb871bc48a1e5009ee3967ba8b1407e63ac68b.css +1 -0
- package/build/container.dffb871bc48a1e5009ee3967ba8b1407e63ac68b.css +1 -0
- package/build/debugger.dffb871bc48a1e5009ee3967ba8b1407e63ac68b.css +1 -0
- package/build/index.BlOpB57-.js +14442 -0
- package/build/index.DqdOZEH7.js +2609 -0
- package/build/index.npm.DOLrucyP.js +332 -0
- package/build/index.npm.d.ts +5 -0
- package/build/index.npm.d.ts.map +1 -0
- package/build/index.npm.js +5 -0
- package/build/modal-step-legacy-render.dffb871bc48a1e5009ee3967ba8b1407e63ac68b.css +1 -0
- package/build/modal.dffb871bc48a1e5009ee3967ba8b1407e63ac68b.css +1 -0
- package/build/open-builder.CsZ0R4-M.js +9167 -0
- package/build/satisfaction-survey.dffb871bc48a1e5009ee3967ba8b1407e63ac68b.css +1 -0
- package/build/test-mode.dffb871bc48a1e5009ee3967ba8b1407e63ac68b.css +1 -0
- package/build/tooltip.dffb871bc48a1e5009ee3967ba8b1407e63ac68b.css +1 -0
- package/build/types.d.ts +295 -0
- package/build/types.d.ts.map +1 -0
- package/build/utils/constants.d.ts +150 -0
- package/build/utils/constants.d.ts.map +1 -0
- package/package.json +104 -0
package/CHANGELOG.md
ADDED
package/README.md
ADDED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
# Appcues JavaScript SDK
|
|
2
|
+
|
|
3
|
+
The Appcues JavaScript SDK allows you to integrate Appcues into your web application. Track user events, identify users, and trigger personalized in-app experiences.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
Install the SDK using npm:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install @appcues/web-sdk
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
Or using yarn:
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
yarn add @appcues/web-sdk
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Documentation
|
|
20
|
+
|
|
21
|
+
For complete documentation, guides, and advanced usage, visit:
|
|
22
|
+
|
|
23
|
+
**[Appcues WEB SDK Documentation](https://docs.appcues.com/install-appcues-web)**
|
|
24
|
+
|
|
25
|
+
## Support
|
|
26
|
+
|
|
27
|
+
Need help? Contact us at:
|
|
28
|
+
|
|
29
|
+
- Email: support@appcues.com
|
|
30
|
+
- Documentation: https://docs.appcues.com
|
|
31
|
+
|
|
32
|
+
## Accessing the Changelog
|
|
33
|
+
|
|
34
|
+
The changelog is included with the package. You can access it in two ways:
|
|
35
|
+
|
|
36
|
+
### After Installation
|
|
37
|
+
|
|
38
|
+
Navigate to the file in your `node_modules`:
|
|
39
|
+
|
|
40
|
+
```bash
|
|
41
|
+
node_modules/@appcues/web-sdk/CHANGELOG.md
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
### Using npm
|
|
45
|
+
|
|
46
|
+
View package information including the changelog:
|
|
47
|
+
|
|
48
|
+
```bash
|
|
49
|
+
npm view @appcues/web-sdk
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
Then open the CHANGELOG.md file from the package directory.
|
|
53
|
+
|
|
54
|
+
## License
|
|
55
|
+
|
|
56
|
+
See LICENSE for details.
|
package/build/.gitkeep
ADDED
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
code,pre{font-family:Menlo,Monaco,monospace,sans-serif}div,p,ul,ol,table,dl,blockquote,pre{font-size:14px;line-height:1.6em}a[href],a[data-step]{color:#15c;text-decoration:none;cursor:pointer}object,embed,video,img{max-width:100%;width:auto}video,img{height:auto}p,ul,ol,table,dl,figure,blockquote,pre{margin:0 0 15px;border:none;background:none;box-shadow:none}hr{margin-bottom:15px}blockquote{margin-left:1.6em!important;padding-left:0;color:#777;font-style:italic}ul,ol{padding-left:2em}ul ul,ol ol,ul ol,ol ul{margin:2px;padding:0 0 0 2em;border:none}dl dt{font-weight:700}dd{margin-left:1em}table{border-collapse:collapse;font-size:1em;width:100%}table td,table th{padding:5px;border:1px solid #ddd;vertical-align:top}table thead td,table th{font-weight:700;border-bottom-color:#888}code{background-color:#d8d7d7}pre{overflow:auto;padding:1em;border:1px solid #ddd;border-radius:3px;background:#f8f8f8;white-space:pre;font-size:90%;color:#888}hr{display:block;height:1px;border:0;border-top:1px solid #ccc}h1,h2,h3,h4,h5,h6{font-weight:700;color:#000;padding:0;background:none;text-rendering:optimizeLegibility;margin:0 0 .5em}h1,h2,h3,h4{line-height:1.3}h1{font-size:36px}h2{font-size:24px;margin-bottom:.7em}h3{font-size:21px}h4{font-size:18px}h5{font-size:16px}h6{font-size:12px;text-transform:uppercase}.sr-only{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;margin:-1px}.appcues-button{background-color:#ccc;cursor:pointer;padding:8px 18px;color:#fff;font-weight:700;display:inline-block;position:relative;-webkit-font-smoothing:auto;text-decoration:none;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color .2s ease-out,color .2s ease-out;-moz-transition:background-color .2s ease-out,color .2s ease-out;transition:background-color .2s ease-out,color .2s ease-out}.appcues-button:hover{text-decoration:none;color:#000;background-color:#dedede}.appcues-button.appcues-button-success{background-color:#5cb85c}.appcues-button.appcues-button-success:hover{background-color:#75c375;text-decoration:unset}.appcues-button.appcues-button-success.disabled{background-color:#eaf6ea}.appcues-button[data-step],.appcues-button[href]{color:#fff}body{margin:0;overflow:hidden}body *{font-size:16px;box-sizing:border-box;line-height:normal;font-family:Lato,Source Sans Pro,Helvetica,Arial,sans-serif}.checklist{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:reverse;-moz-box-direction:reverse;box-direction:reverse;-webkit-flex-direction:column-reverse;-moz-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-direction:column-reverse;-webkit-box-pack:start;-moz-box-pack:start;box-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start;height:100%;z-index:2147483547}.checklist p{font-size:.925rem;line-height:1.4em;color:#555}.beacon{-webkit-align-self:flex-start;-moz-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start;position:relative;padding:11px 17px 11px 15px;margin:8px;border-radius:120px;cursor:pointer;display:inline-block;box-shadow:0 0 12px #00000040;white-space:nowrap;z-index:2;transition:background-color .25s ease-out;background-color:#0d2c6d;color:#fff}.beacon.right{-webkit-align-self:flex-end;-moz-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}.beacon svg{margin-right:.5rem;display:inline-block;vertical-align:middle}.beacon .label{font-weight:700;display:inline-block;vertical-align:middle}.beacon .badge{right:-6px;top:-6px;width:20px;height:20px;position:absolute;background-color:#fff;box-shadow:0 0 5px #0003;color:#0d2c6d;border-radius:20px;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}.checklist-main{position:absolute;bottom:30px;width:340px;color:#222;background:#fff;border-radius:3px;transition:all .15s ease;opacity:0;margin:0 8px 15px;box-shadow:0 0 8px #00000026;pointer-events:none}.checklist-main.expanded{opacity:1;bottom:50px;pointer-events:auto}.checklist-main .checklist-header{padding:1.25rem 1.25rem .75rem;border-bottom:1px solid #eeeeee;cursor:default;color:#555}.checklist-main .checklist-header.checklist-congrats{position:relative;background-color:#eee;text-align:center}.checklist-main .checklist-header.checklist-congrats:hover .dismiss-link{color:#0d2c6d}.checklist-main .checklist-header.checklist-congrats .emoji{display:block;padding-bottom:15px}.checklist-main .checklist-header.checklist-congrats .dismiss-link{position:absolute;top:1.25rem;right:1.25rem;color:#999;font-style:italic;font-size:.875rem;cursor:pointer;background:transparent;border:none}.checklist-main .checklist-header.checklist-congrats h3{font-size:1.17em;font-weight:700;margin:.25rem 0 1em;color:#00d260}.checklist-main .checklist-header.checklist-congrats p{font-size:.875rem}.checklist-main .checklist-header .title{padding:0;margin:0;font-size:1.12rem}.checklist-main .checklist-header .desc{line-height:1.4em;font-size:.925rem;margin:1em 0}.checklist-main .checklist-header .progress-container{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.checklist-main .checklist-header .progress-container .completed-caption{-webkit-box-flex:0;-moz-box-flex:0;box-flex:0;-webkit-flex:0;-moz-flex:0;-ms-flex:0;flex:0;white-space:nowrap;font-weight:600;font-size:.875em;padding-right:12px}.checklist-main .checklist-header .progress-container .progress-bar{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;background-color:#eee}.checklist-main .checklist-header .progress-container .progress-bar,.checklist-main .checklist-header .progress-container .progress-bar .progress-bar-complete{border-radius:20px}.checklist-main .checklist-header .progress-container .progress-bar .progress-bar-complete{background-color:#0d2c6d;border-top-right-radius:0;border-bottom-right-radius:0;transition:width .5s ease-out}.checklist-main .checklist-header .progress-container .progress-bar .progress-bar-complete.progress-bar-done{border-radius:20px}.checklist-main .checklist-header .minimize{position:absolute;top:1.25rem;right:1.25rem;color:#999;font-style:italic;font-size:.875rem;cursor:pointer}.checklist-main .checklist-header .minimize:hover{color:#474747}.checklist-main .checklist-body{position:relative}.checklist-main .checklist-body.show-confirm{min-height:120px}.checklist-main .checklist-body .dismiss-container{position:absolute;display:flex;flex-direction:column;top:0;align-items:center;height:100%;width:100%;background-color:#fff;color:#848484;overflow-y:auto}.checklist-main .checklist-body .dismiss-container .content-container{position:relative;width:100%;height:100%}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content{max-height:104px;top:50%;margin:0;width:100%}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .dismiss-text{text-align:center;padding:8px 3.25rem}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .button-container{display:flex;flex-direction:column;align-items:center;padding:4px 16px}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .button-container .button-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .button-container .button-row .button-default{border-radius:4px;border-width:2px;border-style:solid;box-sizing:border-box;padding:5px 10px;text-align:center;font-weight:600;flex-grow:1;-webkit-font-smoothing:antialiased;background-color:#fff;-webkit-text-decoration:none;text-decoration:none;white-space:nowrap;cursor:pointer;z-index:0;transition:transform .25s;color:#fff;background-color:#848484;border-color:#848484;min-width:calc(50% - 8px);width:auto;margin:4px}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .button-container .button-row .button-default:hover{border-color:#474747;background-color:#474747}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .button-container .button-row .button-default.alt{color:#848484;background-color:#fff;border-color:#bbb}.checklist-main .checklist-body .dismiss-container .content-container .dismiss-content .button-container .button-row .button-default.alt:hover{border-color:#474747;color:#474747}.checklist-main .checklist-body .items{margin-top:.5rem;margin-bottom:0;padding:0}.checklist-main .checklist-body .item{padding:8px 1.25rem;list-style-type:none;color:#555;cursor:pointer}.checklist-main .checklist-body .item p{margin-bottom:0;width:240px}.checklist-main .checklist-body .item.completed a{color:#999;text-decoration:line-through}.checklist-main .checklist-body .item.completed .checkmark{flex-shrink:0;background-color:#00d260;border-color:#00d260}.checklist-main .checklist-body .item.completed .checkmark>svg{display:inline-block;font-size:inherit;height:1.86em;overflow:visible}.checklist-main .checklist-body .item.locked a{color:#eee}.checklist-main .checklist-body .item.locked .checkmark{border:2px solid #eeeeee}.checklist-main .checklist-body .item.locked .checkmark .sequential-label{color:#bbb}.checklist-main .checklist-body .item:hover.actionless{cursor:default}.checklist-main .checklist-body .item:hover:not(.actionless){background-color:#eee}.checklist-main .checklist-body .item:hover:not(.actionless):not(.completed){color:#0d2c6d}.checklist-main .checklist-body .item:hover:not(.actionless):not(.completed) a{color:#0d2c6d}.checklist-main .checklist-body .item:hover:not(.actionless):not(.completed) .checkmark{border-color:#0d2c6d}.checklist-main .checklist-body .item:hover:not(.actionless) a>svg{opacity:1}.checklist-main .checklist-body .item:hover:not(.actionless).locked{background-color:#fff;cursor:not-allowed}.checklist-main .checklist-body .item:hover:not(.actionless).locked a{color:#999}.checklist-main .checklist-body .item:hover:not(.actionless).locked a>svg{opacity:0}.checklist-main .checklist-body .item:hover:not(.actionless).locked .checkmark{border:2px solid #eeeeee}.checklist-main .checklist-body .item a{width:100%;display:flex;color:#555;text-decoration:none;outline:0;position:relative;align-items:center}.checklist-main .checklist-body .item a>svg{display:block;position:absolute;right:0;top:50%;margin-top:-9px;color:#039be5;transition:all .15s ease-out;opacity:0;backface-visibility:hidden}.checklist-main .checklist-body .item .checkmark{display:inline-block;margin-right:.75rem;vertical-align:middle;border:2px solid #555555;border-radius:100px;width:2rem;height:2rem;line-height:1.86rem;text-align:center;background-color:#fff;color:#fff;transition:all .25s ease-out;flex-shrink:0}.checklist-main .checklist-body .item .checkmark>span{display:none;line-height:1.86rem;position:relative;color:#555;bottom:1px}.checklist-main .checklist-body .item .checkmark>span.sequential-label{display:inline-block}.checklist-main .checklist-body .item .checkmark>svg{display:none}.checklist-main .checklist-footer{position:relative;height:100%;display:flex;align-items:flex-end;flex-direction:column;margin:4px 20px 4px 0}.checklist-main .checklist-footer .skip-link,.checklist-main .checklist-footer .powered-by-appcues{width:auto;font-size:.875em;color:#0006;cursor:pointer;font-style:italic;padding:0;margin:0;background:none;border:none}.checklist-main .powered-by-appcues:hover{color:#0d2c6d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
appcues-container.appcues-fullscreen,appcues-container.fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto}appcues-container.appcues-ontop{z-index:2147483547}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout]{position:fixed;box-shadow:2px 3px 9px #0000004d;transform:none;transition:transform .8s cubic-bezier(.2,.84,.35,1),opacity .5s cubic-bezier(0,0,0,1) .1s;width:400px;height:150px;max-height:calc(100vh - 40px);overflow-y:auto}@media screen and (max-width: 440px){appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout]{width:calc(100% - 40px)!important}}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=topRight],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=right],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=bottomRight],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=topRight],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=right],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=bottomRight]{right:20px}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=topLeft],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=left],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=bottomLeft],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=topLeft],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=left],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=bottomLeft]{left:20px}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=left],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=right],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=center],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=left],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=right],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=center]{top:50%;transform:translateY(-50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=center],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=center]{transform:translateY(-54%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=top],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=center],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position=bottom],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=top],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=center],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position=bottom]{right:0;left:0;margin:auto}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position^=top],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position^=top]{top:20px}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty][data-position^=bottom],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout][data-position^=bottom]{bottom:20px}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden,appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden{transition:transform .5s ease-in,opacity .4s cubic-bezier(.5,1,1,1);opacity:0}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=center],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=center]{transform:translateY(-50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=top],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=top]{transform:translateY(-50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=topLeft],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=bottomLeft],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=topLeft],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=bottomLeft]{transform:translate(-50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=bottom],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=bottom]{transform:translateY(50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=topRight],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=bottomRight],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=topRight],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=bottomRight]{transform:translate(50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=left],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=left]{transform:translateY(-50%) translate(-50%)}appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=shorty].apc-hidden[data-position=right],appcues-container:not(.appcues-fullscreen):not(.fullscreen)[data-pattern-type=slideout].apc-hidden[data-position=right]{transform:translateY(-50%) translate(50%)}.appcues-noscroll{overflow:hidden}.appcues iframe.appcues-tooltip-container.appcues-tooltip-hidden{display:none!important}appcues-layer .beacon{position:relative;cursor:pointer;-webkit-transform-origin:12px 12px 0;-moz-transform-origin:12px 12px 0;-ms-transform-origin:12px 12px 0;-o-transform-origin:12px 12px 0;transform-origin:12px 12px 0;-webkit-transition:-webkit-transform .1s;-moz-transition:-moz-transform .1s;transition:transform .1s}appcues-layer .beacon .beacon-inner{-webkit-transition:-webkit-transform .1s;-moz-transition:-moz-transform .1s;transition:transform .1s;-webkit-transform-origin:12px 12px 0;-moz-transform-origin:12px 12px 0;-ms-transform-origin:12px 12px 0;-o-transform-origin:12px 12px 0;transform-origin:12px 12px 0}appcues-layer .beacon:hover{-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}appcues-layer .beacon:hover .beacon-inner{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}appcues-layer .beacon:active,appcues-layer .beacon:focus{-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-transform:scale(.75);-moz-transform:scale(.75);-ms-transform:scale(.75);-o-transform:scale(.75);transform:scale(.75)}appcues-layer .beacon:active:after,appcues-layer .beacon:focus:after{-webkit-transform:scale(1.8);-moz-transform:scale(1.8);-ms-transform:scale(1.8);-o-transform:scale(1.8);transform:scale(1.8)}appcues-layer .beacon.bounce-in{-webkit-animation:bounceIn .5s linear;-moz-animation:bounceIn .5s linear;animation:bounceIn .5s linear}appcues-layer .beacon.bounce-out{-webkit-animation:bounceOut .5s ease-in;-moz-animation:bounceOut .5s ease-in;animation:bounceOut .5s ease-in;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}appcues-layer .beacon .beacon-outer{-webkit-transform-origin:11px 11px;-moz-transform-origin:11px 11px;-ms-transform-origin:11px 11px;-o-transform-origin:11px 11px;transform-origin:11px 11px}@-webkit-keyframes appcues-beacon-pulse{0%{stroke-width:22;-moz-transform:scale(.1);-ms-transform:scale(.1);-webkit-transform:scale(.1);transform:scale(.1)}25%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);stroke-width:.5}30%{stroke-width:0}to{stroke-width:0}}@-moz-keyframes appcues-beacon-pulse{0%{stroke-width:22;-moz-transform:scale(.1);-ms-transform:scale(.1);-webkit-transform:scale(.1);transform:scale(.1)}25%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);stroke-width:.5}30%{stroke-width:0}to{stroke-width:0}}@keyframes appcues-beacon-pulse{0%{stroke-width:22;-moz-transform:scale(.1);-ms-transform:scale(.1);-webkit-transform:scale(.1);transform:scale(.1)}25%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);stroke-width:.5}30%{stroke-width:0}to{stroke-width:0}}appcues-layer .beacon .hotspot-animation-pulse{-webkit-animation:appcues-beacon-pulse 3s ease-out 2s infinite;-moz-animation:appcues-beacon-pulse 3s ease-out 2s infinite;animation:appcues-beacon-pulse 3s ease-out 2s infinite}appcues-layer .beacon-container{width:24px;max-width:24px;position:relative}appcues-layer .hotspot>iframe,appcues-layer .appcues-hotspot>iframe,appcues-layer,appcues-container>iframe[src="about:blank"]{margin:0!important;padding:0!important;border:0!important;font-size:100%!important;font:inherit!important;vertical-align:baseline!important;display:block!important;line-height:1!important;box-shadow:none!important;opacity:1;box-sizing:content-box!important;outline:none!important;border-radius:0!important;overflow-x:visible!important;overflow-y:visible!important}@media screen and (min-width: 0�){appcues-layer .hotspot .apc-spotlight,appcues-layer .appcues-hotspot .apc-spotlight{display:none}}appcues-layer .hotspots,appcues-layer .hotspots .hotspot,appcues-layer .hotspots .appcues-hotspot,appcues-layer .appcues-hotspots,appcues-layer .appcues-hotspots .hotspot,appcues-layer .appcues-hotspots .appcues-hotspot{position:static}appcues-layer .hotspot,appcues-layer .appcues-hotspot{top:50%;left:50%}appcues-layer .hotspot.appcues-animated,appcues-layer .appcues-hotspot.appcues-animated{transition:top .1s,left .1s}appcues-layer .hotspot .apc-animated-backdrop,appcues-layer .appcues-hotspot .apc-animated-backdrop{transition:opacity .3s}appcues-layer .hotspot.apc-hidden .beacon,appcues-layer .appcues-hotspot.apc-hidden .beacon{transform:scale(0);visibility:hidden}appcues-layer .hotspot.apc-hidden .apc-spotlight,appcues-layer .appcues-hotspot.apc-hidden .apc-spotlight{opacity:0;visibility:hidden}appcues-layer .hotspot.apc-beacon-hidden .beacon-container,appcues-layer .appcues-hotspot.apc-beacon-hidden .beacon-container{display:none}appcues-layer .hotspot .beacon,appcues-layer .appcues-hotspot .beacon{transition:transform .08s cubic-bezier(0,0,0,1);transform:none}appcues-layer .hotspot>iframe,appcues-layer .appcues-hotspot>iframe{background-color:transparent;min-width:0;min-height:0;opacity:1;transform:none;transition:opacity .16s cubic-bezier(0,0,0,1),transform .08s cubic-bezier(0,0,0,1)}appcues-layer .hotspot>iframe.apc-hidden,appcues-layer .appcues-hotspot>iframe.apc-hidden{opacity:.01;transform:scale(.97);visibility:hidden}appcues-layer .hotspot>iframe.align-top,appcues-layer .appcues-hotspot>iframe.align-top{transform-origin:bottom}appcues-layer .hotspot>iframe.align-top-left,appcues-layer .appcues-hotspot>iframe.align-top-left{transform-origin:bottom right}appcues-layer .hotspot>iframe.align-top-right,appcues-layer .appcues-hotspot>iframe.align-top-right{transform-origin:bottom left}appcues-layer .hotspot>iframe.align-bottom,appcues-layer .appcues-hotspot>iframe.align-bottom{transform-origin:top}appcues-layer .hotspot>iframe.align-bottom-left,appcues-layer .appcues-hotspot>iframe.align-bottom-left{transform-origin:top right}appcues-layer .hotspot>iframe.align-bottom-right,appcues-layer .appcues-hotspot>iframe.align-bottom-right{transform-origin:top left}appcues-debugger{position:fixed;bottom:0;left:15px;overflow-wrap:break-word;z-index:2147483548;color:#fff}appcues-debugger.expanded{max-height:450px;min-width:600px}appcues-debugger.collapsed{max-height:35px}appcues-debugger iframe{overflow:hidden}appcues-checklist{position:fixed;bottom:30px;z-index:2147483647;transition:all .5s ease-in-out}appcues-checklist.apcl-right{right:30px}appcues-checklist.apcl-right.first-view{right:-300px}appcues-checklist.apcl-left{left:30px}appcues-checklist.apcl-left.first-view{left:-300px}div.appcues,div.appcues>appcues-layer{position:static}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";body{margin:0;display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;-webkit-box-align:stretch;-moz-box-align:stretch;box-align:stretch;-webkit-align-items:stretch;-moz-align-items:stretch;-ms-align-items:stretch;-o-align-items:stretch;align-items:stretch;-ms-flex-align:stretch;-webkit-box-pack:start;-moz-box-pack:start;box-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start}body debugger{width:600px;height:450px;font-family:Helvetica Neue,Helvetica,sans-serif!important;color:#c3cfd5;font-size:1em;border-radius:4px 4px 0 0;display:flex;flex-direction:column}body debugger a{cursor:pointer;color:#c3cfd5}body debugger>div{padding:5px}body debugger .header{cursor:pointer;display:flex;flex-direction:row;align-items:center;background-color:#1a1a1acc;padding:10px;border-radius:4px 4px 0 0;min-height:25px;max-height:25px}body debugger .header .logo{padding-left:5px;padding-right:15px}body debugger .header .logo:hover svg>g{fill:#4baad4}body debugger .header .title{color:#f0f3f5;font-weight:500;font-size:1.2em;flex:1}body debugger .header .version{margin-left:auto;color:#8b959b;font-size:.75em;padding-right:10px}body debugger .header .close-button{margin-left:auto;font-weight:700;padding-right:7px;padding-bottom:.25em}body debugger .panel{font-size:.9em;overflow-y:auto;background-color:#333230cc;flex-grow:1}body debugger .panel .row{margin:20px 0;color:#c3cfd5}body debugger .panel .row .category-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}body debugger .panel .row .category-container>*{margin:0 5px}body debugger .panel .row .category-container .icon{width:20px;text-align:center}body debugger .panel .row .category-container .name{font-size:1.2em;font-weight:700}body debugger .panel .row .category-container .description{font-style:italic;color:#888}body debugger .panel .row .category-container .toggle-details{margin-left:auto;cursor:pointer}body debugger .panel .row .category-container .toggle-details:after{margin-left:5px}body debugger .panel .row .category-container .toggle-details.open:after{content:"▾"}body debugger .panel .row .category-container .toggle-details.closed:after{content:"▸"}body debugger .panel .row .category-container.check .icon,body debugger .panel .row .category-container.check .name{color:#8fce89}body debugger .panel .row .category-container.check .icon:after{content:"✓"}body debugger .panel .row .category-container.alert .icon,body debugger .panel .row .category-container.alert .name{color:#eb6e5e}body debugger .panel .row .category-container.alert .icon:after{content:"✗"}body debugger .panel .row .category-container.pending .icon:after{content:"⋯"}body debugger .panel .row .category-container.warn .icon,body debugger .panel .row .category-container.warn .name{color:#ffbf74}body debugger .panel .row .category-container.warn .icon:after{content:"○"}body debugger .panel .row .details{margin-left:20px;padding:10px 20px 20px}body debugger .panel .row .details table{text-align:left;color:#c3cfd5;font-size:.9em}body debugger .panel .row .details table th,body debugger .panel .row .details table td{padding:3px;vertical-align:top}body debugger .footer{background-color:#333230cc;padding:20px}body debugger .footer a{text-decoration:none}body debugger .footer a .launch-diagnostics{background-color:#35aae6;border-radius:4px;padding:15px;text-align:center;color:#f0f3f5;font-weight:500;font-size:1.2em}body debugger .footer a.disabled{pointer-events:none}body debugger .footer a.disabled .launch-diagnostics{background-color:#333230cc;color:#8b959b;font-style:italic}
|